.app-header[data-v-bf6e8e73] {
  position: sticky;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 72px;
  background: #fff;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid var(--color-line);
}
.app-header__inner[data-v-bf6e8e73] {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2.2vw, 48px);
  width: min(100%, 1620px);
  height: 100%;
  padding: 0 24px;
}
.app-header__brand[data-v-bf6e8e73] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}
.app-header__brand-logo[data-v-bf6e8e73] {
  height: 36px;
  width: auto;
}
.app-header__brand-text[data-v-bf6e8e73] {
  font-size: 20px;
  font-weight: 800;
  color: var(--color-text);
  white-space: nowrap;
}
.app-header__nav[data-v-bf6e8e73] {
  flex: 1;
  display: flex;
  justify-content: center;
  gap: clamp(18px, 3vw, 64px);
  min-width: 0;
}
.app-header__nav-item[data-v-bf6e8e73] {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.app-header__nav-link[data-v-bf6e8e73] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: clamp(15px, 0.7vw + 7px, 18px);
  font-weight: 700;
  color: var(--color-text);
  white-space: nowrap;
  transition: color 0.2s;
}
.app-header__nav-link[data-v-bf6e8e73]:hover,
.app-header__nav-link.is-active[data-v-bf6e8e73] {
  color: var(--color-primary);
}
.app-header__nav-icon[data-v-bf6e8e73] {
  height: 24px;
  width: auto;
  flex-shrink: 0;
}
.app-header__contact[data-v-bf6e8e73] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.app-header__phone[data-v-bf6e8e73] {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-primary);
  white-space: nowrap;
}
@media (max-width: 1200px) {
  .app-header__inner[data-v-bf6e8e73] {
    gap: 24px;
  }
  .app-header__nav[data-v-bf6e8e73] {
    gap: 32px;
  }
  .app-header__nav-link[data-v-bf6e8e73],
  .app-header__phone[data-v-bf6e8e73] {
    font-size: 16px;
  }
}
.app-header__hamburger[data-v-bf6e8e73] {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  flex-shrink: 0;
  z-index: 110;
}
@media (max-width: 768px) {
  .app-header[data-v-bf6e8e73] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
  }
  .app-header__inner[data-v-bf6e8e73] {
    justify-content: space-between;
    padding: 0 16px;
  }
  .app-header__brand[data-v-bf6e8e73] {
    flex-shrink: 1;
  }
  .app-header__brand-logo[data-v-bf6e8e73] {
    height: 22px;
  }
  .app-header__brand-text[data-v-bf6e8e73] {
    font-size: 16px;
  }
  .app-header__nav[data-v-bf6e8e73],
  .app-header__contact[data-v-bf6e8e73] {
    display: none;
  }
  .app-header__hamburger[data-v-bf6e8e73] {
    display: flex;
  }
}
.app-header__hamburger-line[data-v-bf6e8e73] {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--color-text);
  border-radius: 2px;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease;
}
.app-header__hamburger.is-open
  .app-header__hamburger-line[data-v-bf6e8e73]:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.app-header__hamburger.is-open
  .app-header__hamburger-line[data-v-bf6e8e73]:nth-child(2) {
  opacity: 0;
}
.app-header__hamburger.is-open
  .app-header__hamburger-line[data-v-bf6e8e73]:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.app-header__mobile-overlay[data-v-bf6e8e73] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background: #0006;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.app-header__mobile-panel[data-v-bf6e8e73] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(80vw, 320px);
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 80px 20px 24px;
  overflow-y: auto;
}
.app-header__mobile-nav[data-v-bf6e8e73] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.app-header__mobile-link[data-v-bf6e8e73] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text);
  text-decoration: none;
  transition:
    background 0.2s ease,
    color 0.2s ease;
}
.app-header__mobile-link[data-v-bf6e8e73]:hover,
.app-header__mobile-link.is-active[data-v-bf6e8e73] {
  background: #0d843d0f;
  color: var(--color-primary);
}
.app-header__mobile-link-icon[data-v-bf6e8e73] {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.app-header__mobile-contact[data-v-bf6e8e73] {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
  text-align: center;
}
.app-header__mobile-phone-label[data-v-bf6e8e73] {
  display: block;
  font-size: 13px;
  color: #9ca3af;
  margin-bottom: 6px;
}
.app-header__mobile-phone[data-v-bf6e8e73] {
  display: block;
  font-size: 20px;
  font-weight: 800;
  color: var(--color-primary);
  text-decoration: none;
}
.mobile-menu-fade-enter-active[data-v-bf6e8e73],
.mobile-menu-fade-leave-active[data-v-bf6e8e73] {
  transition: opacity 0.25s ease;
}
.mobile-menu-fade-enter-active .app-header__mobile-panel[data-v-bf6e8e73],
.mobile-menu-fade-leave-active .app-header__mobile-panel[data-v-bf6e8e73] {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu-fade-enter-from[data-v-bf6e8e73],
.mobile-menu-fade-leave-to[data-v-bf6e8e73] {
  opacity: 0;
}
.mobile-menu-fade-enter-from .app-header__mobile-panel[data-v-bf6e8e73],
.mobile-menu-fade-leave-to .app-header__mobile-panel[data-v-bf6e8e73] {
  transform: translate(100%);
}
.app-footer[data-v-f7f5f947] {
  width: 100%;
  background: var(--color-primary);
  color: #fff;
  display: flex;
  justify-content: center;
  padding: 70px 0 24px;
}
.app-footer__inner[data-v-f7f5f947] {
  width: min(100%, 1200px);
  padding: 0 24px;
}
.app-footer__columns[data-v-f7f5f947] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  padding-left: 10px;
}
.app-footer__column[data-v-f7f5f947] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
.app-footer__logo[data-v-f7f5f947] {
  height: 60px;
  width: auto;
  margin-bottom: 16px;
  object-fit: contain;
  align-self: flex-start;
}
.app-footer__brand[data-v-f7f5f947] {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.2s;
}
.app-footer__brand[data-v-f7f5f947]:hover {
  opacity: 0.8;
}
.app-footer__join-link[data-v-f7f5f947] {
  display: inline-block;
  padding: 8px 20px;
  margin-bottom: 8px;
  border-radius: 8px;
  background: #ffffff26;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition:
    background 0.2s,
    transform 0.2s;
}
.app-footer__join-link[data-v-f7f5f947]:hover {
  background: #ffffff40;
  transform: translateY(-1px);
}
.app-footer__divider[data-v-f7f5f947] {
  height: 1px;
  margin: 32px 0 20px;
  background: var(--color-footer-line);
}
.app-footer__qr-section[data-v-f7f5f947] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px 48px;
  padding: 24px 0 0;
}
.app-footer__qr-group[data-v-f7f5f947] {
  display: flex;
  gap: 16px;
}
.app-footer__qr-card[data-v-f7f5f947] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.app-footer__qr-image[data-v-f7f5f947] {
  width: 90px;
  height: 90px;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  object-fit: contain;
  background: #fff;
}
.app-footer__qr-label[data-v-f7f5f947] {
  font-size: 14px;
  font-weight: 500;
  color: #ffffffd9;
}
.app-footer__copyright[data-v-f7f5f947] {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.app-footer__sitemap[data-v-f7f5f947] {
  color: inherit;
  text-decoration: none;
}
.app-footer__sitemap[data-v-f7f5f947]:hover {
  text-decoration: underline;
}
@media (max-width: 900px) {
  .app-footer[data-v-f7f5f947] {
    padding: 56px 0 24px;
  }
  .app-footer__columns[data-v-f7f5f947] {
    grid-template-columns: 1fr;
    gap: 40px;
    padding-left: 0;
  }
  .app-footer__qr-section[data-v-f7f5f947] {
    gap: 20px 32px;
  }
  .app-footer__qr-image[data-v-f7f5f947] {
    width: 80px;
    height: 80px;
  }
  .app-footer__qr-label[data-v-f7f5f947] {
    font-size: 13px;
  }
  .app-footer__copyright[data-v-f7f5f947] {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media (max-width: 640px) {
  .app-footer__inner[data-v-f7f5f947] {
    padding: 0 16px;
  }
  .app-footer__column[data-v-f7f5f947] {
    font-size: 14px;
  }
  .app-footer__qr-section[data-v-f7f5f947] {
    gap: 16px 24px;
  }
  .app-footer__qr-group[data-v-f7f5f947] {
    gap: 12px;
  }
  .app-footer__qr-image[data-v-f7f5f947] {
    width: 72px;
    height: 72px;
  }
}
.float-contact-bar[data-v-7ae98ec0] {
  position: fixed;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 200;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 72px;
  padding: 14px 8px 16px;
  background: linear-gradient(180deg, #ae8dff, #6a37d4);
  border-radius: 32px;
  box-shadow: 0 8px 24px #0000002e;
  color: #fff;
}
.float-contact-bar__logo[data-v-7ae98ec0] {
  width: 56px;
  height: 56px;
  margin-bottom: 14px;
  background: #fff;
  border-radius: 50%;
  padding: 4px;
  object-fit: contain;
}
.float-contact-bar__btn[data-v-7ae98ec0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 10px 0;
  border: none;
  background: transparent;
  color: #fff;
  cursor: pointer;
  border-radius: 12px;
  transition: background 0.2s;
}
.float-contact-bar__btn[data-v-7ae98ec0]:hover {
  background: #ffffff26;
}
.float-contact-bar__btn--secondary[data-v-7ae98ec0] {
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.float-contact-bar__icon[data-v-7ae98ec0] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff38;
}
.float-contact-bar__label[data-v-7ae98ec0] {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.float-contact-bar__phone-wrap[data-v-7ae98ec0] {
  position: relative;
  width: 100%;
}
.float-contact-bar__phone-pop[data-v-7ae98ec0] {
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%) translate(8px);
  padding: 8px 14px;
  background: #fff;
  color: rgb(106 55 212 / var(--tw-text-opacity, 1));
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  border-radius: 8px;
  box-shadow: 0 4px 14px #00000026;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.2s,
    transform 0.2s;
}
.float-contact-bar__phone-pop[data-v-7ae98ec0]:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: #fff;
}
.float-contact-bar__phone-wrap:hover
  .float-contact-bar__phone-pop[data-v-7ae98ec0] {
  opacity: 1;
  transform: translateY(-50%) translate(0);
}
@media (max-width: 640px) {
  .float-contact-bar[data-v-7ae98ec0] {
    right: 10px;
    width: 60px;
    padding: 12px 6px;
  }
  .float-contact-bar__logo[data-v-7ae98ec0] {
    width: 44px;
    height: 44px;
  }
  .float-contact-bar__label[data-v-7ae98ec0] {
    font-size: 11px;
  }
}
.brand-dialog[data-v-4e9e699b] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #000000b3;
}
.brand-dialog__panel[data-v-4e9e699b] {
  position: relative;
  width: 600px;
  max-width: 100%;
  padding: 20px 40px 32px;
  border-radius: 16px;
  background: #fff;
}
.brand-dialog__close[data-v-4e9e699b] {
  position: absolute;
  top: 12px;
  right: 16px;
  color: #666;
  font-size: 28px;
  line-height: 1;
}
.brand-dialog__title[data-v-4e9e699b] {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  color: #333;
}
.brand-dialog__form[data-v-4e9e699b] {
  margin-top: 39px;
}
.brand-dialog__field[data-v-4e9e699b] {
  display: block;
}
.brand-dialog__field + .brand-dialog__field[data-v-4e9e699b] {
  margin-top: 24px;
}
.brand-dialog__label[data-v-4e9e699b] {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3125;
  color: #333;
}
.brand-dialog__label span[data-v-4e9e699b] {
  color: #ef4444;
}
.brand-dialog__field input[data-v-4e9e699b] {
  width: 100%;
  height: 44px;
  margin-top: 12px;
  padding: 0 10px;
  border: 0;
  border-radius: 4px;
  background: #f5f5f5;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}
.brand-dialog__field input[data-v-4e9e699b]::placeholder {
  color: #ccc;
}
.brand-dialog__projects[data-v-4e9e699b] {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 19px;
}
.brand-dialog__project[data-v-4e9e699b] {
  height: 141px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    border-color 0.2s,
    background 0.2s,
    box-shadow 0.2s;
}
.brand-dialog__project.is-active[data-v-4e9e699b] {
  border-color: #16a34a;
  background: #eef9f1;
  box-shadow: inset 0 0 0 1px #16a34a14;
}
.brand-dialog__project-image[data-v-4e9e699b] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 16px;
}
.brand-dialog__city-selects[data-v-4e9e699b] {
  margin-top: 12px;
  display: flex;
  gap: 10px;
}
.brand-dialog__select[data-v-4e9e699b] {
  flex: 1;
  height: 44px;
  padding: 0 36px 0 14px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 44px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23999' d='M4.2 6l3.8 4 3.8-4H4.2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
.brand-dialog__select[data-v-4e9e699b]:hover:not(:disabled) {
  border-color: #16a34a;
}
.brand-dialog__select[data-v-4e9e699b]:focus {
  outline: none;
  border-color: #16a34a;
  box-shadow: 0 0 0 3px #16a34a1f;
}
.brand-dialog__select[data-v-4e9e699b]:disabled {
  color: #bbb;
  background-color: #f9fafb;
  border-color: #eee;
  cursor: not-allowed;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ccc' d='M4.2 6l3.8 4 3.8-4H4.2z'/%3E%3C/svg%3E");
}
.brand-dialog__select option[data-v-4e9e699b] {
  color: #333;
  background: #fff;
  padding: 8px;
}
.brand-dialog__submit[data-v-4e9e699b] {
  display: block;
  width: 280px;
  height: 48px;
  margin: 40px auto 0;
  border-radius: 8px;
  background: rgb(106 55 212 / var(--tw-text-opacity, 1));
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3125;
  transition: background 0.2s;
}
.brand-dialog__submit[data-v-4e9e699b]:disabled {
  background: #9ccc65;
  cursor: not-allowed;
}
@media (max-width: 640px) {
  .brand-dialog[data-v-4e9e699b] {
    padding: 0;
    align-items: flex-end;
  }
  .brand-dialog__panel[data-v-4e9e699b] {
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    padding: 24px 20px 32px;
    border-radius: 20px 20px 0 0;
  }
  .brand-dialog__close[data-v-4e9e699b] {
    top: 18px;
    right: 16px;
    font-size: 24px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f5f5f5;
  }
  .brand-dialog__title[data-v-4e9e699b] {
    font-size: 18px;
    text-align: left;
  }
  .brand-dialog__form[data-v-4e9e699b] {
    margin-top: 24px;
  }
  .brand-dialog__field + .brand-dialog__field[data-v-4e9e699b] {
    margin-top: 20px;
  }
  .brand-dialog__label[data-v-4e9e699b] {
    font-size: 14px;
  }
  .brand-dialog__field input[data-v-4e9e699b] {
    height: 42px;
    margin-top: 8px;
    font-size: 15px;
    border-radius: 8px;
  }
  .brand-dialog__projects[data-v-4e9e699b] {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 8px;
  }
  .brand-dialog__project[data-v-4e9e699b] {
    height: 100px;
    border-radius: 10px;
  }
  .brand-dialog__project-image[data-v-4e9e699b] {
    padding: 12px;
  }
  .brand-dialog__city-selects[data-v-4e9e699b] {
    margin-top: 8px;
    flex-direction: column;
    gap: 8px;
  }
  .brand-dialog__select[data-v-4e9e699b] {
    height: 46px;
    font-size: 15px;
    border-radius: 10px;
    line-height: 46px;
    padding: 0 40px 0 16px;
  }
  .brand-dialog__submit[data-v-4e9e699b] {
    width: 100%;
    height: 48px;
    margin-top: 28px;
    font-size: 16px;
    border-radius: 10px;
  }
}
.brand-story-dialog[data-v-5f5f2aa7] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #0a110db3;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.brand-story-dialog__panel[data-v-5f5f2aa7] {
  position: relative;
  width: min(100%, 1240px);
  max-height: min(100%, 92vh);
  padding: 18px 18px 16px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, #58dc891f, #58dc8900 28%), #0e1711;
  box-shadow: 0 28px 64px #00000052;
}
.brand-story-dialog__close[data-v-5f5f2aa7] {
  position: absolute;
  top: 24px;
  right: 14px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #ffffff1a;
  color: #fff;
  font-size: 26px;
  line-height: 1;
}
.brand-story-dialog__header[data-v-5f5f2aa7] {
  display: flex;
  align-items: center;
  min-height: 52px;
  margin-bottom: 14px;
  padding: 0 48px 0 4px;
}
.brand-story-dialog__eyebrow[data-v-5f5f2aa7] {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6ee49be6;
}
.brand-story-dialog__title[data-v-5f5f2aa7] {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
}
.brand-story-dialog__video-wrap[data-v-5f5f2aa7] {
  overflow: hidden;
  border-radius: 18px;
  background: #000;
}
.brand-story-dialog__video[data-v-5f5f2aa7] {
  display: block;
  width: 100%;
  height: min(78vh, calc((100vw - 120px) * 0.5625));
  min-height: 320px;
  max-height: calc(92vh - 68px);
  background: #000;
}
@media (max-width: 768px) {
    .franchising-hotline{
        display: none;
    }
  .brand-story-dialog[data-v-5f5f2aa7] {
    padding: 12px;
  }
  .brand-story-dialog__panel[data-v-5f5f2aa7] {
    width: min(100%, 100vw - 24px);
    max-height: min(100%, 94vh);
    padding: 14px 14px 12px;
    border-radius: 18px;
  }
  .brand-story-dialog__close[data-v-5f5f2aa7] {
    top: 19px;
    right: 10px;
    width: 34px;
    height: 34px;
    font-size: 20px;
  }
  .brand-story-dialog__header[data-v-5f5f2aa7] {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin-bottom: 10px;
    padding: 0 40px 0 2px;
  }
  .brand-story-dialog__title[data-v-5f5f2aa7] {
    font-size: 18px;
  }
  .brand-story-dialog__video-wrap[data-v-5f5f2aa7] {
    border-radius: 14px;
  }
  .brand-story-dialog__video[data-v-5f5f2aa7] {
    height: min(72vh, calc((100vw - 32px) * 0.5625));
    min-height: 220px;
    max-height: calc(94vh - 56px);
  }
}
.app[data-v-2aff1826] {
  width: 100%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}
.app__main[data-v-2aff1826] {
  flex: 1;
  width: 100%;
}
@media (max-width: 768px) {
  .app__main[data-v-2aff1826] {
    padding-top: 56px;
  }
}
.top-banner-carousel[data-v-b7c043cd] {
  position: relative;
  width: 100%;
  min-height: 814px;
  overflow: hidden;
}
.top-banner-carousel__track[data-v-b7c043cd] {
  display: flex;
  width: 100%;
}
.top-banner-carousel__slide[data-v-b7c043cd] {
  flex: 0 0 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.top-banner-carousel__image[data-v-b7c043cd] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top-banner-carousel__dots[data-v-b7c043cd] {
  position: absolute;
  left: 50%;
  bottom: 28px;
  z-index: 2;
  display: flex;
  gap: 12px;
  transform: translate(-50%);
}
.top-banner-carousel__dot[data-v-b7c043cd] {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  background: #ffffff6b;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transition: all 0.2s ease;
}
.top-banner-carousel__dot.is-active[data-v-b7c043cd] {
  width: 28px;
  border-radius: 999px;
  background: #fff;
  border-color: #fff;
}
@media (max-width: 768px) {
  .top-banner-carousel[data-v-b7c043cd] {
    min-height: auto;
    height: auto !important;
    background: #000;
  }
  .top-banner-carousel__track[data-v-b7c043cd] {
    height: auto !important;
  }
  .top-banner-carousel__slide[data-v-b7c043cd] {
    height: auto !important;
    background: #000;
  }
  .top-banner-carousel__image[data-v-b7c043cd] {
    width: 100%;
    height: auto !important;
    object-fit: contain;
  }
  .top-banner-carousel__dots[data-v-b7c043cd] {
    bottom: 14px;
    gap: 10px;
  }
  .top-banner-carousel__dot[data-v-b7c043cd] {
    width: 8px;
    height: 8px;
  }
  .top-banner-carousel__dot.is-active[data-v-b7c043cd] {
    width: 20px;
  }
}
.hero-brand-strip[data-v-9b7280e6] {
  width: 100%;
  min-height: 160px;
  padding: 28px 40px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  background: rgb(106 55 212 / var(--tw-text-opacity, 1));
  color: #fff;
  box-sizing: border-box;
}
.hero-brand-strip__brand[data-v-9b7280e6] {
  width: 520px;
  flex: 0 0 520px;
}
.hero-brand-strip__logo[data-v-9b7280e6] {
  width: 381px;
  height: auto;
}
.hero-brand-strip__desc[data-v-9b7280e6] {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  color: #fffffff5;
}
.hero-brand-strip__stats[data-v-9b7280e6] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hero-brand-strip__card[data-v-9b7280e6] {
  width: 128px;
  height: 128px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #ffffff1a;
  box-shadow: inset 0 0 0 1px #ffffff14;
}
.hero-brand-strip__card-title[data-v-9b7280e6] {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  padding-bottom: 8px;
}
.hero-brand-strip__card-title[data-v-9b7280e6]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, #23ad5a00, #fff, #23ad5a00);
}
.hero-brand-strip__card-text[data-v-9b7280e6] {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #fffffff5;
  text-align: center;
}
@media (max-width: 1280px) {
  .hero-brand-strip[data-v-9b7280e6] {
    height: auto;
    min-height: 160px;
    padding: 24px 24px 20px;
    gap: 18px;
  }
  .hero-brand-strip__brand[data-v-9b7280e6] {
    width: 420px;
    flex-basis: 420px;
  }
  .hero-brand-strip__stats[data-v-9b7280e6] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .hero-brand-strip[data-v-9b7280e6] {
    min-height: auto;
    padding: 24px 16px;
    flex-direction: column;
    align-items: stretch;
  }
  .hero-brand-strip__brand[data-v-9b7280e6] {
    width: 100%;
    flex-basis: auto;
  }
  .hero-brand-strip__logo[data-v-9b7280e6] {
    width: 180px;
  }
  .hero-brand-strip__desc[data-v-9b7280e6] {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.7;
  }
  .hero-brand-strip__stats[data-v-9b7280e6] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    justify-content: stretch;
  }
  .hero-brand-strip__card[data-v-9b7280e6] {
    width: auto;
    height: auto;
    min-height: 90px;
    padding: 12px 8px;
    border-radius: 10px;
  }
  .hero-brand-strip__card-title[data-v-9b7280e6] {
    font-size: 15px;
    padding-bottom: 8px;
  }
  .hero-brand-strip__card-text[data-v-9b7280e6] {
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.4;
  }
}
@media (max-width: 480px) {
  .hero-brand-strip__stats[data-v-9b7280e6] {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero-brand-strip__logo[data-v-9b7280e6] {
    width: 150px;
  }
  .hero-brand-strip__desc[data-v-9b7280e6] {
    font-size: 12px;
  }
}
.hero-brand-strip[data-v-a0020ecd] {
  width: 100%;
  min-height: 160px;
  padding: 28px 40px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  background: rgb(106 55 212 / var(--tw-text-opacity, 1));
  color: #fff;
  box-sizing: border-box;
}
.hero-brand-strip__brand[data-v-a0020ecd] {
  width: 520px;
  flex: 0 0 520px;
}
.hero-brand-strip__logo[data-v-a0020ecd] {
  width: 381px;
  height: auto;
}
.hero-brand-strip__logo--ktv[data-v-a0020ecd] {
  width: 310px;
}
.hero-brand-strip__desc[data-v-a0020ecd] {
  margin-top: 20px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #fffffff5;
}
.hero-brand-strip__stats[data-v-a0020ecd] {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hero-brand-strip__card[data-v-a0020ecd] {
  width: 128px;
  height: 128px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #ffffff1a;
  box-shadow: inset 0 0 0 1px #ffffff14;
}
.hero-brand-strip__card-title[data-v-a0020ecd] {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  padding-bottom: 8px;
}
.hero-brand-strip__card-title[data-v-a0020ecd]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 60px;
  height: 2px;
  background: linear-gradient(90deg, #23ad5a00, #fff, #23ad5a00);
}
.hero-brand-strip__card-text[data-v-a0020ecd] {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: #fffffff5;
  text-align: center;
}
@media (max-width: 1280px) {
  .hero-brand-strip[data-v-a0020ecd] {
    height: auto;
    min-height: 160px;
    padding: 24px 24px 20px;
    gap: 18px;
  }
  .hero-brand-strip__brand[data-v-a0020ecd] {
    width: 420px;
    flex-basis: 420px;
  }
  .hero-brand-strip__stats[data-v-a0020ecd] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .hero-brand-strip[data-v-a0020ecd] {
    min-height: auto;
    padding: 24px 16px;
    flex-direction: column;
    align-items: stretch;
  }
  .hero-brand-strip__brand[data-v-a0020ecd] {
    width: 100%;
    flex-basis: auto;
  }
  .hero-brand-strip__logo[data-v-a0020ecd],
  .hero-brand-strip__logo--ktv[data-v-a0020ecd] {
    width: 180px;
  }
  .hero-brand-strip__desc[data-v-a0020ecd] {
    margin-top: 12px;
    font-size: 13px;
    line-height: 1.7;
  }
  .hero-brand-strip__stats[data-v-a0020ecd] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    justify-content: stretch;
  }
  .hero-brand-strip__card[data-v-a0020ecd] {
    width: auto;
    height: auto;
    min-height: 90px;
    padding: 12px 8px;
    border-radius: 10px;
  }
  .hero-brand-strip__card-title[data-v-a0020ecd] {
    font-size: 15px;
    padding-bottom: 8px;
  }
  .hero-brand-strip__card-text[data-v-a0020ecd] {
    margin-top: 8px;
    font-size: 11px;
    line-height: 1.4;
  }
}
@media (max-width: 480px) {
  .hero-brand-strip__stats[data-v-a0020ecd] {
    grid-template-columns: repeat(2, 1fr);
  }
  .hero-brand-strip__logo--ktv[data-v-a0020ecd] {
    width: 150px;
  }
  .hero-brand-strip__desc[data-v-a0020ecd] {
    font-size: 12px;
  }
}
.hero[data-v-01edb717] {
  width: 100%;
}
.hero__stats[data-v-01edb717] {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  padding: 48px 0 40px;
}
.hero__stats-inner[data-v-01edb717] {
  width: min(100%, 1200px);
  padding: 0 24px;
  text-align: center;
}
.hero__title[data-v-01edb717] {
  font-size: 40px;
  font-weight: 700;
  color: var(--color-text);
  line-height: 1.45;
}
.hero__desc[data-v-01edb717] {
  margin-top: 16px;
  font-size: 15px;
  font-weight: 400;
  color: #666;
  line-height: 1.8;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.hero__metrics[data-v-01edb717] {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  margin: 48px 0 20px;
  padding: 0;
  list-style: none;
  gap: 8px;
}
.hero__metric[data-v-01edb717] {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
}
.hero__metric[data-v-01edb717]:not(:last-child):after {
  content: "";
  position: absolute;
  right: -4px;
  top: 10%;
  height: 80%;
  width: 1px;
  background: #e8e8e8;
}
.hero__metric-label[data-v-01edb717] {
  font-size: 15px;
  font-weight: 400;
  color: #666;
  margin-bottom: 8px;
}
.hero__metric-value[data-v-01edb717] {
  display: flex;
  align-items: baseline;
  gap: 2px;
  line-height: 1;
}
.hero__metric-number[data-v-01edb717] {
  font-size: 48px;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
}
.hero__metric-unit[data-v-01edb717] {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-primary);
  line-height: 1;
}
.hero__data-source[data-v-01edb717] {
  margin-top: 20px;
  font-size: 12px;
  color: #999;
  line-height: 1.6;
}
.hero__features[data-v-01edb717] {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.hero__feature[data-v-01edb717] {
  position: relative;
  margin: 0;
  width: 100%;
  height: clamp(520px, 55vh, 750px);
  overflow: hidden;
}
.hero__feature-image[data-v-01edb717] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  display: block;
}
.hero__feature-brand[data-v-01edb717] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
@media (max-width: 1024px) {
  .hero__metric-number[data-v-01edb717] {
    font-size: 40px;
  }
  .hero__features[data-v-01edb717] {
    height: min(42vw, 460px);
  }
}
@media (max-width: 768px) {
  .hero__stats[data-v-01edb717] {
    padding: 28px 0 24px;
  }
  .hero__stats-inner[data-v-01edb717] {
    padding: 0 16px;
  }
  .hero__title[data-v-01edb717] {
    font-size: 22px;
  }
  .hero__desc[data-v-01edb717] {
    font-size: 13px;
    line-height: 1.7;
  }
  .hero__metrics[data-v-01edb717] {
    flex-wrap: wrap;
    gap: 20px 0;
    margin: 24px 0 12px;
  }
  .hero__metric[data-v-01edb717] {
    width: 33.333%;
    flex: none;
  }
  .hero__metric[data-v-01edb717]:after {
    display: none !important;
  }
  .hero__metric[data-v-01edb717]:nth-child(3n + 1):after {
    content: "";
    display: block !important;
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background: #e8e8e8;
  }
  .hero__metric[data-v-01edb717]:nth-child(3n + 2):after {
    content: "";
    display: block !important;
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background: #e8e8e8;
  }
  .hero__metric-number[data-v-01edb717] {
    font-size: 28px;
  }
  .hero__metric-unit[data-v-01edb717] {
    font-size: 14px;
  }
  .hero__metric-label[data-v-01edb717] {
    font-size: 12px;
  }
  .hero__data-source[data-v-01edb717] {
    font-size: 11px;
    line-height: 1.5;
  }
  .hero__features[data-v-01edb717] {
    height: auto;
  }
  .hero__feature[data-v-01edb717] {
    height: auto;
    min-height: auto;
  }
  .hero__feature-image[data-v-01edb717] {
    position: relative;
    width: 100%;
    height: 240px;
    object-fit: cover;
  }
  .hero__feature-brand[data-v-01edb717] {
    position: relative;
  }
}
@media (max-width: 480px) {
  .hero__title[data-v-01edb717] {
    font-size: 20px;
  }
  .hero__metric[data-v-01edb717] {
    width: 50%;
  }
  .hero__metric[data-v-01edb717]:after {
    display: none !important;
  }
  .hero__metric[data-v-01edb717]:nth-child(odd):after {
    content: "";
    display: block !important;
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background: #e8e8e8;
  }
  .hero__metric-number[data-v-01edb717] {
    font-size: 26px;
  }
  .hero__metric-label[data-v-01edb717] {
    font-size: 12px;
  }
  .hero__feature-image[data-v-01edb717] {
    height: 200px;
  }
}
.timeline[data-v-7c8676e6] {
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 0;
}
.timeline .section__title[data-v-7c8676e6] {
  font-size: 36px;
}
.timeline__inner[data-v-7c8676e6] {
  width: min(100%, 1200px);
  padding: 0 24px;
  text-align: center;
}
.timeline__subheading[data-v-7c8676e6] {
  margin-top: 18px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  color: var(--color-text);
}
.timeline__track[data-v-7c8676e6] {
  position: relative;
  margin-top: 60px;
  padding-bottom: 40px;
}
.timeline__track[data-v-7c8676e6]:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 3px;
  background: linear-gradient(
    180deg,
    var(--color-primary) 0%,
    rgba(13, 132, 61, 0.4) 100%
  );
  border-radius: 2px;
}
.timeline__node[data-v-7c8676e6] {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 90px;
}
.timeline__node + .timeline__node[data-v-7c8676e6] {
  margin-top: 8px;
}
.timeline__node--left[data-v-7c8676e6] {
  justify-content: flex-end;
  padding-right: calc(50% + 32px);
}
.timeline__node--left .timeline__content[data-v-7c8676e6] {
  text-align: right;
}
.timeline__node--left .timeline__dot[data-v-7c8676e6] {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.timeline__node--right[data-v-7c8676e6] {
  justify-content: flex-start;
  padding-left: calc(50% + 32px);
}
.timeline__node--right .timeline__content[data-v-7c8676e6] {
  text-align: left;
}
.timeline__node--right .timeline__dot[data-v-7c8676e6] {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.timeline__dot[data-v-7c8676e6] {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-primary);
  border: 3px solid #fff;
  box-shadow: 0 0 0 3px #0d843d33;
  flex-shrink: 0;
}
.timeline__node:first-child .timeline__dot[data-v-7c8676e6] {
  width: 22px;
  height: 22px;
  background: #fff;
  border: 4px solid var(--color-primary);
  box-shadow: 0 0 0 4px #0d843d26;
}
.timeline__node:last-child .timeline__dot[data-v-7c8676e6] {
  width: 22px;
  height: 22px;
  background: #fff;
  border: 4px solid var(--color-primary);
  box-shadow: 0 0 0 4px #0d843d26;
}
.timeline__content[data-v-7c8676e6] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.timeline__time[data-v-7c8676e6] {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1.3;
}
.timeline__text[data-v-7c8676e6] {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #4a5a4f;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .timeline[data-v-7c8676e6] {
    padding: 28px 0 48px;
  }
  .timeline .section__title[data-v-7c8676e6] {
    font-size: 20px;
  }
  .timeline__inner[data-v-7c8676e6] {
    padding: 0 16px;
  }
  .timeline__subheading[data-v-7c8676e6] {
    font-size: 16px;
    line-height: 1.5;
  }
  .timeline__track[data-v-7c8676e6] {
    margin-top: 32px;
    padding-bottom: 20px;
  }
  .timeline__track[data-v-7c8676e6]:before {
    left: 24px;
  }
  .timeline__node[data-v-7c8676e6] {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    padding-left: 56px !important;
    padding-right: 0 !important;
    min-height: auto;
    margin-bottom: 24px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .timeline__node + .timeline__node[data-v-7c8676e6] {
    margin-top: 0;
  }
  .timeline__node[data-v-7c8676e6]:last-child {
    margin-bottom: 0;
  }
  .timeline__node .timeline__content[data-v-7c8676e6] {
    text-align: left !important;
  }
  .timeline__node .timeline__dot[data-v-7c8676e6] {
    left: 24px !important;
    top: 14px !important;
    transform: translate(-50%) !important;
  }
  .timeline__time[data-v-7c8676e6] {
    font-size: 17px;
  }
  .timeline__text[data-v-7c8676e6] {
    font-size: 14px;
  }
}
.culture[data-v-fea1ff86] {
  width: 100%;
  background: var(--color-primary-pale);
  padding: 48px 0;
  display: flex;
  justify-content: center;
}
.culture .section__title[data-v-fea1ff86] {
  font-size: 36px;
}
.culture__inner[data-v-fea1ff86] {
  width: min(100%, 1200px);
  padding: 0 24px;
  text-align: center;
}
.culture__desc[data-v-fea1ff86] {
  max-width: 880px;
  margin: 28px auto 64px;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text);
  line-height: 1.75;
  text-align: center;
}
.culture__body[data-v-fea1ff86] {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 40px;
  background: #fff;
  border-radius: 20px;
  padding: 56px 64px;
  box-shadow: 0 8px 32px #0d843d0f;
  text-align: left;
}
.culture__list[data-v-fea1ff86] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 36px;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
}
.culture__item[data-v-fea1ff86] {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding-bottom: 28px;
  border-bottom: 1px dashed rgba(13, 132, 61, 0.18);
}
.culture__item[data-v-fea1ff86]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.culture__icon[data-v-fea1ff86] {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #0d843d, #4cc07a);
  color: #fff;
  box-shadow: 0 4px 12px #0d843d40;
}
.culture__content[data-v-fea1ff86] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 4px;
}
.culture__item-title[data-v-fea1ff86] {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.2;
  margin: 0;
}
.culture__item-desc[data-v-fea1ff86] {
  font-size: 16px;
  font-weight: 500;
  color: #4a5a4a;
  line-height: 1.5;
  margin: 0;
}
.culture__deco[data-v-fea1ff86] {
  flex: 0 0 440px;
  border-radius: 16px;
  overflow: hidden;
  min-height: 360px;
}
.culture__deco-image[data-v-fea1ff86] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
@media (max-width: 960px) {
  .culture__body[data-v-fea1ff86] {
    flex-direction: column-reverse;
    padding: 36px 28px;
    gap: 28px;
  }
  .culture__deco[data-v-fea1ff86] {
    flex: 0 0 auto;
    width: 100%;
    min-height: 200px;
  }
}
@media (max-width: 768px) {
  .culture[data-v-fea1ff86] {
    padding: 28px 0;
  }
  .culture .section__title[data-v-fea1ff86] {
    font-size: 20px;
  }
  .culture__inner[data-v-fea1ff86] {
    padding: 0 16px;
  }
  .culture__desc[data-v-fea1ff86] {
    margin: 20px auto 40px;
    font-size: 15px;
  }
  .culture__body[data-v-fea1ff86] {
    padding: 28px 20px;
  }
  .culture__list[data-v-fea1ff86] {
    gap: 24px;
  }
  .culture__item[data-v-fea1ff86] {
    gap: 14px;
    padding-bottom: 20px;
  }
  .culture__icon[data-v-fea1ff86] {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }
  .culture__item-title[data-v-fea1ff86] {
    font-size: 18px;
  }
  .culture__item-desc[data-v-fea1ff86] {
    font-size: 14px;
  }
}
.strength[data-v-ad75d017] {
  width: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  padding: 48px 0;
}
.strength .section__title[data-v-ad75d017] {
  font-size: 36px;
}
.strength__inner[data-v-ad75d017] {
  width: min(100%, 1200px);
  padding: 0 24px;
  text-align: center;
}
.strength__desc[data-v-ad75d017] {
  max-width: 880px;
  margin: 28px auto 0;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text);
  line-height: 1.75;
  text-align: center;
}
.strength__metrics[data-v-ad75d017] {
  display: flex;
  justify-content: space-around;
  list-style: none;
  padding: 0;
  margin: 60px 0 24px;
  flex-wrap: wrap;
  gap: 0;
}
.strength__metric[data-v-ad75d017] {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}
.strength__metric-value[data-v-ad75d017] {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  line-height: 1;
}
.strength__metric-number[data-v-ad75d017] {
  font-size: 56px;
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
}
.strength__metric-suffix[data-v-ad75d017] {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text);
  padding-bottom: 6px;
}
.strength__metric-label[data-v-ad75d017] {
  margin-top: 16px;
  font-size: 20px;
  font-weight: 500;
  color: var(--color-text);
}
.strength__illustration[data-v-ad75d017] {
  display: block;
  width: min(100%, 800px);
  height: auto;
  margin: 48px auto;
}
@media (max-width: 768px) {
  .strength[data-v-ad75d017] {
    padding: 28px 0;
  }
  .strength .section__title[data-v-ad75d017] {
    font-size: 20px;
  }
  .strength__inner[data-v-ad75d017] {
    padding: 0 16px;
  }
  .strength__desc[data-v-ad75d017] {
    margin: 20px auto 32px;
    font-size: 15px;
  }
  .strength__metrics[data-v-ad75d017] {
    flex-wrap: wrap;
    gap: 28px 16px;
    margin: 40px 0 16px;
  }
  .strength__metric[data-v-ad75d017] {
    width: calc(33.33% - 12px);
  }
  .strength__metric-number[data-v-ad75d017] {
    font-size: 36px;
  }
  .strength__metric-suffix[data-v-ad75d017] {
    font-size: 16px;
  }
  .strength__metric-label[data-v-ad75d017] {
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .strength__metric[data-v-ad75d017] {
    width: calc(50% - 8px);
  }
  .strength__metric-number[data-v-ad75d017] {
    font-size: 32px;
  }
}
.industry-news[data-v-7d0a13fa] {
  width: 100%;
  background: #fff;
  padding: 48px 0;
  display: flex;
  justify-content: center;
}
.industry-news .section__title[data-v-7d0a13fa] {
  font-size: 36px;
}
.industry-news__inner[data-v-7d0a13fa] {
  width: min(100%, 1200px);
  padding: 0 24px;
  text-align: center;
}
.industry-news__desc[data-v-7d0a13fa] {
  max-width: 880px;
  margin: 28px auto 64px;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text);
  line-height: 1.75;
  text-align: center;
}
.industry-news__grid[data-v-7d0a13fa] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  text-align: left;
}
.industry-news__card[data-v-7d0a13fa] {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 24px;
  background: #f9fafb;
  border-radius: 16px;
  border: 1px solid rgba(13, 132, 61, 0.08);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
  text-decoration: none;
}
.industry-news__card[data-v-7d0a13fa]:hover {
  background: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 32px #0d843d14;
  border-color: #0d843d33;
}
.industry-news__card-date[data-v-7d0a13fa] {
  flex: 0 0 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border: 2px solid var(--color-primary);
  border-radius: 12px;
  color: var(--color-primary);
}
.industry-news__card-day[data-v-7d0a13fa] {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.industry-news__card-month[data-v-7d0a13fa] {
  font-size: 12px;
  font-weight: 500;
  margin-top: 4px;
}
.industry-news__card-month--short[data-v-7d0a13fa] {
  display: none;
  font-size: 12px;
  font-weight: 500;
  margin-top: 4px;
}
.industry-news__card-body[data-v-7d0a13fa] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.industry-news__card-title[data-v-7d0a13fa] {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: #1a1a1a;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.industry-news__card-summary[data-v-7d0a13fa] {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  color: #666;
  margin: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 768px) {
  .industry-news[data-v-7d0a13fa] {
    padding: 28px 0;
  }
  .industry-news .section__title[data-v-7d0a13fa] {
    font-size: 20px;
  }
  .industry-news__inner[data-v-7d0a13fa] {
    padding: 0 16px;
  }
  .industry-news__desc[data-v-7d0a13fa] {
    margin: 20px auto 40px;
    font-size: 15px;
  }
  .industry-news__grid[data-v-7d0a13fa] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .industry-news__card[data-v-7d0a13fa] {
    padding: 18px;
    gap: 14px;
  }
  .industry-news__card-date[data-v-7d0a13fa] {
    flex-basis: 52px;
    width: 52px;
    height: 52px;
    border-radius: 10px;
  }
  .industry-news__card-day[data-v-7d0a13fa] {
    font-size: 20px;
  }
  .industry-news__card-month[data-v-7d0a13fa] {
    display: none;
  }
  .industry-news__card-month--short[data-v-7d0a13fa] {
    display: block;
  }
  .industry-news__card-title[data-v-7d0a13fa] {
    font-size: 16px;
  }
  .industry-news__card-summary[data-v-7d0a13fa] {
    font-size: 13px;
  }
}
.cta-banner[data-v-841bdc26] {
  position: relative;
  width: 100%;
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.cta-banner__bg[data-v-841bdc26] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.cta-banner__bg[data-v-841bdc26]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000c;
  z-index: 0;
}
.cta-banner__inner[data-v-841bdc26] {
  position: relative;
  z-index: 1;
  width: min(100%, 1200px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 0 24px;
}
.cta-banner__title[data-v-841bdc26] {
  display: flex;
  gap: 0;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  line-height: 1.45;
}
.cta-banner__form[data-v-841bdc26] {
  display: flex;
  align-items: center;
}
.cta-banner__input[data-v-841bdc26] {
  width: 360px;
  height: 56px;
  padding: 0 24px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text);
  background: #fff;
  border: none;
  outline: none;
  border-radius: 8px;
}
.cta-banner__input[data-v-841bdc26]::placeholder {
  color: var(--color-text-placeholder);
  font-weight: 500;
}
.cta-banner__submit[data-v-841bdc26] {
  width: 210px;
  height: 56px;
  background: var(--color-primary);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  border-radius: 8px;
  transition: background 0.2s;
  margin-left: 20px;
}
.cta-banner__submit[data-v-841bdc26]:hover {
  background: var(--color-primary-deep);
}
.cta-banner__hint[data-v-841bdc26] {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 900px) {
  .cta-banner[data-v-841bdc26] {
    height: auto;
    padding: 56px 0;
  }
  .cta-banner__title[data-v-841bdc26] {
    flex-direction: column;
    align-items: center;
    font-size: 30px;
    text-align: center;
  }
  .cta-banner__form[data-v-841bdc26] {
    width: 100%;
    max-width: 560px;
    flex-direction: column;
    gap: 14px;
  }
  .cta-banner__input[data-v-841bdc26],
  .cta-banner__submit[data-v-841bdc26] {
    width: 100%;
    margin-left: 0;
    border-radius: 8px;
  }
  .cta-banner__hint[data-v-841bdc26] {
    text-align: center;
    line-height: 1.7;
  }
}
@media (max-width: 640px) {
  .cta-banner__inner[data-v-841bdc26] {
    padding: 0 16px;
  }
  .cta-banner__title[data-v-841bdc26] {
    font-size: 26px;
  }
  .cta-banner__input[data-v-841bdc26],
  .cta-banner__submit[data-v-841bdc26] {
    height: 52px;
    font-size: 16px;
  }
}
.brand-service-page[data-v-e2e5ac99] {
  width: 100%;
  background: #fff;
}
.service-hero[data-v-e2e5ac99] {
  position: relative;
  width: 100%;
  height: 814px;
  overflow: hidden;
  background: #40d96e;
}
.service-hero__video[data-v-e2e5ac99] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.service-hero__sound-btn[data-v-e2e5ac99] {
  position: absolute;
  bottom: 24px;
  right: 24px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #00000073;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.service-hero__sound-btn[data-v-e2e5ac99]:hover {
  background: #000000a6;
}
.service-hero__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  height: auto;
}
.service-hero__sr-only[data-v-e2e5ac99] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.brand-switcher[data-v-e2e5ac99] {
  position: sticky;
  top: 72px;
  z-index: 92;
  background: #f7fcf9eb;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(23, 166, 83, 0.08);
}
.brand-switcher__inner[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 18px 24px;
  display: flex;
  justify-content: center;
  gap: 14px;
}
.brand-switcher__button[data-v-e2e5ac99] {
  min-width: 132px;
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid rgba(23, 166, 83, 0.14);
  background: #fff;
  color: var(--color-text);
  font-size: 15px;
  font-weight: 700;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.brand-switcher__button.is-active[data-v-e2e5ac99] {
  color: #fff;
  background: linear-gradient(135deg, #28c766, #109549);
  border-color: transparent;
  box-shadow: 0 14px 28px #158c4238;
}
.service-subnav[data-v-e2e5ac99] {
  position: sticky;
  top: 72px;
  z-index: 90;
  width: 100%;
  background: #fffffff5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(13, 132, 61, 0.08);
}
.service-subnav-anchor[data-v-e2e5ac99] {
  width: 100%;
  height: 0;
}
.service-subnav--sfpy[data-v-e2e5ac99] {
  background: #ffffffeb;
}
.service-subnav__inner[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.service-subnav__link[data-v-e2e5ac99] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 86px;
  font-size: 17px;
  font-weight: 500;
  color: var(--color-text);
  white-space: nowrap;
}
.service-subnav__link[data-v-e2e5ac99]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: transparent;
  transition: background 0.2s;
}
.service-subnav__link.is-active[data-v-e2e5ac99] {
  color: var(--color-primary);
  font-weight: 700;
}
.service-subnav__link.is-active[data-v-e2e5ac99]:after {
  background: var(--color-primary);
}
.service-section[data-v-e2e5ac99] {
  width: 100%;
  padding: 48px 0;
}
.service-section--soft[data-v-e2e5ac99] {
  background: #f6f8f5;
}
.service-section--mint[data-v-e2e5ac99] {
  background: linear-gradient(180deg, #edf9f1, #fff);
}
.service-section__inner[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.service-section__sr-only[data-v-e2e5ac99] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.service-section__inner--wide[data-v-e2e5ac99] {
  width: min(100%, 1440px);
}
.service-section__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: var(--color-text);
}
.service-section__subtitle[data-v-e2e5ac99] {
  max-width: 780px;
  margin: 18px auto 0;
  font-size: 17px;
  line-height: 1.8;
  text-align: center;
  color: var(--color-text-secondary);
}
.sfpy-section[data-v-e2e5ac99] {
  padding: 48px 0;
  background: linear-gradient(180deg, #fff, #f8fbff);
}
.sfpy-section--soft[data-v-e2e5ac99] {
  background: linear-gradient(180deg, #f4fbff, #fff);
}
.sfpy-section--mint[data-v-e2e5ac99] {
  background: linear-gradient(180deg, #eefbf3, #fff);
}
.sfpy-section__inner[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.sfpy-section__inner--hero[data-v-e2e5ac99] {
  display: grid;
  gap: 28px;
}
.sfpy-eyebrow[data-v-e2e5ac99] {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: #11b55c1a;
  color: #11954a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.sfpy-hero-card[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 28px;
  padding: 42px;
  border-radius: 34px;
  background:
    radial-gradient(circle at right top, #36d57b29, #36d57b00 32%),
    linear-gradient(135deg, #0d1117, #16212d 58%, #16354e);
  color: #fff;
  overflow: hidden;
}
.sfpy-hero-card__copy h2[data-v-e2e5ac99] {
  margin: 18px 0 0;
  font-size: 44px;
  line-height: 1.18;
}
.sfpy-hero-card__copy p[data-v-e2e5ac99] {
  max-width: 620px;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.9;
  color: #fffc;
}
.sfpy-hero-card__stats[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-self: end;
}
.sfpy-stat-card[data-v-e2e5ac99] {
  min-height: 148px;
  padding: 24px 20px;
  border-radius: 24px;
  background: #ffffff14;
  border: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.sfpy-stat-card strong[data-v-e2e5ac99] {
  display: block;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.1;
}
.sfpy-stat-card span[data-v-e2e5ac99] {
  display: block;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.7;
  color: #ffffffc2;
}
.sfpy-block-heading[data-v-e2e5ac99] {
  max-width: 820px;
}
.sfpy-block-heading h2[data-v-e2e5ac99],
.sfpy-brand-power__heading h2[data-v-e2e5ac99] {
  margin: 18px 0 0;
  font-size: 36px;
  line-height: 1.24;
  color: var(--color-text);
}
.sfpy-block-heading p[data-v-e2e5ac99],
.sfpy-brand-power__heading p[data-v-e2e5ac99] {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.85;
  color: var(--color-text-secondary);
}
.sfpy-brand-power__grid[data-v-e2e5ac99],
.sfpy-growth__cards[data-v-e2e5ac99],
.sfpy-support__guarantees[data-v-e2e5ac99] {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.sfpy-feature-card[data-v-e2e5ac99],
.sfpy-growth-card[data-v-e2e5ac99],
.sfpy-guarantee-card[data-v-e2e5ac99] {
  min-height: 192px;
  padding: 28px 24px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 36px #17345214;
}
.sfpy-feature-card__index[data-v-e2e5ac99] {
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  color: #13a151;
  letter-spacing: 0.08em;
}
.sfpy-feature-card h3[data-v-e2e5ac99],
.sfpy-system-card h3[data-v-e2e5ac99],
.sfpy-space-card h3[data-v-e2e5ac99],
.sfpy-growth-card h3[data-v-e2e5ac99],
.sfpy-guarantee-card h3[data-v-e2e5ac99],
.sfpy-support-step h3[data-v-e2e5ac99] {
  margin: 16px 0 0;
  font-size: 24px;
  line-height: 1.35;
  color: var(--color-text);
}
.sfpy-feature-card p[data-v-e2e5ac99],
.sfpy-system-card p[data-v-e2e5ac99],
.sfpy-space-card p[data-v-e2e5ac99],
.sfpy-growth-card p[data-v-e2e5ac99],
.sfpy-guarantee-card p[data-v-e2e5ac99],
.sfpy-support-step p[data-v-e2e5ac99] {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--color-text-secondary);
}
.sfpy-brand-power__image[data-v-e2e5ac99],
.sfpy-growth__image[data-v-e2e5ac99],
.sfpy-support__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  margin-top: 34px;
  border-radius: 28px;
  box-shadow: 0 20px 46px #13293d1f;
}
.sfpy-system[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 24px;
  align-items: stretch;
}
.sfpy-system__visual[data-v-e2e5ac99] {
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(180deg, #101a26, #182434);
}
.sfpy-system__visual img[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sfpy-system__cards[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.sfpy-system-card[data-v-e2e5ac99] {
  min-height: 188px;
  padding: 28px 24px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 34px #18344e14;
}
.sfpy-space-grid[data-v-e2e5ac99] {
  margin-top: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.sfpy-space-card[data-v-e2e5ac99] {
  min-height: 220px;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 36px #17345214;
  overflow: hidden;
}
.sfpy-space-card--visual img[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sfpy-space-card--copy[data-v-e2e5ac99] {
  padding: 28px 24px;
}
.sfpy-growth[data-v-e2e5ac99],
.sfpy-support[data-v-e2e5ac99] {
  margin-top: 34px;
}
.sfpy-support__timeline[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sfpy-support-step[data-v-e2e5ac99] {
  min-height: 210px;
  padding: 28px 24px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 36px #14402a14;
}
.sfpy-support-step span[data-v-e2e5ac99] {
  display: inline-flex;
  min-width: 52px;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #1095491a;
  color: #11954a;
  font-size: 12px;
  font-weight: 800;
}
.service-section--tech[data-v-e2e5ac99] {
  padding: 0;
  background: #fff;
}
.tech-panel[data-v-e2e5ac99] {
  padding: 48px 0;
  background: linear-gradient(180deg, #edf9f1, #fff);
}
.tech-panel__header[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tech-panel__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text);
}
.tech-panel__subtitle[data-v-e2e5ac99] {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-text);
}
.tech-panel__switch--desktop[data-v-e2e5ac99] {
  margin-top: 40px;
  width: 408px;
  height: 60px;
  padding: 4px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-radius: 50px;
  background: #fafffd;
}
.tech-panel__switch--mobile[data-v-e2e5ac99] {
  display: none;
}
.tech-panel__switch-item[data-v-e2e5ac99] {
  height: 52px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  transition:
    background 0.2s,
    color 0.2s;
}
.tech-panel__switch-item.is-active[data-v-e2e5ac99] {
  background: #333;
  color: #fff;
}
.tech-panel__body--desktop[data-v-e2e5ac99] {
  margin-top: 80px;
  display: grid;
  grid-template-columns: minmax(0, 620px) minmax(0, 434px);
  justify-content: start;
  column-gap: 58px;
  align-items: start;
  padding-left: calc(50% - 556px);
}
.tech-panel__visual[data-v-e2e5ac99] {
  position: relative;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}
.tech-panel__visual-image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  height: auto;
}
.tech-panel__dot-group[data-v-e2e5ac99] {
  position: absolute;
  display: grid;
  grid-template-columns: repeat(7, 6px);
  grid-auto-rows: 6px;
  gap: 4px;
}
.tech-panel__dot-group[data-v-e2e5ac99]:before,
.tech-panel__dot-group[data-v-e2e5ac99]:after {
  content: "";
}
.tech-panel__dot-group--top[data-v-e2e5ac99] {
  left: 140px;
  top: 10px;
  width: 66px;
  height: 56px;
}
.tech-panel__dot-group--bottom[data-v-e2e5ac99] {
  right: 42px;
  bottom: 28px;
  width: 66px;
  height: 56px;
}
.tech-panel__dot-group--top[data-v-e2e5ac99],
.tech-panel__dot-group--bottom[data-v-e2e5ac99] {
  background-image: radial-gradient(circle, #caebd9 3px, transparent 3px);
  background-size: 10px 10px;
}
.tech-panel__phone-grid[data-v-e2e5ac99] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tech-panel__screen[data-v-e2e5ac99] {
  background: linear-gradient(180deg, #fefefe, #ececec);
  border: 1px solid rgba(13, 132, 61, 0.12);
  box-shadow: 0 24px 52px #33333314;
}
.tech-panel__screen--card[data-v-e2e5ac99] {
  position: absolute;
  left: 16px;
  top: 68px;
  width: 187px;
  height: 92px;
  border-radius: 18px;
}
.tech-panel__screen--phone[data-v-e2e5ac99] {
  position: absolute;
  width: 236px;
  height: 456px;
  border-radius: 34px;
}
.tech-panel__screen--left[data-v-e2e5ac99] {
  left: 24px;
  bottom: 36px;
}
.tech-panel__screen--center[data-v-e2e5ac99] {
  left: 230px;
  top: 0;
  width: 260px;
  height: 520px;
}
.tech-panel__screen--right[data-v-e2e5ac99] {
  right: 10px;
  top: 56px;
}
.tech-panel__content[data-v-e2e5ac99] {
  padding-left: 0;
}
.tech-panel__content-title[data-v-e2e5ac99] {
  margin: 8px 0 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3125;
  color: var(--color-text);
  position: relative;
  padding-bottom: 30px;
}
.tech-panel__content-title[data-v-e2e5ac99]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 420px;
  height: 1px;
  background: var(--color-primary);
}
.tech-panel__points[data-v-e2e5ac99] {
  margin-top: 37px;
  display: grid;
  gap: 20px;
}
.tech-panel__point[data-v-e2e5ac99] {
  display: flex;
  align-items: flex-start;
}
.tech-panel__point h4[data-v-e2e5ac99] {
  flex-shrink: 0;
  margin: 0;
  min-width: 126px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-primary);
}
.tech-panel__point p[data-v-e2e5ac99] {
  margin: 0 0 0 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-text);
}
.tech-block[data-v-e2e5ac99] {
  padding: 48px 0;
}
.tech-block--equip[data-v-e2e5ac99] {
  background: #f5f9f8;
}
.tech-block__heading[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tech-block__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text);
}
.tech-block__subtitle[data-v-e2e5ac99] {
  margin-top: 20px;
  max-width: 800px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: var(--color-text);
}
.tech-block__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  max-width: 1180px;
  height: auto;
  margin: 74px auto 0;
}
.equip-grid__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 74px auto 0;
  height: auto;
}
.creative-showcase[data-v-e2e5ac99] {
  margin-top: 74px;
  display: flex;
  justify-content: center;
}
.creative-showcase__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  max-width: 1180px;
  height: auto;
}
.creative-showcase__frame[data-v-e2e5ac99] {
  width: min(100%, 1180px);
  min-height: 420px;
  padding: 48px 52px;
  border: 5px solid var(--color-primary);
  border-radius: 62px 0 0;
  background: #fff;
}
.creative-showcase__grid[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 34px;
}
.creative-showcase__item[data-v-e2e5ac99] {
  display: block;
  height: 120px;
  border-radius: 24px;
  background: linear-gradient(135deg, #f4f4f4, #e1e1e1);
}
.tech-placeholder[data-v-e2e5ac99] {
  background: linear-gradient(135deg, #f5f5f5, #ddd);
}
.tech-placeholder--supply[data-v-e2e5ac99] {
  width: 520px;
  height: 480px;
  border-radius: 32px 32px 0 0;
}
.supply-chain__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  max-width: 1180px;
  height: auto;
  border-radius: 32px 32px 0 0;
  margin: 74px auto 0;
}
.tech-placeholder--equipment[data-v-e2e5ac99] {
  width: 100%;
  height: 360px;
}
.brand-resources-page[data-v-e2e5ac99] {
  width: 100%;
}
.brand-resources-block--logos[data-v-e2e5ac99] {
  padding: 48px 0;
  background: #eee;
}
.brand-resources-block--alliances[data-v-e2e5ac99] {
  padding: 48px 0;
  background: #fff;
}
.brand-resources-block--alliances .brand-resources__image[data-v-e2e5ac99] {
  margin-top: 40px;
}
.brand-resources-block--ads[data-v-e2e5ac99] {
  padding: 48px 0;
  background: linear-gradient(180deg, #edf9f1, #fff);
}
.brand-resources__inner[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.brand-resources__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: var(--color-text);
}
.brand-resources__desc[data-v-e2e5ac99] {
  margin: 20px auto 0;
  max-width: 800px;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  color: var(--color-text-secondary);
}
.brand-resources__subtitle[data-v-e2e5ac99] {
  margin: 20px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4375;
  text-align: center;
  color: var(--color-text);
}
.brand-resources__full-bleed[data-v-e2e5ac99] {
  width: 100vw;
  margin-top: 18px;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
}
.brand-resources__placeholder[data-v-e2e5ac99] {
  background: linear-gradient(135deg, #f2f2f2, #d9d9d9);
}
.brand-resources__placeholder--logos[data-v-e2e5ac99] {
  width: 100%;
  height: 808px;
}
.brand-resources__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  height: auto;
}
.brand-resources__placeholder--alliances[data-v-e2e5ac99] {
  width: 100%;
  height: 576px;
  margin-top: 54px;
}
.brand-resources__ads-tabs--desktop[data-v-e2e5ac99] {
  position: relative;
  width: 784px;
  height: 68px;
  margin: 40px auto 0;
  border-radius: 50px;
  background: #fff;
  box-shadow: 0 4px 16px #0000000f;
}
.brand-resources__ads-tab[data-v-e2e5ac99] {
  position: absolute;
  top: 4px;
  height: 60px;
  padding: 0;
  border: none;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4375;
  color: var(--color-text);
  z-index: 1;
}
.brand-resources__ads-tab[data-v-e2e5ac99]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50px;
  background: transparent;
  transition: background-color 0.2s ease;
  z-index: -1;
}
.brand-resources__ads-tab.is-active[data-v-e2e5ac99] {
  color: #fff;
}
.brand-resources__ads-tab.is-active[data-v-e2e5ac99]:before {
  background: #333;
  top: -2px;
  right: 0;
  bottom: -2px;
  left: 0;
  border-radius: 50px;
}
.brand-resources__ads-tab--focus-media[data-v-e2e5ac99] {
  left: 4px;
  width: 186px;
}
.brand-resources__ads-tab--screen[data-v-e2e5ac99] {
  left: 198px;
  width: 186px;
}
.brand-resources__ads-tab--meituan[data-v-e2e5ac99] {
  left: 392px;
  width: 186px;
}
.brand-resources__ads-tab--cinema[data-v-e2e5ac99] {
  left: 586px;
  width: 186px;
}
.brand-resources__ads-tabs--mobile[data-v-e2e5ac99] {
  display: none;
}
.brand-resources__ads-gallery[data-v-e2e5ac99] {
  margin-top: 60px;
  display: grid;
  gap: 20px;
}
.brand-resources__placeholder--ads[data-v-e2e5ac99] {
  width: 100%;
  height: 288px;
}
.feature-grid[data-v-e2e5ac99] {
  margin-top: 56px;
  display: grid;
  gap: 24px;
}
.feature-grid--three[data-v-e2e5ac99] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.feature-card[data-v-e2e5ac99] {
  min-height: 260px;
  padding: 34px 30px;
  border-radius: 28px;
  background: linear-gradient(180deg, #0f8c42, #1fb85d);
  color: #fff;
  box-shadow: 0 18px 40px #0d843d2e;
}
.feature-card--light[data-v-e2e5ac99] {
  background: linear-gradient(180deg, #f6fff9, #fff);
  color: var(--color-text);
  border: 1px solid rgba(13, 132, 61, 0.08);
  box-shadow: 0 18px 36px #10542714;
}
.feature-card__index[data-v-e2e5ac99] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  background: #ffffff29;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2px;
}
.feature-card--light .feature-card__index[data-v-e2e5ac99] {
  background: #0d843d1a;
  color: var(--color-primary);
}
.feature-card__title[data-v-e2e5ac99] {
  margin: 22px 0 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
}
.feature-card__desc[data-v-e2e5ac99] {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.8;
  color: inherit;
  opacity: 0.92;
}
.service-section--site-support[data-v-e2e5ac99],
.service-section--design-support[data-v-e2e5ac99] {
  background: #fff;
}
.service-section__inner--design-support[data-v-e2e5ac99] {
  width: min(100%, 1320px);
}
.design-support__header[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
}
.design-support__title[data-v-e2e5ac99] {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #333;
}
.design-support__subtitle[data-v-e2e5ac99] {
  margin: 17px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3125;
  text-align: center;
  color: #333;
}
.design-support__grid[data-v-e2e5ac99] {
  margin: 60px auto 0;
  display: grid;
  grid-template-columns: repeat(3, 384px);
  justify-content: center;
  gap: 24px;
}
.design-support-card[data-v-e2e5ac99] {
  position: relative;
  min-height: 580px;
  padding: 32px 32px 36px;
  border-radius: 24px;
  overflow: hidden;
}
.design-support-card--price[data-v-e2e5ac99] {
  background: #fff5ea;
}
.design-support-card--timeline[data-v-e2e5ac99] {
  background: #e9f3ff;
}
.design-support-card--quality[data-v-e2e5ac99] {
  background: #e4f8de;
}
.design-support-card__icon[data-v-e2e5ac99] {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 120px;
  height: 120px;
  object-fit: contain;
  opacity: 0.8;
}
.design-support-card--quality .design-support-card__icon[data-v-e2e5ac99] {
  top: 18px;
  right: 12px;
  width: 148px;
  height: 148px;
}
.design-support-card__title[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2917;
  color: #333;
}
.design-support-card__tagline[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  margin: 10px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3125;
}
.design-support-card--price .design-support-card__tagline[data-v-e2e5ac99] {
  color: #a8651d;
}
.design-support-card--timeline .design-support-card__tagline[data-v-e2e5ac99] {
  color: #2a82e4;
}
.design-support-card--quality .design-support-card__tagline[data-v-e2e5ac99] {
  color: #43cf7c;
}
.design-support-card__desc[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  margin: 16px 0 0;
  min-height: 63px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3125;
  color: #333;
}
.design-support-card__table-wrap[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  margin-top: 16px;
}
.design-support-card__table-head[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: 54px 64px 64px 1fr 60px;
  align-items: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 8px 8px 0 0;
  background: #fff;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  color: #333;
}
.design-support-card__table-head-item[data-v-e2e5ac99] {
  display: block;
  text-align: center;
  border-right: 1px solid #fff;
}
.design-support-card__table-head-item[data-v-e2e5ac99]:first-child {
  text-align: left;
}
.design-support-card__table-head-item[data-v-e2e5ac99]:last-child {
  border-right: none;
}
.design-support-card__table-head-item.is-small[data-v-e2e5ac99] {
  font-size: 12px;
}
.design-support-card__table-head-item.is-nowrap[data-v-e2e5ac99] {
  white-space: nowrap;
}
.design-support-card__table-head-item.is-highlight[data-v-e2e5ac99] {
  color: #d43030;
}
.design-support-card__table-body[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: 54px 64px 64px 1fr 60px;
  gap: 2px;
  padding: 4px 0 0;
}
.design-support-card__table-cell[data-v-e2e5ac99] {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 18px;
  background: transparent;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  color: #333;
  text-align: center;
}
.design-support-card__table-cell--name[data-v-e2e5ac99] {
  justify-content: center;
  text-align: center;
  white-space: nowrap;
}
.design-support-card__table-cell.is-highlight[data-v-e2e5ac99] {
  color: #d43030;
}
.design-support-card__table-cell--hardware-merged[data-v-e2e5ac99] {
  grid-column: 5;
  grid-row: 1 / span 2;
  justify-content: flex-start;
  text-align: left;
  padding: 0 8px;
  border-right: none;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.4;
}
.design-support-card__table-note[data-v-e2e5ac99] {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.3334;
  color: #333333b8;
}
.design-support-card__timeline[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  margin-top: 60px;
  display: grid;
  gap: 18px;
}
.design-support-card__timeline-item[data-v-e2e5ac99] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.design-support-card__timeline-index[data-v-e2e5ac99] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #55bd70;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.design-support-card__timeline-label[data-v-e2e5ac99] {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3125;
  color: #333;
}
.design-support-card__materials[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 148px);
  gap: 20px;
}
.design-support-card__material[data-v-e2e5ac99] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 8px;
  text-align: center;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3572;
  color: #333;
}
.design-support-card__image[data-v-e2e5ac99] {
  display: block;
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 36px;
  height: 160px;
  object-fit: cover;
  border-radius: 16px;
}
.design-1v1__inner[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.design-1v1__heading[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.design-1v1__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #333;
}
.design-1v1__desc[data-v-e2e5ac99] {
  margin: 20px auto 0;
  max-width: 800px;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  color: #666;
}
.design-1v1__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  max-width: 1180px;
  height: auto;
  margin: 74px auto 0;
}
.site-support__intro[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-support__title[data-v-e2e5ac99] {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.18;
  color: #232a39;
  text-align: center;
}
.site-support__subtitle[data-v-e2e5ac99] {
  max-width: 960px;
  margin: 24px auto 0;
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
  color: #232a39;
}
.site-support[data-v-e2e5ac99] {
  margin-top: 72px;
}
.site-support__metrics[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 88px;
}
.site-support__metric[data-v-e2e5ac99] {
  text-align: center;
}
.site-support__metric-value[data-v-e2e5ac99] {
  display: inline-flex;
  align-items: flex-end;
  gap: 10px;
  color: var(--color-primary);
}
.site-support__metric-value strong[data-v-e2e5ac99] {
  display: block;
  font-size: 80px;
  line-height: 0.9;
  font-weight: 800;
}
.site-support__metric-value span[data-v-e2e5ac99] {
  display: block;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  color: #232a39;
}
.site-support__metric p[data-v-e2e5ac99] {
  margin: 12px 0 0;
  font-size: 20px;
  line-height: 1.4;
  color: #232a39;
}
.site-support__panel[data-v-e2e5ac99] {
  margin-top: 60px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px;
}
.site-support-card[data-v-e2e5ac99] {
  min-width: 0;
  position: relative;
  padding: 24px 24px 28px;
  border-radius: 24px;
  background: linear-gradient(180deg, #e6fcee, #f6f6f6 61.8%);
  overflow: hidden;
}
.site-support-card__badge[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  width: 60px;
  height: 60px;
}
.site-support-card__badge-icon[data-v-e2e5ac99] {
  display: block;
  width: 60px;
  height: 60px;
  max-width: 60px;
  object-fit: contain;
}
.site-support-card__title[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  margin: 20px 0 0;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 33.6px;
  color: #333;
}
.site-support-card__desc[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  margin: 14px 0 0;
  min-height: 96px;
  font-size: 16px;
  line-height: 1.75;
  color: #232a39d1;
}
.site-support-card__list[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}
.site-support-card__list li[data-v-e2e5ac99] {
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  line-height: 1.55;
  color: #3a475c;
}
.site-support-card__list li[data-v-e2e5ac99]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url(/images/brand-service/site-support/landing-icon.png) center /
    contain no-repeat;
}
.site-support-card__visual[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  margin-top: 26px;
  height: 160px;
  opacity: 1;
  border-radius: 16px;
  background: #fff;
}
.service-section--operations-guide[data-v-e2e5ac99] {
  padding: 0;
  background: #fff;
}
.service-section__inner--operations-guide[data-v-e2e5ac99] {
  width: min(100%, 1440px);
}
.operations-guide[data-v-e2e5ac99] {
  width: 100%;
}
.operations-guide-block[data-v-e2e5ac99] {
  padding: 48px 0;
}
.operations-guide-block--talent-strategy[data-v-e2e5ac99] {
  padding-top: 40px;
}
.operations-guide-block--matrix[data-v-e2e5ac99] {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 80px;
  background:
    radial-gradient(circle at 12% 18%, #54d4aa1f, #54d4aa00 22%),
    linear-gradient(180deg, #f3fcf8, #f8fdfb);
}
.operations-guide-block__heading[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.operations-guide-block__heading--talent-strategy[data-v-e2e5ac99] {
  min-height: 80px;
  gap: 8px;
  justify-content: center;
}
.operations-guide-block__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.15;
  color: #172332;
}
.operations-guide-block__subtitle[data-v-e2e5ac99] {
  margin: 0;
  font-size: 18px;
  line-height: 1.8;
  color: #2e2f33;
}
.operations-guide-overview[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 88px auto 0;
  padding: 0 24px;
}
.operations-guide-overview__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  height: auto;
}
.operations-guide-overview__copy[data-v-e2e5ac99] {
  padding: 24px 30px 34px;
}
.operations-guide-overview__copy h3[data-v-e2e5ac99] {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.5;
  color: #0f9d4c;
}
.operations-guide-overview__copy p[data-v-e2e5ac99] {
  margin: 6px 0 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.5;
  color: #0f9d4c;
}
.operations-placeholder[data-v-e2e5ac99] {
  border-radius: 28px;
  background: linear-gradient(135deg, #e3e5e8, #ced3d8);
}
.operations-placeholder--overview[data-v-e2e5ac99] {
  height: 272px;
  border: 4px solid #16a24f;
  border-radius: 24px;
}
.operations-talent[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 88px auto 0;
  padding: 0 24px;
}
.operations-talent__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  height: auto;
}
.operations-talent__arrow[data-v-e2e5ac99],
.operations-matrix-row__arrow[data-v-e2e5ac99] {
  position: relative;
  width: 100%;
  height: 24px;
}
.operations-talent__arrow[data-v-e2e5ac99]:before,
.operations-matrix-row__arrow[data-v-e2e5ac99]:before {
  content: "";
  position: absolute;
  left: 0;
  right: 18px;
  top: 50%;
  height: 8px;
  transform: translateY(-50%);
  background: #dee1e4f2;
}
.operations-talent__arrow[data-v-e2e5ac99]:after,
.operations-matrix-row__arrow[data-v-e2e5ac99]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid rgba(222, 225, 228, 0.95);
}
.operations-matrix[data-v-e2e5ac99] {
  width: min(100%, 980px);
  margin: 72px auto 0;
  padding: 0 24px;
}
.operations-matrix--mobile[data-v-e2e5ac99] {
  display: none;
}
.operations-matrix__tabs[data-v-e2e5ac99] {
  width: min(100%, 900px);
  margin: 0 auto;
  padding: 6px;
  display: grid;
  grid-template-columns: repeat(4, minmax(max-content, 1fr));
  gap: 6px;
  border-radius: 999px;
  background: #ffffffeb;
  box-shadow: inset 0 0 0 1px #1124180f;
}
.operations-matrix__tab[data-v-e2e5ac99] {
  height: 56px;
  padding: 0 20px;
  min-width: 0;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  color: #172332;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}
.operations-matrix__tab.is-active[data-v-e2e5ac99] {
  background: #2f2f31;
  color: #fff;
}
.operations-matrix__tab--alipay-touch[data-v-e2e5ac99] {
  min-width: 228px;
}
.operations-matrix__content[data-v-e2e5ac99] {
  margin-top: 82px;
  display: flex;
  justify-content: center;
}
.operations-matrix__image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  max-width: 980px;
  height: auto;
}
.operations-guide-block--org[data-v-e2e5ac99] {
  padding: 48px 0;
}
.org-cards[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 64px auto 0;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.org-card[data-v-e2e5ac99] {
  background: #f8fafb;
  border-radius: 16px;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  transition: box-shadow 0.3s;
}
.org-card[data-v-e2e5ac99]:hover {
  box-shadow: 0 8px 30px #00000014;
}
.org-card__icon[data-v-e2e5ac99] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #e8f5e9 center / 28px no-repeat;
}
.org-card__icon--setup[data-v-e2e5ac99] {
  background-color: #e3f2fd;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231977d2'%3E%3Cpath d='M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z'/%3E%3C/svg%3E");
}
.org-card__icon--miniapp[data-v-e2e5ac99] {
  background-color: #e0f2f1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300796b'%3E%3Cpath d='M3 3h8v8H3V3zm10 0h8v8h-8V3zM3 13h8v8H3v-8zm15 0h-2v3h-3v2h3v3h2v-3h3v-2h-3v-3z'/%3E%3C/svg%3E");
}
.org-card__icon--supervise[data-v-e2e5ac99] {
  background-color: #fff3e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f57c00'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E");
}
.org-card__icon--meituan[data-v-e2e5ac99] {
  background-color: #fff8e1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f9a825'%3E%3Cpath d='M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z'/%3E%3C/svg%3E");
}
.org-card__icon--douyin[data-v-e2e5ac99] {
  background-color: #fce4ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e91e63'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E");
}
.org-card__icon--advanced[data-v-e2e5ac99] {
  background-color: #ede7f6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235e35b1'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z'/%3E%3C/svg%3E");
}
.org-card__icon--kefu[data-v-e2e5ac99] {
  background-color: #e8f5e9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2343a047'%3E%3Cpath d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
}
.org-card__icon--aftersale[data-v-e2e5ac99] {
  background-color: #e8eaf6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233f51b5'%3E%3Cpath d='M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z'/%3E%3C/svg%3E");
}
.org-card__icon--brand[data-v-e2e5ac99] {
  background-color: #fbe9e7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e64a19'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
}
.org-card__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #172332;
}
.org-card__desc[data-v-e2e5ac99] {
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: #666;
}
.operations-guide-block--delivery[data-v-e2e5ac99] {
  padding: 48px 0;
  background: #f8fafb;
}
.delivery-flow[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 64px auto 0;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
.delivery-stage[data-v-e2e5ac99] {
  background: #fff;
  border-radius: 16px;
  padding: 40px 32px;
  box-shadow: 0 2px 12px #0000000a;
}
.delivery-stage__header[data-v-e2e5ac99] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 24px;
  border-bottom: 2px solid #e8f5e9;
}
.delivery-stage__number[data-v-e2e5ac99] {
  font-size: 36px;
  font-weight: 800;
  color: #c8e6c9;
  line-height: 1;
}
.delivery-stage__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #172332;
}
.delivery-stage__list[data-v-e2e5ac99] {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.delivery-stage__item[data-v-e2e5ac99] {
  position: relative;
  padding-left: 20px;
  font-size: 15px;
  line-height: 1.6;
  color: #555;
}
.delivery-stage__item[data-v-e2e5ac99]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4caf50;
}
.brand-qa-page[data-v-e2e5ac99] {
  padding: 48px 0;
  background: #fff;
}
.brand-qa__inner[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.brand-qa__header[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand-qa__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: #333;
}
.brand-qa__subtitle[data-v-e2e5ac99] {
  margin-top: 20px;
  max-width: 800px;
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
  color: #666;
}
.brand-qa__list[data-v-e2e5ac99] {
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.brand-qa__item[data-v-e2e5ac99] {
  border: 1px solid #e8eee8;
  border-radius: 16px;
  background: #f8fafb;
  transition:
    border-color 0.3s,
    box-shadow 0.3s;
}
.brand-qa__item[open][data-v-e2e5ac99] {
  border-color: #15a44f;
  box-shadow: 0 4px 20px #15a44f14;
}
.brand-qa__question[data-v-e2e5ac99] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 28px;
  cursor: pointer;
  list-style: none;
  -webkit-user-select: none;
  user-select: none;
}
.brand-qa__question[data-v-e2e5ac99]::-webkit-details-marker {
  display: none;
}
.brand-qa__question[data-v-e2e5ac99]::marker {
  display: none;
  content: "";
}
.brand-qa__q-num[data-v-e2e5ac99] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #15a44f;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.brand-qa__q-text[data-v-e2e5ac99] {
  flex: 1;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.6;
  color: #333;
  padding-top: 5px;
}
.brand-qa__q-icon[data-v-e2e5ac99] {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
  background-size: contain;
  transition: transform 0.3s;
}
.brand-qa__item[open] .brand-qa__q-icon[data-v-e2e5ac99] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2315a44f'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3C/svg%3E");
}
.brand-qa__answer[data-v-e2e5ac99] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 0 28px 28px;
}
.brand-qa__a-label[data-v-e2e5ac99] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #e8f5e9;
  font-size: 14px;
  font-weight: 700;
  color: #15a44f;
}
.brand-qa__a-text[data-v-e2e5ac99] {
  flex: 1;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #555;
  padding-top: 5px;
}
.service-section__inner--results[data-v-e2e5ac99] {
  padding-bottom: 0;
}
.results-stats[data-v-e2e5ac99] {
  padding: 48px 0;
}
.results-stats__heading[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.results-stats__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: #25354d;
}
.results-stats__subtitle[data-v-e2e5ac99] {
  margin: 24px 0 0;
  max-width: 600px;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: #666;
}
.results-stats__grid[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 64px auto 0;
  padding: 0 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.stat-card[data-v-e2e5ac99] {
  background: #f8fafb;
  border-radius: 16px;
  padding: 40px 24px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition:
    box-shadow 0.3s,
    transform 0.3s;
}
.stat-card[data-v-e2e5ac99]:hover {
  box-shadow: 0 8px 30px #00000014;
  transform: translateY(-4px);
}
.stat-card__icon[data-v-e2e5ac99] {
  width: 56px;
  height: 56px;
  margin-bottom: 20px;
  border-radius: 14px;
  background-size: 28px 28px;
  background-position: center;
  background-repeat: no-repeat;
}
.stat-card__icon--store[data-v-e2e5ac99] {
  background-color: #e3f2fd;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231977d2'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}
.stat-card__icon--member[data-v-e2e5ac99] {
  background-color: #e8f5e9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2343a047'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
}
.stat-card__icon--douyin[data-v-e2e5ac99] {
  background-color: #fce4ec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e91e63'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E");
}
.stat-card__icon--meituan[data-v-e2e5ac99] {
  background-color: #fff8e1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f9a825'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 3c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm7 13H5v-.23c0-.62.28-1.2.76-1.58C7.47 15.82 9.64 15 12 15s4.53.82 6.24 2.19c.48.38.76.97.76 1.58V19z'/%3E%3C/svg%3E");
}
.stat-card__icon--talent[data-v-e2e5ac99] {
  background-color: #ede7f6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235e35b1'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}
.stat-card__icon--video[data-v-e2e5ac99] {
  background-color: #e0f2f1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300796b'%3E%3Cpath d='M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z'/%3E%3C/svg%3E");
}
.stat-card__icon--star[data-v-e2e5ac99] {
  background-color: #fff3e0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f57c00'%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
}
.stat-card__icon--growth[data-v-e2e5ac99] {
  background-color: #e8eaf6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233f51b5'%3E%3Cpath d='M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z'/%3E%3C/svg%3E");
}
.stat-card__value[data-v-e2e5ac99] {
  margin: 0 0 8px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  color: #1a1a1a;
}
.stat-card__label[data-v-e2e5ac99] {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  color: #888;
}
.operations-results-panel + .operations-results-panel[data-v-e2e5ac99] {
  margin-top: 132px;
}
.operations-results-panel__heading[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.operations-results-panel__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 800;
  color: #25354d;
  text-align: center;
}
.operations-results-panel__subtitle[data-v-e2e5ac99] {
  margin: 24px 0 0;
  font-size: 18px;
  line-height: 1.4;
  color: #1f1f1f;
  text-align: center;
}
.operations-results-visual[data-v-e2e5ac99] {
  display: block;
  margin: 60px auto 0;
  width: 100%;
  height: auto;
  border-radius: 34px;
}
.operations-results-visual--report[data-v-e2e5ac99] {
  max-width: 1190px;
  min-height: 550px;
}
.operations-results-visual--campaigns[data-v-e2e5ac99] {
  max-width: 1190px;
  border-radius: 0;
  box-shadow: none;
}
.operations-results-visual__placeholder[data-v-e2e5ac99] {
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background:
    linear-gradient(135deg, #ffffff94, #ffffff2e),
    repeating-linear-gradient(
      135deg,
      #94a3b838 0,
      #94a3b838 18px,
      #ffffff29 18px,
      #ffffff29 36px
    );
}
.operations-results-visual__placeholder span[data-v-e2e5ac99] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 280px;
  min-height: 84px;
  padding: 18px 28px;
  border-radius: 999px;
  background: #ffffffc2;
  color: #4b5563;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1px;
}
.join-flow__image[data-v-e2e5ac99] {
  display: block;
  margin: 56px auto 0;
  width: 100%;
  max-width: 1200px;
  height: auto;
}
.join-flow-page[data-v-e2e5ac99] {
  padding: 48px 0;
}
.join-flow-page__title[data-v-e2e5ac99] {
  background: linear-gradient(135deg, #0d843d, #4cc07a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.join-flow-page__subtitle[data-v-e2e5ac99] {
  color: #4a5a4a;
}
.join-flow-page__timeline[data-v-e2e5ac99] {
  position: relative;
  margin-top: 72px;
  padding: 0 20px;
}
.join-flow-page__line[data-v-e2e5ac99] {
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #0d843d, #4cc07a, #0d843d);
  transform: translate(-50%);
  opacity: 0.3;
}
.join-flow-page__step[data-v-e2e5ac99] {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 56px;
  padding-right: calc(50% + 28px);
}
.join-flow-page__step--right[data-v-e2e5ac99] {
  padding-right: 0;
  padding-left: calc(50% + 28px);
  flex-direction: row-reverse;
}
.join-flow-page__num[data-v-e2e5ac99] {
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translate(-50%);
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #0d843d, #4cc07a);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  box-shadow: 0 4px 16px #0d843d4d;
  z-index: 1;
}
.join-flow-page__card[data-v-e2e5ac99] {
  flex: 1;
  background: #fff;
  border-radius: 16px;
  padding: 28px 32px;
  box-shadow: 0 4px 24px #0d843d0f;
  border: 1px solid rgba(13, 132, 61, 0.08);
  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
}
.join-flow-page__card[data-v-e2e5ac99]:hover {
  box-shadow: 0 8px 32px #0d843d1f;
  transform: translateY(-2px);
}
.join-flow-page__step-title[data-v-e2e5ac99] {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  color: #0d843d;
}
.join-flow-page__step-desc[data-v-e2e5ac99] {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.6;
  color: #4a5a4a;
}
.join-flow-page__points[data-v-e2e5ac99] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.join-flow-page__points li[data-v-e2e5ac99] {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.7;
  color: #5a6a5a;
}
.join-flow-page__points li[data-v-e2e5ac99]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4cc07a;
}
.join-flow-page__guarantee[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 64px;
}
.join-flow-page__guarantee-card[data-v-e2e5ac99] {
  background: #fff;
  border-radius: 14px;
  padding: 24px 20px;
  text-align: center;
  border: 1px solid rgba(13, 132, 61, 0.08);
  box-shadow: 0 2px 12px #0d843d0a;
}
.join-flow-page__guarantee-title[data-v-e2e5ac99] {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: #0d843d;
}
.join-flow-page__guarantee-desc[data-v-e2e5ac99] {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #5a6a5a;
}
.join-flow-page__fee-notice[data-v-e2e5ac99] {
  margin-top: 48px;
  padding: 24px 28px;
  background: #0d843d0f;
  border-radius: 12px;
  border: 1px solid rgba(13, 132, 61, 0.12);
}
.join-flow-page__fee-notice p[data-v-e2e5ac99] {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #5a6a5a;
}
.agent-page[data-v-e2e5ac99] {
  width: 100%;
  background: #fff;
}
.agent-image-section[data-v-e2e5ac99] {
  padding: 48px 0;
}
.agent-image-section + .agent-image-section[data-v-e2e5ac99] {
  margin-top: 0;
}
.agent-image-section--mint[data-v-e2e5ac99] {
  background: linear-gradient(180deg, #edf9f1, #fff);
}
.agent-image-section__title[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  margin: 0 auto 56px;
  padding: 0 24px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #333;
}
.agent-image-section__title--secondary[data-v-e2e5ac99] {
  margin-top: 80px;
}
.agent-section__image[data-v-e2e5ac99] {
  display: block;
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
.agent-section__image--code[data-v-e2e5ac99] {
  width: min(100%, 1200px);
  padding: 0 24px;
}
.agent-section__image--flow[data-v-e2e5ac99] {
  margin-top: 56px;
}
.agent-cards[data-v-e2e5ac99] {
  display: grid;
  gap: 24px;
}
.agent-cards--4[data-v-e2e5ac99] {
  grid-template-columns: repeat(4, 1fr);
}
.agent-cards--6[data-v-e2e5ac99] {
  grid-template-columns: repeat(3, 1fr);
}
.agent-card[data-v-e2e5ac99] {
  background: #fff;
  border-radius: 20px;
  padding: 32px 24px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 20px #0000000a;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.agent-card[data-v-e2e5ac99]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px #00000014;
}
.agent-card--green[data-v-e2e5ac99] {
  background: linear-gradient(135deg, #f0fdf4, #fff);
  border-color: #15a44f1a;
}
.agent-card--flat[data-v-e2e5ac99] {
  text-align: left;
  padding: 28px 24px;
}
.agent-card__icon[data-v-e2e5ac99] {
  font-size: 36px;
  line-height: 1;
  margin-bottom: 16px;
}
.agent-card--flat .agent-card__icon[data-v-e2e5ac99] {
  font-size: 28px;
  margin-bottom: 0;
}
.agent-card__top[data-v-e2e5ac99] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.agent-card__name[data-v-e2e5ac99] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
}
.agent-card__desc[data-v-e2e5ac99] {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #666;
}
.agent-card--flat .agent-card__desc[data-v-e2e5ac99] {
  margin-top: 8px;
}
.agent-steps[data-v-e2e5ac99] {
  display: grid;
  gap: 24px;
}
.agent-steps--4[data-v-e2e5ac99] {
  grid-template-columns: repeat(4, 1fr);
}
.agent-step[data-v-e2e5ac99] {
  background: #fff;
  border-radius: 20px;
  padding: 32px 24px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 20px #0000000a;
}
.agent-step__num[data-v-e2e5ac99] {
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
  color: #15a44f;
  margin-bottom: 16px;
}
.agent-step__name[data-v-e2e5ac99] {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
}
.agent-step__desc[data-v-e2e5ac99] {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.7;
  color: #666;
}
.agent-flow[data-v-e2e5ac99] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
}
.agent-flow__item[data-v-e2e5ac99] {
  position: relative;
  flex: 1;
  min-width: 120px;
  max-width: 180px;
}
.agent-flow__item[data-v-e2e5ac99]:not(:last-child):after {
  content: "";
  position: absolute;
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid #15a44f;
  z-index: 2;
}
.agent-flow__arrow[data-v-e2e5ac99] {
  background: linear-gradient(135deg, #15a44f, #0d843d);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  padding: 14px 8px;
  text-align: center;
  border-radius: 8px;
  margin: 0 8px;
  position: relative;
  clip-path: polygon(
    0% 0%,
    calc(100% - 10px) 0%,
    100% 50%,
    calc(100% - 10px) 100%,
    0% 100%,
    10px 50%
  );
}
.agent-flow__arrow--last[data-v-e2e5ac99] {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 10px 50%);
}
.agent-showcase-banner__slide--code[data-v-e2e5ac99] {
  background: #f8f9fa;
  border-radius: 28px;
  padding: 48px;
}
.agent-showcase-card[data-v-e2e5ac99] {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 48px;
  align-items: start;
}
.agent-showcase-card__left[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.agent-showcase-card__avatar[data-v-e2e5ac99] {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(135deg, #15a44f, #0d843d);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  font-weight: 700;
  color: #fff;
}
.agent-showcase-card__agent[data-v-e2e5ac99] {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  text-align: center;
}
.agent-showcase-card__right[data-v-e2e5ac99] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.agent-showcase-card__point[data-v-e2e5ac99] {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.agent-showcase-card__bullet[data-v-e2e5ac99] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #15a44f;
  flex-shrink: 0;
  margin-top: 6px;
}
.agent-showcase-card__point-title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a1a;
}
.agent-showcase-card__point-desc[data-v-e2e5ac99] {
  margin: 8px 0 0;
  font-size: 15px;
  line-height: 1.7;
  color: #555;
}
.agent-showcase-section[data-v-e2e5ac99] {
  padding: 48px 0;
  background: #fff;
}
.agent-showcase-section__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #333;
}
.agent-showcase-banner[data-v-e2e5ac99] {
  margin-top: 60px;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) 56px;
  align-items: center;
  column-gap: 24px;
}
.agent-showcase-banner__nav[data-v-e2e5ac99] {
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 12px 24px #1238221f;
  color: #15a44f;
  font-size: 34px;
  line-height: 1;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.agent-showcase-banner__nav[data-v-e2e5ac99]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px #12382229;
}
.agent-showcase-banner__slide[data-v-e2e5ac99] {
  position: relative;
}
.agent-showcase-banner__full-image[data-v-e2e5ac99] {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 28px;
}
.agent-showcase-banner__dots[data-v-e2e5ac99] {
  margin-top: 28px;
  display: flex;
  justify-content: center;
  gap: 12px;
}
.agent-showcase-banner__dot[data-v-e2e5ac99] {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #11894b33;
  transition:
    width 0.2s,
    background 0.2s;
}
.agent-showcase-banner__dot.is-active[data-v-e2e5ac99] {
  width: 36px;
  background: #15a44f;
}
.agent-benefits[data-v-e2e5ac99] {
  margin-top: 58px;
}
.agent-benefits__panel[data-v-e2e5ac99] {
  position: relative;
  padding: 98px 44px 82px;
  border-radius: 32px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% -6%, #ffffff4d, #fff0 30%),
    linear-gradient(180deg, #47db72, #2fc761);
  box-shadow: 0 26px 48px #17613429;
}
.agent-benefits__panel[data-v-e2e5ac99]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.08) 0,
      rgba(255, 255, 255, 0.08) 1px,
      transparent 1px,
      transparent 32px
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.06) 0,
      rgba(255, 255, 255, 0.06) 1px,
      transparent 1px,
      transparent 32px
    );
  opacity: 0.55;
}
.agent-benefits__panel[data-v-e2e5ac99]:after {
  content: "";
  position: absolute;
  left: 36px;
  right: 36px;
  bottom: 46px;
  height: 64px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.78);
  border-radius: 999px;
  opacity: 0.9;
}
.agent-benefits__grid[data-v-e2e5ac99] {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.agent-benefit-card[data-v-e2e5ac99] {
  position: relative;
  min-height: 148px;
  padding: 28px 24px 26px;
  border-radius: 18px;
  background: #fffffff0;
  box-shadow: 0 18px 28px #0d582a1f;
}
.agent-benefit-card__quote[data-v-e2e5ac99] {
  position: absolute;
  top: 14px;
  right: 16px;
  color: #2cd0678c;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}
.agent-benefit-card__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-benefit-card__desc[data-v-e2e5ac99] {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--color-text-secondary);
}
.agent-revenue-grid[data-v-e2e5ac99] {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.agent-revenue-card[data-v-e2e5ac99] {
  min-height: 208px;
  padding: 28px 24px 26px;
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, #f7f8fd);
  border: 1px solid rgba(35, 55, 80, 0.06);
  box-shadow: 0 18px 36px #2d395a14;
}
.agent-revenue-card__head[data-v-e2e5ac99] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.agent-revenue-card__title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-revenue-card__icon[data-v-e2e5ac99] {
  position: relative;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 10px;
}
.agent-revenue-card__icon[data-v-e2e5ac99]:before,
.agent-revenue-card__icon[data-v-e2e5ac99]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.agent-revenue-card__icon[data-v-e2e5ac99]:before {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 5px;
}
.agent-revenue-card__icon[data-v-e2e5ac99]:after {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}
.agent-revenue-card__icon--blue[data-v-e2e5ac99] {
  background: #6b8eff29;
  color: #6f8dff;
}
.agent-revenue-card__icon--orange[data-v-e2e5ac99] {
  background: #ffb44c2e;
  color: #ffaf43;
}
.agent-revenue-card__icon--green[data-v-e2e5ac99] {
  background: #46d6812e;
  color: #35c76d;
}
.agent-revenue-card__icon--cyan[data-v-e2e5ac99] {
  background: #4ed2d12e;
  color: #1bc0b5;
}
.agent-revenue-card__icon--pink[data-v-e2e5ac99] {
  background: #ff7ec029;
  color: #ef64b6;
}
.agent-revenue-card__icon--violet[data-v-e2e5ac99] {
  background: #bb8aff2e;
  color: #b675ff;
}
.agent-revenue-card__desc[data-v-e2e5ac99] {
  margin: 34px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--color-text-secondary);
}
.agent-roles[data-v-e2e5ac99] {
  position: relative;
  margin-top: 54px;
  padding-top: 40px;
}
.agent-roles[data-v-e2e5ac99]:before {
  content: "";
  position: absolute;
  inset: 0 24px auto;
  height: 156px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 14% 0, #ffffff2e, #fff0 24%),
    linear-gradient(180deg, #4be073, #32cb63);
  box-shadow: 0 20px 40px #1672381f;
}
.agent-roles[data-v-e2e5ac99]:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 34px;
  width: 78px;
  height: 58px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.12) 0 50%,
    transparent 50% 100%
  );
  opacity: 0.75;
}
.agent-roles__grid[data-v-e2e5ac99] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.agent-role-card[data-v-e2e5ac99] {
  min-height: 168px;
  padding: 28px 22px 24px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 32px #1e47331a;
}
.agent-role-card__icon[data-v-e2e5ac99] {
  display: inline-flex;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  position: relative;
}
.agent-role-card__icon[data-v-e2e5ac99]:before,
.agent-role-card__icon[data-v-e2e5ac99]:after {
  content: "";
  position: absolute;
}
.agent-role-card__icon[data-v-e2e5ac99]:before {
  left: 9px;
  top: 8px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid currentColor;
}
.agent-role-card__icon[data-v-e2e5ac99]:after {
  left: 13px;
  bottom: 6px;
  width: 10px;
  height: 7px;
  border-radius: 999px 999px 4px 4px;
  background: currentColor;
}
.agent-role-card__icon--emerald[data-v-e2e5ac99] {
  background: #47e07d29;
  color: #2ec661;
}
.agent-role-card__icon--mint[data-v-e2e5ac99] {
  background: #5ee1ab2e;
  color: #25bf82;
}
.agent-role-card__icon--lime[data-v-e2e5ac99] {
  background: #95e05229;
  color: #63b931;
}
.agent-role-card__icon--teal[data-v-e2e5ac99] {
  background: #56d0ba2e;
  color: #17a78d;
}
.agent-role-card__title[data-v-e2e5ac99] {
  margin: 20px 0 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-role-card__desc[data-v-e2e5ac99] {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--color-text-secondary);
}
.agent-requirements[data-v-e2e5ac99] {
  margin-top: 92px;
  padding: 92px 0 106px;
  background: linear-gradient(180deg, #edf8fb, #f7fbfd);
}
.agent-conditions[data-v-e2e5ac99] {
  margin-top: 54px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 36px #224e6614;
}
.agent-condition-card[data-v-e2e5ac99] {
  min-height: 242px;
  padding: 34px 26px 32px;
}
.agent-condition-card + .agent-condition-card[data-v-e2e5ac99] {
  border-left: 1px solid rgba(23, 75, 101, 0.08);
}
.agent-condition-card__head[data-v-e2e5ac99] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.agent-condition-card__index[data-v-e2e5ac99] {
  font-size: 58px;
  font-weight: 800;
  line-height: 1;
  color: #34be63;
}
.agent-condition-card__line[data-v-e2e5ac99] {
  flex: 1;
  height: 0;
  border-top: 1px dashed rgba(52, 190, 99, 0.62);
}
.agent-condition-card__title[data-v-e2e5ac99] {
  margin: 16px 0 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-condition-card__desc[data-v-e2e5ac99] {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--color-text-secondary);
}
.agent-flow[data-v-e2e5ac99] {
  margin-top: 72px;
}
.agent-flow__steps[data-v-e2e5ac99] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.agent-flow__step[data-v-e2e5ac99] {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 26px;
  background: linear-gradient(180deg, #18b65c, #109549);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  clip-path: polygon(
    18px 0,
    calc(100% - 18px) 0,
    100% 50%,
    calc(100% - 18px) 100%,
    18px 100%,
    0 50%
  );
}
.agent-flow__step.is-first[data-v-e2e5ac99] {
  clip-path: polygon(
    0 0,
    calc(100% - 18px) 0,
    100% 50%,
    calc(100% - 18px) 100%,
    0 100%
  );
  padding-left: 18px;
}
.agent-flow__step.is-last[data-v-e2e5ac99] {
  clip-path: polygon(18px 0, 100% 0, 100% 100%, 18px 100%, 0 50%);
  padding-right: 18px;
}
.agent-showcase[data-v-e2e5ac99] {
  margin-top: 54px;
  display: grid;
  grid-template-columns: 332px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}
.agent-showcase__poster[data-v-e2e5ac99] {
  position: relative;
  min-height: 330px;
  padding: 14px;
  border-radius: 24px;
  background: linear-gradient(180deg, #33d469, #16a64f);
  overflow: hidden;
}
.agent-showcase__poster[data-v-e2e5ac99]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    linear-gradient(180deg, #ffffff1a 0, #fff0 36%),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.06) 0,
      rgba(255, 255, 255, 0.06) 1px,
      transparent 1px,
      transparent 24px
    );
  opacity: 0.7;
}
.agent-showcase__poster-placeholder[data-v-e2e5ac99] {
  position: absolute;
  top: 14px;
  right: 14px;
  bottom: 14px;
  left: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, #d9dee4, #bdc5cf);
  box-shadow: inset 0 0 0 1px #ffffff6b;
}
.agent-showcase__poster-label[data-v-e2e5ac99] {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-shadow: 0 6px 12px rgba(0, 0, 0, 0.14);
}
.agent-showcase__story[data-v-e2e5ac99] {
  padding: 32px 34px;
  border-radius: 24px;
  background: linear-gradient(180deg, #f4f7ff, #fff);
  box-shadow: 0 18px 34px #2e3f6814;
}
.agent-showcase__tag[data-v-e2e5ac99] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: #28c4601f;
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 700;
}
.agent-showcase__story-list[data-v-e2e5ac99] {
  margin-top: 16px;
  display: grid;
  gap: 24px;
}
.agent-showcase__story-item[data-v-e2e5ac99] {
  position: relative;
  padding-left: 18px;
}
.agent-showcase__story-item[data-v-e2e5ac99]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #19b158;
  box-shadow: 0 0 0 5px #19b1581f;
}
.agent-showcase__story-title[data-v-e2e5ac99] {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-showcase__story-desc[data-v-e2e5ac99] {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--color-text-secondary);
}
@media (max-width: 1200px) {
  .brand-switcher__inner[data-v-e2e5ac99] {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .brand-switcher__inner[data-v-e2e5ac99]::-webkit-scrollbar {
    display: none;
  }
  .brand-switcher__button[data-v-e2e5ac99] {
    flex: 0 0 auto;
  }
  .service-subnav__inner[data-v-e2e5ac99] {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .service-subnav__inner[data-v-e2e5ac99]::-webkit-scrollbar {
    display: none;
  }
  .service-subnav__link[data-v-e2e5ac99] {
    flex-shrink: 0;
    height: 72px;
  }
  .guide-steps[data-v-e2e5ac99],
  .agent-benefits__grid[data-v-e2e5ac99],
  .agent-roles__grid[data-v-e2e5ac99],
  .agent-conditions[data-v-e2e5ac99],
  .agent-revenue-grid[data-v-e2e5ac99] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .agent-flow__steps[data-v-e2e5ac99] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .agent-showcase[data-v-e2e5ac99] {
    grid-template-columns: 300px minmax(0, 1fr);
  }
  .agent-showcase-banner[data-v-e2e5ac99] {
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    column-gap: 18px;
  }
  .agent-showcase-banner__nav[data-v-e2e5ac99] {
    width: 48px;
    height: 48px;
    font-size: 30px;
  }
  .sfpy-hero-card[data-v-e2e5ac99],
  .sfpy-system[data-v-e2e5ac99],
  .sfpy-space-grid[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
  }
  .sfpy-hero-card__stats[data-v-e2e5ac99],
  .sfpy-brand-power__grid[data-v-e2e5ac99],
  .sfpy-system__cards[data-v-e2e5ac99],
  .sfpy-growth__cards[data-v-e2e5ac99],
  .sfpy-support__timeline[data-v-e2e5ac99],
  .sfpy-support__guarantees[data-v-e2e5ac99] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .brand-switcher[data-v-e2e5ac99],
  .service-subnav[data-v-e2e5ac99] {
    top: 0;
  }
  .service-section[data-v-e2e5ac99] {
    padding: 48px 0;
  }
  .service-section__inner[data-v-e2e5ac99] {
    padding: 0 16px;
  }
  .service-section__title[data-v-e2e5ac99] {
    font-size: 32px;
  }
  .service-section__inner--wide[data-v-e2e5ac99] {
    width: min(100%, 1200px);
  }
  .tech-panel[data-v-e2e5ac99] {
    padding: 48px 0;
  }
  .tech-panel__body[data-v-e2e5ac99],
  .supply-chain[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .tech-panel__visual[data-v-e2e5ac99] {
    width: 100%;
  }
  .tech-panel__visual-image[data-v-e2e5ac99] {
    display: block;
    width: 100%;
    height: auto;
  }
  .tech-panel__content[data-v-e2e5ac99] {
    max-width: 560px;
    margin: 0 auto;
  }
  .tech-panel__content-title[data-v-e2e5ac99],
  .tech-block__title[data-v-e2e5ac99] {
    font-size: 28px;
    text-align: center;
  }
  .tech-panel__point[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
  .supply-chain__summary[data-v-e2e5ac99],
  .supply-chain__visual[data-v-e2e5ac99] {
    max-width: 560px;
    margin: 0 auto;
  }
  .supply-chain__caption[data-v-e2e5ac99],
  .tech-placeholder--supply[data-v-e2e5ac99] {
    width: 100%;
  }
  .creative-showcase__image[data-v-e2e5ac99] {
    max-width: 100%;
  }
  .feature-grid--three[data-v-e2e5ac99] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .service-section__inner--design-support[data-v-e2e5ac99] {
    width: min(100%, 1200px);
  }
  .design-support__grid[data-v-e2e5ac99] {
    grid-template-columns: repeat(2, minmax(0, 384px));
  }
  .site-support__title[data-v-e2e5ac99] {
    font-size: 28px;
  }
  .site-support__metrics[data-v-e2e5ac99] {
    column-gap: 32px;
  }
  .site-support-card[data-v-e2e5ac99] {
    padding: 22px 20px 24px;
  }
  .site-support-card__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .site-support-card__desc[data-v-e2e5ac99] {
    min-height: 0;
    font-size: 15px;
  }
  .site-support-card__list li[data-v-e2e5ac99] {
    font-size: 15px;
  }
  .operations-results-panel + .operations-results-panel[data-v-e2e5ac99] {
    margin-top: 104px;
  }
  .operations-results-panel__title[data-v-e2e5ac99] {
    font-size: 32px;
  }
  .operations-results-visual[data-v-e2e5ac99] {
    margin-top: 48px;
  }
  .agent-block[data-v-e2e5ac99] {
    padding-top: 80px;
  }
  .agent-block__title[data-v-e2e5ac99] {
    font-size: 32px;
  }
  .agent-benefits__panel[data-v-e2e5ac99] {
    padding: 48px 24px;
  }
  .agent-benefits__panel[data-v-e2e5ac99]:after {
    left: 24px;
    right: 24px;
  }
  .agent-showcase[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
  }
  .agent-showcase__poster[data-v-e2e5ac99] {
    min-height: 360px;
  }
  .agent-showcase-banner__slide[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
    row-gap: 18px;
  }
  .agent-showcase-banner__content[data-v-e2e5ac99] {
    margin-left: 0;
    padding: 28px 24px;
  }
  .agent-showcase-banner__content[data-v-e2e5ac99]:before {
    display: none;
  }
  .sfpy-section[data-v-e2e5ac99] {
    padding: 48px 0;
  }
  .sfpy-hero-card[data-v-e2e5ac99] {
    padding: 28px 24px;
  }
  .sfpy-hero-card__copy h2[data-v-e2e5ac99],
  .sfpy-block-heading h2[data-v-e2e5ac99],
  .sfpy-brand-power__heading h2[data-v-e2e5ac99] {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  .brand-switcher__inner[data-v-e2e5ac99] {
    padding: 14px 16px;
  }
  .brand-switcher__button[data-v-e2e5ac99] {
    min-width: 112px;
    height: 42px;
    font-size: 14px;
  }
  .feature-grid--three[data-v-e2e5ac99],
  .design-support__grid[data-v-e2e5ac99],
  .site-support__metrics[data-v-e2e5ac99],
  .site-support__panel[data-v-e2e5ac99],
  .guide-steps[data-v-e2e5ac99],
  .join-flow[data-v-e2e5ac99],
  .agent-benefits__grid[data-v-e2e5ac99],
  .agent-revenue-grid[data-v-e2e5ac99],
  .agent-roles__grid[data-v-e2e5ac99],
  .agent-conditions[data-v-e2e5ac99],
  .agent-flow__steps[data-v-e2e5ac99],
  .sfpy-hero-card__stats[data-v-e2e5ac99],
  .sfpy-brand-power__grid[data-v-e2e5ac99],
  .sfpy-system__cards[data-v-e2e5ac99],
  .sfpy-growth__cards[data-v-e2e5ac99],
  .sfpy-support__timeline[data-v-e2e5ac99],
  .sfpy-support__guarantees[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
  }
  .service-subnav__inner[data-v-e2e5ac99] {
    padding: 0 16px;
  }
  .service-subnav__link[data-v-e2e5ac99] {
    height: 64px;
    font-size: 15px;
    flex: 0 0 auto;
  }
  .sfpy-section[data-v-e2e5ac99] {
    padding: 28px 0;
  }
  .sfpy-section__inner[data-v-e2e5ac99] {
    padding: 0 16px;
  }
  .sfpy-hero-card__copy h2[data-v-e2e5ac99],
  .sfpy-block-heading h2[data-v-e2e5ac99],
  .sfpy-brand-power__heading h2[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .sfpy-hero-card__copy p[data-v-e2e5ac99],
  .sfpy-block-heading p[data-v-e2e5ac99],
  .sfpy-brand-power__heading p[data-v-e2e5ac99],
  .sfpy-feature-card p[data-v-e2e5ac99],
  .sfpy-system-card p[data-v-e2e5ac99],
  .sfpy-space-card p[data-v-e2e5ac99],
  .sfpy-growth-card p[data-v-e2e5ac99],
  .sfpy-guarantee-card p[data-v-e2e5ac99],
  .sfpy-support-step p[data-v-e2e5ac99] {
    font-size: 15px;
  }
  .sfpy-feature-card[data-v-e2e5ac99],
  .sfpy-system-card[data-v-e2e5ac99],
  .sfpy-space-card--copy[data-v-e2e5ac99],
  .sfpy-growth-card[data-v-e2e5ac99],
  .sfpy-guarantee-card[data-v-e2e5ac99],
  .sfpy-support-step[data-v-e2e5ac99] {
    padding: 24px 20px;
  }
  .service-section[data-v-e2e5ac99] {
    padding: 28px 0;
  }
  .service-section__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .service-section__subtitle[data-v-e2e5ac99],
  .feature-card__desc[data-v-e2e5ac99],
  .site-support__subtitle[data-v-e2e5ac99],
  .guide-step__desc[data-v-e2e5ac99],
  .join-flow__desc[data-v-e2e5ac99],
  .agent-benefit-card__desc[data-v-e2e5ac99],
  .agent-revenue-card__desc[data-v-e2e5ac99],
  .agent-condition-card__desc[data-v-e2e5ac99],
  .agent-showcase__story-desc[data-v-e2e5ac99] {
    font-size: 15px;
  }
  .agent-block[data-v-e2e5ac99],
  .agent-block--benefits[data-v-e2e5ac99] {
    padding-top: 56px;
  }
  .agent-block__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .agent-benefits[data-v-e2e5ac99] {
    margin-top: 40px;
  }
  .agent-benefits__panel[data-v-e2e5ac99] {
    padding: 28px 16px 32px;
    border-radius: 24px;
  }
  .agent-benefits__panel[data-v-e2e5ac99]:after {
    left: 16px;
    right: 16px;
    bottom: 22px;
    height: 28px;
  }
  .agent-benefit-card[data-v-e2e5ac99],
  .agent-revenue-card[data-v-e2e5ac99],
  .agent-role-card[data-v-e2e5ac99],
  .agent-condition-card[data-v-e2e5ac99],
  .agent-showcase__story[data-v-e2e5ac99] {
    padding: 24px 20px;
  }
  .agent-benefit-card__title[data-v-e2e5ac99],
  .agent-revenue-card__title[data-v-e2e5ac99],
  .agent-role-card__title[data-v-e2e5ac99],
  .agent-condition-card__title[data-v-e2e5ac99],
  .agent-showcase__story-title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .agent-roles[data-v-e2e5ac99] {
    margin-top: 40px;
    padding-top: 28px;
  }
  .agent-roles[data-v-e2e5ac99]:before {
    inset: 0 8px auto;
    height: 112px;
  }
  .agent-requirements[data-v-e2e5ac99] {
    margin-top: 28px;
    padding: 28px 0;
  }
  .agent-condition-card + .agent-condition-card[data-v-e2e5ac99] {
    border-left: 0;
    border-top: 1px solid rgba(23, 75, 101, 0.08);
  }
  .agent-condition-card__index[data-v-e2e5ac99] {
    font-size: 44px;
  }
  .agent-flow[data-v-e2e5ac99] {
    margin-top: 56px;
  }
  .agent-flow__steps[data-v-e2e5ac99] {
    margin-top: 28px;
    gap: 8px;
  }
  .agent-flow__step[data-v-e2e5ac99] {
    min-height: 48px;
    font-size: 16px;
  }
  .agent-flow__step[data-v-e2e5ac99],
  .agent-flow__step.is-first[data-v-e2e5ac99],
  .agent-flow__step.is-last[data-v-e2e5ac99] {
    clip-path: none;
    border-radius: 14px;
    padding: 0 16px;
  }
  .agent-showcase[data-v-e2e5ac99] {
    margin-top: 40px;
  }
  .agent-showcase__poster[data-v-e2e5ac99] {
    min-height: 280px;
  }
  .agent-showcase__poster-label[data-v-e2e5ac99] {
    left: 16px;
    right: 16px;
    bottom: 18px;
    font-size: 18px;
  }
  .agent-showcase-section[data-v-e2e5ac99] {
    padding-top: 56px;
  }
  .agent-showcase-section__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .agent-showcase-banner[data-v-e2e5ac99] {
    margin-top: 40px;
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .agent-showcase-banner__nav[data-v-e2e5ac99] {
    display: none;
  }
  .agent-showcase-banner__slide[data-v-e2e5ac99] {
    min-height: 0;
  }
  .agent-showcase-banner__visual[data-v-e2e5ac99] {
    min-height: 240px;
  }
  .agent-showcase-banner__point
    + .agent-showcase-banner__point[data-v-e2e5ac99] {
    margin-top: 24px;
  }
  .agent-showcase-banner__point h3[data-v-e2e5ac99] {
    font-size: 18px;
  }
  .agent-showcase-banner__point p[data-v-e2e5ac99] {
    font-size: 15px;
    line-height: 1.8;
  }
  .site-support[data-v-e2e5ac99] {
    margin-top: 56px;
  }
  .service-section--design-support[data-v-e2e5ac99] {
    padding: 28px 0;
  }
  .design-1v1__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .design-1v1__desc[data-v-e2e5ac99] {
    font-size: 15px;
    line-height: 1.7;
  }
  .design-1v1__heading[data-v-e2e5ac99],
  .design-support__header[data-v-e2e5ac99] {
    margin-top: 28px;
  }
  .design-support__title[data-v-e2e5ac99] {
    gap: 10px;
    font-size: 22px;
  }
  .design-support__subtitle[data-v-e2e5ac99] {
    font-size: 15px;
    line-height: 1.7;
  }
  .design-support__grid[data-v-e2e5ac99] {
    margin-top: 28px;
    gap: 20px;
  }
  .design-support-card[data-v-e2e5ac99] {
    min-height: 0;
    padding: 24px 20px;
  }
  .design-support-card__icon[data-v-e2e5ac99] {
    top: 20px;
    right: 20px;
    width: 88px;
    height: 88px;
  }
  .design-support-card__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .design-support-card__tagline[data-v-e2e5ac99],
  .design-support-card__desc[data-v-e2e5ac99],
  .design-support-card__timeline-label[data-v-e2e5ac99] {
    font-size: 15px;
  }
  .design-support-card__desc[data-v-e2e5ac99] {
    min-height: 0;
    line-height: 1.7;
  }
  .design-support-card__table-head[data-v-e2e5ac99],
  .design-support-card__table-row[data-v-e2e5ac99] {
    grid-template-columns: 54px 54px 54px 1fr 56px;
    padding: 0 12px;
  }
  .design-support-card__table-head-item[data-v-e2e5ac99],
  .design-support-card__table-row[data-v-e2e5ac99] {
    font-size: 12px;
  }
  .design-support-card__timeline[data-v-e2e5ac99] {
    margin-top: 32px;
    gap: 14px;
  }
  .design-support-card__materials[data-v-e2e5ac99] {
    margin-top: 28px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .design-support-card__material[data-v-e2e5ac99] {
    min-height: 36px;
    padding: 0 10px;
    font-size: 12px;
  }
  .design-support-card__image[data-v-e2e5ac99] {
    position: static;
    margin-top: 24px;
    width: 100%;
    height: 144px;
  }
  .site-support__title[data-v-e2e5ac99] {
    gap: 10px;
    font-size: 22px;
  }
  .site-support__metric-value strong[data-v-e2e5ac99] {
    font-size: 56px;
  }
  .site-support__metric-value span[data-v-e2e5ac99] {
    margin-bottom: 8px;
    font-size: 20px;
  }
  .site-support__metric p[data-v-e2e5ac99] {
    margin-top: 8px;
    font-size: 18px;
  }
  .site-support__panel[data-v-e2e5ac99] {
    margin-top: 40px;
    padding: 24px 20px;
    row-gap: 28px;
  }
  .site-support-card__title[data-v-e2e5ac99] {
    margin-top: 18px;
    font-size: 22px;
  }
  .site-support-card__desc[data-v-e2e5ac99],
  .site-support-card__list li[data-v-e2e5ac99] {
    font-size: 15px;
  }
  .site-support-card__visual[data-v-e2e5ac99] {
    margin-top: 22px;
    height: 144px;
    object-fit: cover;
  }
  .tech-panel__title[data-v-e2e5ac99],
  .tech-block__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .tech-panel__subtitle[data-v-e2e5ac99],
  .tech-block__subtitle[data-v-e2e5ac99] {
    margin-top: 14px;
    font-size: 15px;
    text-align: center;
  }
  .tech-panel__switch--desktop[data-v-e2e5ac99] {
    display: none;
  }
  .tech-panel__switch--mobile[data-v-e2e5ac99] {
    display: block;
    margin-top: 28px;
  }
  .tech-panel__body--desktop[data-v-e2e5ac99] {
    display: none;
  }
  .tech-panel__visual[data-v-e2e5ac99] {
    min-height: 460px;
  }
  .tech-panel__screen--card[data-v-e2e5ac99] {
    width: 144px;
    height: 72px;
  }
  .tech-panel__screen--phone[data-v-e2e5ac99],
  .tech-panel__screen--center[data-v-e2e5ac99] {
    width: 170px;
    height: 338px;
    border-radius: 24px;
  }
  .tech-panel__screen--center[data-v-e2e5ac99] {
    top: 18px;
  }
  .tech-panel__screen--right[data-v-e2e5ac99] {
    top: 64px;
  }
  .tech-panel__body[data-v-e2e5ac99] {
    margin-top: 28px;
    row-gap: 28px;
  }
  .tech-panel__content-title[data-v-e2e5ac99] {
    margin-top: 0;
    font-size: 22px;
  }
  .tech-panel__points[data-v-e2e5ac99] {
    margin-top: 24px;
    gap: 16px;
  }
  .tech-panel__point h4[data-v-e2e5ac99] {
    font-size: 17px;
  }
  .tech-panel__point p[data-v-e2e5ac99],
  .supply-chain__summary-copy[data-v-e2e5ac99],
  .equip-card__caption p[data-v-e2e5ac99] {
    font-size: 15px;
    line-height: 1.7;
  }
  .tech-mobile-card[data-v-e2e5ac99] {
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 12px;
    overflow: hidden;
    transition:
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .tech-mobile-card[data-v-e2e5ac99]:last-child {
    margin-bottom: 0;
  }
  .tech-mobile-card.is-open[data-v-e2e5ac99] {
    border-color: #16a34a;
    box-shadow: 0 2px 12px #16a34a1a;
  }
  .tech-mobile-card__header[data-v-e2e5ac99] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    color: #1a1a2e;
  }
  .tech-mobile-card.is-open .tech-mobile-card__header[data-v-e2e5ac99] {
    color: #16a34a;
  }
  .tech-mobile-card__arrow[data-v-e2e5ac99] {
    font-size: 14px;
    color: #bbb;
    transition: transform 0.25s;
    flex-shrink: 0;
  }
  .tech-mobile-card__arrow.is-open[data-v-e2e5ac99] {
    transform: rotate(180deg);
    color: #16a34a;
  }
  .tech-mobile-card__body[data-v-e2e5ac99] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }
  .tech-mobile-card.is-open .tech-mobile-card__body[data-v-e2e5ac99] {
    max-height: 1200px;
  }
  .tech-mobile-card__image[data-v-e2e5ac99] {
    display: block;
    width: 100%;
    height: auto;
  }
  .tech-mobile-card__points[data-v-e2e5ac99] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .tech-mobile-card__point h4[data-v-e2e5ac99] {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    color: #16a34a;
  }
  .tech-mobile-card__point p[data-v-e2e5ac99] {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
  }
  .tech-block[data-v-e2e5ac99] {
    padding: 28px 0;
  }
  .supply-chain[data-v-e2e5ac99] {
    margin-top: 48px;
    gap: 28px;
  }
  .supply-chain__summary[data-v-e2e5ac99] {
    min-height: auto;
    padding: 28px 24px;
  }
  .supply-chain__summary-title[data-v-e2e5ac99],
  .equip-card__caption h3[data-v-e2e5ac99] {
    font-size: 26px;
  }
  .supply-chain__arrow[data-v-e2e5ac99] {
    display: none;
  }
  .tech-placeholder--supply[data-v-e2e5ac99] {
    height: 320px;
    border-radius: 24px 24px 0 0;
  }
  .supply-chain__caption[data-v-e2e5ac99] {
    position: static;
    min-height: auto;
    border-radius: 0 0 20px 20px;
    font-size: 24px;
    text-align: center;
  }
  .creative-showcase__image[data-v-e2e5ac99] {
    max-width: 100%;
  }
  .creative-showcase[data-v-e2e5ac99] {
    margin-top: 48px;
  }
  .creative-showcase__frame[data-v-e2e5ac99] {
    min-height: auto;
    padding: 28px 20px;
    border-width: 4px;
    border-radius: 36px 0 0;
  }
  .creative-showcase__item[data-v-e2e5ac99] {
    height: 92px;
    border-radius: 18px;
  }
  .logo-wall__card[data-v-e2e5ac99],
  .feature-card[data-v-e2e5ac99],
  .feature-card--light[data-v-e2e5ac99],
  .guide-step[data-v-e2e5ac99],
  .join-flow__step[data-v-e2e5ac99] {
    padding: 24px 20px;
  }
  .logo-wall__brand[data-v-e2e5ac99] {
    font-size: 24px;
  }
  .operations-results-panel + .operations-results-panel[data-v-e2e5ac99] {
    margin-top: 88px;
  }
  .operations-results-panel__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .operations-results-panel__subtitle[data-v-e2e5ac99] {
    margin-top: 10px;
    font-size: 15px;
  }
  .operations-results-visual[data-v-e2e5ac99] {
    margin-top: 28px;
  }
  .results-stats[data-v-e2e5ac99] {
    padding: 28px 0;
  }
  .results-stats__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .results-stats__subtitle[data-v-e2e5ac99] {
    font-size: 15px;
    margin-top: 16px;
  }
  .results-stats__grid[data-v-e2e5ac99] {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-top: 48px;
  }
  .stat-card[data-v-e2e5ac99] {
    padding: 28px 16px 24px;
  }
  .stat-card__icon[data-v-e2e5ac99] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-size: 24px 24px;
    margin-bottom: 14px;
  }
  .stat-card__value[data-v-e2e5ac99] {
    font-size: 28px;
  }
  .stat-card__label[data-v-e2e5ac99] {
    font-size: 13px;
  }
  .operations-guide-block[data-v-e2e5ac99],
  .operations-guide-block--org[data-v-e2e5ac99],
  .operations-guide-block--delivery[data-v-e2e5ac99] {
    padding: 28px 0;
    margin-top: 0;
  }
  .operations-guide-block__heading[data-v-e2e5ac99] {
    margin-bottom: 28px;
  }
  .operations-guide-block__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .operations-guide-block__subtitle[data-v-e2e5ac99] {
    font-size: 15px;
    line-height: 1.7;
  }
  .operations-guide__headline[data-v-e2e5ac99],
  .guide-section__title[data-v-e2e5ac99] {
    font-size: 18px;
  }
  .operations-matrix--desktop[data-v-e2e5ac99] {
    display: none;
  }
  .operations-matrix--mobile[data-v-e2e5ac99] {
    display: block;
    margin-top: 28px;
  }
  .matrix-mobile-list[data-v-e2e5ac99] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
  }
  .matrix-mobile-card[data-v-e2e5ac99] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
  }
  .matrix-mobile-card__header[data-v-e2e5ac99] {
    width: 100%;
    text-align: left;
    padding: 16px 20px;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: color 0.2s;
  }
  .matrix-mobile-card__header[data-v-e2e5ac99]:hover {
    color: #3b82f6;
  }
  .matrix-mobile-card__arrow[data-v-e2e5ac99] {
    font-size: 12px;
    color: #9ca3af;
    transition: transform 0.2s;
  }
  .matrix-mobile-card--open .matrix-mobile-card__arrow[data-v-e2e5ac99] {
    transform: rotate(180deg);
  }
  .matrix-mobile-card__body[data-v-e2e5ac99] {
    display: none;
    padding: 0 20px 16px;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.8;
  }
  .matrix-mobile-card--open .matrix-mobile-card__body[data-v-e2e5ac99] {
    display: block;
  }
  .org-cards[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 40px;
  }
  .org-card[data-v-e2e5ac99] {
    padding: 28px 24px;
  }
  .org-card__title[data-v-e2e5ac99] {
    font-size: 18px;
  }
  .delivery-flow[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 40px;
  }
  .delivery-stage[data-v-e2e5ac99] {
    padding: 28px 24px;
  }
  .brand-resources-block[data-v-e2e5ac99] {
    padding: 28px 0;
  }
  .brand-resources__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .brand-resources__desc[data-v-e2e5ac99] {
    font-size: 15px;
    line-height: 1.7;
  }
  .brand-resources__ads-tabs--desktop[data-v-e2e5ac99] {
    display: none;
  }
  .brand-resources__ads-tabs--mobile[data-v-e2e5ac99] {
    display: block;
    margin-top: 28px;
  }
  .brand-ads-mobile-card[data-v-e2e5ac99] {
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 12px;
    overflow: hidden;
    cursor: pointer;
    transition:
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .brand-ads-mobile-card[data-v-e2e5ac99]:last-child {
    margin-bottom: 0;
  }
  .brand-ads-mobile-card.is-open[data-v-e2e5ac99] {
    border-color: #16a34a;
    box-shadow: 0 2px 12px #16a34a1a;
  }
  .brand-ads-mobile-card__header[data-v-e2e5ac99] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
  }
  .brand-ads-mobile-card.is-open
    .brand-ads-mobile-card__header[data-v-e2e5ac99] {
    color: #16a34a;
  }
  .brand-ads-mobile-card__arrow[data-v-e2e5ac99] {
    font-size: 14px;
    color: #bbb;
    transition: transform 0.25s;
    flex-shrink: 0;
  }
  .brand-ads-mobile-card__arrow.is-open[data-v-e2e5ac99] {
    transform: rotate(180deg);
    color: #16a34a;
  }
  .brand-ads-mobile-card__body[data-v-e2e5ac99] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
  }
  .brand-ads-mobile-card.is-open .brand-ads-mobile-card__body[data-v-e2e5ac99] {
    max-height: 500px;
  }
  .brand-ads-mobile-card__image[data-v-e2e5ac99] {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0 0 12px 12px;
  }
  .brand-qa-page[data-v-e2e5ac99] {
    padding: 28px 0;
  }
  .brand-qa__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .brand-qa__subtitle[data-v-e2e5ac99] {
    font-size: 15px;
    margin-top: 16px;
  }
  .brand-qa__list[data-v-e2e5ac99] {
    margin-top: 48px;
    gap: 12px;
  }
  .brand-qa__item[data-v-e2e5ac99] {
    border-radius: 14px;
  }
  .brand-qa__question[data-v-e2e5ac99] {
    padding: 20px;
    gap: 12px;
  }
  .brand-qa__q-num[data-v-e2e5ac99],
  .brand-qa__a-label[data-v-e2e5ac99] {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    font-size: 12px;
  }
  .brand-qa__q-text[data-v-e2e5ac99] {
    font-size: 15px;
    padding-top: 3px;
  }
  .brand-qa__q-icon[data-v-e2e5ac99] {
    width: 20px;
    height: 20px;
    margin-top: 5px;
  }
  .brand-qa__answer[data-v-e2e5ac99] {
    padding: 0 20px 22px;
    gap: 12px;
  }
  .brand-qa__a-text[data-v-e2e5ac99] {
    font-size: 14px;
    padding-top: 3px;
  }
}
@media (max-width: 768px) {
  .service-hero[data-v-e2e5ac99] {
    height: min(56vw, 320px);
  }
  .service-hero__sound-btn[data-v-e2e5ac99] {
    bottom: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
  }
  .join-flow-page[data-v-e2e5ac99],
  .service-section[data-v-e2e5ac99],
  .sfpy-section[data-v-e2e5ac99],
  .tech-panel[data-v-e2e5ac99] {
    padding: 28px 0;
  }
  .service-section__title[data-v-e2e5ac99],
  .sfpy-block-heading h2[data-v-e2e5ac99],
  .sfpy-brand-power__heading h2[data-v-e2e5ac99],
  .tech-panel__title[data-v-e2e5ac99],
  .tech-block__title[data-v-e2e5ac99],
  .design-support__title[data-v-e2e5ac99],
  .site-support__title[data-v-e2e5ac99] {
    font-size: 22px;
  }
  .join-flow-page__timeline[data-v-e2e5ac99] {
    padding: 0 12px;
  }
  .join-flow-page__line[data-v-e2e5ac99] {
    left: 20px;
    transform: none;
  }
  .join-flow-page__step[data-v-e2e5ac99],
  .join-flow-page__step--right[data-v-e2e5ac99] {
    padding: 0 0 0 56px;
    flex-direction: row;
  }
  .join-flow-page__num[data-v-e2e5ac99] {
    left: 20px;
    transform: none;
    width: 40px;
    height: 40px;
    font-size: 15px;
  }
  .join-flow-page__card[data-v-e2e5ac99] {
    padding: 20px 18px;
  }
  .join-flow-page__step-title[data-v-e2e5ac99] {
    font-size: 18px;
  }
  .join-flow-page__guarantee[data-v-e2e5ac99] {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 40px;
  }
  .agent-page[data-v-e2e5ac99] {
    background: #f0f2f1;
    padding: 12px 0;
  }
  .agent-image-section[data-v-e2e5ac99] {
    margin: 0 12px 12px;
    padding: 32px 16px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 3px #0000000a;
  }
  .agent-image-section--mint[data-v-e2e5ac99] {
    background: #fff;
  }
  .agent-image-section__title[data-v-e2e5ac99] {
    font-size: 22px;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  .agent-image-section__title--secondary[data-v-e2e5ac99] {
    margin-top: 40px;
  }
  .agent-section__image--code[data-v-e2e5ac99] {
    width: 100%;
    padding: 0;
  }
  .agent-cards--4[data-v-e2e5ac99],
  .agent-cards--6[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .agent-card[data-v-e2e5ac99] {
    padding: 20px 18px;
    border-radius: 16px;
  }
  .agent-card__icon[data-v-e2e5ac99] {
    font-size: 28px;
    margin-bottom: 12px;
  }
  .agent-card__name[data-v-e2e5ac99] {
    font-size: 16px;
  }
  .agent-card__desc[data-v-e2e5ac99] {
    font-size: 13px;
    line-height: 1.6;
  }
  .agent-card--flat[data-v-e2e5ac99] {
    padding: 20px 18px;
  }
  .agent-card--flat .agent-card__icon[data-v-e2e5ac99] {
    font-size: 24px;
  }
  .agent-steps--4[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .agent-step[data-v-e2e5ac99] {
    padding: 20px 18px;
    border-radius: 16px;
  }
  .agent-step__num[data-v-e2e5ac99] {
    font-size: 32px;
    margin-bottom: 12px;
  }
  .agent-step__name[data-v-e2e5ac99] {
    font-size: 16px;
  }
  .agent-step__desc[data-v-e2e5ac99] {
    font-size: 13px;
  }
  .agent-flow[data-v-e2e5ac99] {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 0;
  }
  .agent-flow__item[data-v-e2e5ac99] {
    max-width: 100%;
    flex: none;
    min-width: 0;
  }
  .agent-flow__item[data-v-e2e5ac99]:not(:last-child):after {
    display: none;
  }
  .agent-flow__arrow[data-v-e2e5ac99] {
    margin: 0;
    clip-path: none;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 14px;
    text-align: center;
  }
  .agent-flow__arrow--last[data-v-e2e5ac99] {
    clip-path: none;
  }
  .agent-showcase-section[data-v-e2e5ac99] {
    margin: 0 12px 12px;
    padding: 32px 16px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 3px #0000000a;
  }
  .agent-showcase-section__title[data-v-e2e5ac99] {
    font-size: 22px;
    margin-bottom: 24px;
  }
  .agent-showcase-banner[data-v-e2e5ac99] {
    margin-top: 24px;
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 0;
  }
  .agent-showcase-banner__nav[data-v-e2e5ac99] {
    display: none;
  }
  .agent-showcase-banner__slide--code[data-v-e2e5ac99] {
    padding: 24px 16px;
    border-radius: 20px;
  }
  .agent-showcase-banner__dots[data-v-e2e5ac99] {
    margin-top: 20px;
    gap: 10px;
  }
  .agent-showcase-banner__dot[data-v-e2e5ac99] {
    width: 10px;
    height: 10px;
  }
  .agent-showcase-banner__dot.is-active[data-v-e2e5ac99] {
    width: 28px;
  }
  .agent-showcase-card[data-v-e2e5ac99] {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .agent-showcase-card__left[data-v-e2e5ac99] {
    flex-direction: row;
    align-items: center;
    gap: 14px;
  }
  .agent-showcase-card__avatar[data-v-e2e5ac99] {
    width: 56px;
    height: 56px;
    font-size: 22px;
  }
  .agent-showcase-card__agent[data-v-e2e5ac99] {
    font-size: 15px;
    text-align: left;
  }
  .agent-showcase-card__right[data-v-e2e5ac99] {
    gap: 16px;
  }
  .agent-showcase-card__point[data-v-e2e5ac99] {
    gap: 12px;
  }
  .agent-showcase-card__bullet[data-v-e2e5ac99] {
    margin-top: 5px;
  }
  .agent-showcase-card__point-title[data-v-e2e5ac99] {
    font-size: 16px;
  }
  .agent-showcase-card__point-desc[data-v-e2e5ac99] {
    font-size: 13px;
  }
}
.brand-service-page[data-v-71e1eda4] {
  width: 100%;
  background: #fff;
}
.service-hero[data-v-71e1eda4] {
  position: relative;
  width: 100%;
  height: 814px;
  overflow: hidden;
  background: #40d96e;
}
.service-hero__video[data-v-71e1eda4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.service-hero__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: auto;
}
.service-hero__sound-btn[data-v-71e1eda4] {
  position: absolute;
  bottom: 24px;
  right: 24px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  background: #00000073;
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.service-hero__sound-btn[data-v-71e1eda4]:hover {
  background: #000000a6;
}
.service-hero__sr-only[data-v-71e1eda4] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.brand-switcher[data-v-71e1eda4] {
  position: sticky;
  top: 72px;
  z-index: 92;
  background: #f7fcf9eb;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(23, 166, 83, 0.08);
}
.brand-switcher__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 18px 24px;
  display: flex;
  justify-content: center;
  gap: 14px;
}
.brand-switcher__button[data-v-71e1eda4] {
  min-width: 132px;
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid rgba(23, 166, 83, 0.14);
  background: #fff;
  color: var(--color-text);
  font-size: 15px;
  font-weight: 700;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.brand-switcher__button.is-active[data-v-71e1eda4] {
  color: #fff;
  background: linear-gradient(135deg, #28c766, #109549);
  border-color: transparent;
  box-shadow: 0 14px 28px #158c4238;
}
.service-subnav[data-v-71e1eda4] {
  position: sticky;
  top: 72px;
  z-index: 90;
  width: 100%;
  background: #fffffff5;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(13, 132, 61, 0.08);
}
.service-subnav-anchor[data-v-71e1eda4] {
  width: 100%;
  height: 0;
}
.service-subnav--sfpy[data-v-71e1eda4] {
  background: #ffffffeb;
}
.service-subnav__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.service-subnav__link[data-v-71e1eda4] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 86px;
  font-size: 17px;
  font-weight: 500;
  color: var(--color-text);
  white-space: nowrap;
}
.service-subnav__link[data-v-71e1eda4]:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: transparent;
  transition: background 0.2s;
}
.service-subnav__link.is-active[data-v-71e1eda4] {
  color: var(--color-primary);
  font-weight: 700;
}
.service-subnav__link.is-active[data-v-71e1eda4]:after {
  background: var(--color-primary);
}
.service-section[data-v-71e1eda4] {
  width: 100%;
  padding: 48px 0;
}
.service-section--soft[data-v-71e1eda4] {
  background: #f6f8f5;
}
.service-section--mint[data-v-71e1eda4] {
  background: linear-gradient(180deg, #edf9f1, #fff);
}
.service-section__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.service-section__inner--wide[data-v-71e1eda4] {
  width: min(100%, 1440px);
}
.service-section__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: var(--color-text);
}
.service-section__subtitle[data-v-71e1eda4] {
  max-width: 780px;
  margin: 18px auto 0;
  font-size: 17px;
  line-height: 1.8;
  text-align: center;
  color: var(--color-text-secondary);
}
.sfpy-section[data-v-71e1eda4] {
  padding: 48px 0;
  background: linear-gradient(180deg, #fff, #f8fbff);
}
.sfpy-section--soft[data-v-71e1eda4] {
  background: linear-gradient(180deg, #f4fbff, #fff);
}
.sfpy-section--mint[data-v-71e1eda4] {
  background: linear-gradient(180deg, #eefbf3, #fff);
}
.sfpy-section__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.sfpy-section__inner--hero[data-v-71e1eda4] {
  display: grid;
  gap: 28px;
}
.sfpy-eyebrow[data-v-71e1eda4] {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: #11b55c1a;
  color: #11954a;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.sfpy-hero-card[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 28px;
  padding: 42px;
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
  overflow: hidden;
}
.sfpy-hero-card__copy h2[data-v-71e1eda4] {
  margin: 18px 0 0;
  font-size: 44px;
  line-height: 1.18;
  color: #1a1a2e;
}
.sfpy-hero-card__copy p[data-v-71e1eda4] {
  max-width: 620px;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 1.9;
  color: #6b7280;
}
.sfpy-hero-card__stats[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-self: end;
}
.sfpy-stat-card[data-v-71e1eda4] {
  min-height: 148px;
  padding: 24px 20px;
  border-radius: 24px;
  background: #f0f1f5;
  border: 1px solid #e5e7eb;
}
.sfpy-stat-card strong[data-v-71e1eda4] {
  display: block;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.1;
  color: #1a1a2e;
}
.sfpy-stat-card span[data-v-71e1eda4] {
  display: block;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.7;
  color: #6b7280;
}
.sfpy-block-heading[data-v-71e1eda4] {
  max-width: 820px;
}
.sfpy-block-heading h2[data-v-71e1eda4],
.sfpy-brand-power__heading h2[data-v-71e1eda4] {
  margin: 18px 0 0;
  font-size: 36px;
  line-height: 1.24;
  color: var(--color-text);
}
.sfpy-block-heading p[data-v-71e1eda4],
.sfpy-brand-power__heading p[data-v-71e1eda4] {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.85;
  color: var(--color-text-secondary);
}
.sfpy-brand-power__grid[data-v-71e1eda4],
.sfpy-growth__cards[data-v-71e1eda4],
.sfpy-support__guarantees[data-v-71e1eda4] {
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.sfpy-feature-card[data-v-71e1eda4],
.sfpy-growth-card[data-v-71e1eda4],
.sfpy-guarantee-card[data-v-71e1eda4] {
  min-height: 192px;
  padding: 28px 24px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 36px #17345214;
}
.sfpy-feature-card__index[data-v-71e1eda4] {
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  color: #13a151;
  letter-spacing: 0.08em;
}
.sfpy-feature-card h3[data-v-71e1eda4],
.sfpy-system-card h3[data-v-71e1eda4],
.sfpy-space-card h3[data-v-71e1eda4],
.sfpy-growth-card h3[data-v-71e1eda4],
.sfpy-guarantee-card h3[data-v-71e1eda4],
.sfpy-support-step h3[data-v-71e1eda4] {
  margin: 16px 0 0;
  font-size: 24px;
  line-height: 1.35;
  color: var(--color-text);
}
.sfpy-feature-card p[data-v-71e1eda4],
.sfpy-system-card p[data-v-71e1eda4],
.sfpy-space-card p[data-v-71e1eda4],
.sfpy-growth-card p[data-v-71e1eda4],
.sfpy-guarantee-card p[data-v-71e1eda4],
.sfpy-support-step p[data-v-71e1eda4] {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--color-text-secondary);
}
.sfpy-brand-power__image[data-v-71e1eda4],
.sfpy-growth__image[data-v-71e1eda4],
.sfpy-support__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  margin-top: 34px;
  border-radius: 28px;
  box-shadow: 0 20px 46px #13293d1f;
}
.sfpy-system[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 24px;
  align-items: stretch;
}
.sfpy-system__visual[data-v-71e1eda4] {
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(180deg, #101a26, #182434);
}
.sfpy-system__visual img[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sfpy-system__cards[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.sfpy-system-card[data-v-71e1eda4] {
  min-height: 188px;
  padding: 28px 24px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 34px #18344e14;
}
.sfpy-space-grid[data-v-71e1eda4] {
  margin-top: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.sfpy-space-card[data-v-71e1eda4] {
  min-height: 220px;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 18px 36px #17345214;
  overflow: hidden;
}
.sfpy-space-card--visual img[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sfpy-space-card--copy[data-v-71e1eda4] {
  padding: 28px 24px;
}
.sfpy-growth[data-v-71e1eda4],
.sfpy-support[data-v-71e1eda4] {
  margin-top: 34px;
}
.sfpy-support__timeline[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.sfpy-support-step[data-v-71e1eda4] {
  min-height: 210px;
  padding: 28px 24px;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 36px #14402a14;
}
.sfpy-support-step span[data-v-71e1eda4] {
  display: inline-flex;
  min-width: 52px;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #1095491a;
  color: #11954a;
  font-size: 12px;
  font-weight: 800;
}
.service-section--tech[data-v-71e1eda4] {
  padding: 0;
  background: #fff;
}
.tech-panel[data-v-71e1eda4] {
  padding: 48px 0;
  background: #fff;
}
.tech-panel__header[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tech-panel__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text);
}
.tech-panel__subtitle[data-v-71e1eda4] {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-text);
}
.tech-panel__switch[data-v-71e1eda4] {
  margin-top: 40px;
  width: 408px;
  height: 60px;
  padding: 4px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-radius: 50px;
  background: #fafffd;
}
.tech-panel__switch-item[data-v-71e1eda4] {
  height: 52px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  transition:
    background 0.2s,
    color 0.2s;
}
.tech-panel__switch-item.is-active[data-v-71e1eda4] {
  background: #333;
  color: #fff;
}
.tech-panel__body[data-v-71e1eda4] {
  margin-top: 165px;
  display: grid;
  grid-template-columns: minmax(0, 620px) minmax(0, 434px);
  justify-content: center;
  column-gap: 58px;
  align-items: start;
}
.tech-panel__visual[data-v-71e1eda4] {
  position: relative;
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
}
.tech-panel__visual-image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: auto;
}
.tech-panel__dot-group[data-v-71e1eda4] {
  position: absolute;
  display: grid;
  grid-template-columns: repeat(7, 6px);
  grid-auto-rows: 6px;
  gap: 4px;
}
.tech-panel__dot-group[data-v-71e1eda4]:before,
.tech-panel__dot-group[data-v-71e1eda4]:after {
  content: "";
}
.tech-panel__dot-group--top[data-v-71e1eda4] {
  left: 140px;
  top: 10px;
  width: 66px;
  height: 56px;
}
.tech-panel__dot-group--bottom[data-v-71e1eda4] {
  right: 42px;
  bottom: 28px;
  width: 66px;
  height: 56px;
}
.tech-panel__dot-group--top[data-v-71e1eda4],
.tech-panel__dot-group--bottom[data-v-71e1eda4] {
  background-image: radial-gradient(circle, #caebd9 3px, transparent 3px);
  background-size: 10px 10px;
}
.tech-panel__phone-grid[data-v-71e1eda4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.tech-panel__screen[data-v-71e1eda4] {
  background: linear-gradient(180deg, #fefefe, #ececec);
  border: 1px solid rgba(13, 132, 61, 0.12);
  box-shadow: 0 24px 52px #33333314;
}
.tech-panel__screen--card[data-v-71e1eda4] {
  position: absolute;
  left: 16px;
  top: 68px;
  width: 187px;
  height: 92px;
  border-radius: 18px;
}
.tech-panel__screen--phone[data-v-71e1eda4] {
  position: absolute;
  width: 236px;
  height: 456px;
  border-radius: 34px;
}
.tech-panel__screen--left[data-v-71e1eda4] {
  left: 24px;
  bottom: 36px;
}
.tech-panel__screen--center[data-v-71e1eda4] {
  left: 230px;
  top: 0;
  width: 260px;
  height: 520px;
}
.tech-panel__screen--right[data-v-71e1eda4] {
  right: 10px;
  top: 56px;
}
.tech-panel__content-title[data-v-71e1eda4] {
  margin: 8px 0 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3125;
  color: var(--color-text);
}
.tech-panel__points[data-v-71e1eda4] {
  margin-top: 37px;
  display: grid;
  gap: 20px;
}
.tech-panel__point[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  align-items: start;
  column-gap: 20px;
  padding: 24px 28px;
  border-radius: 20px;
  background: #fff;
}
.tech-panel__point[data-v-71e1eda4]:nth-child(odd) {
  background: #f5f9f8;
}
.tech-panel__point[data-v-71e1eda4]:nth-child(2n) {
  background: #fff;
}
.tech-panel__point h4[data-v-71e1eda4] {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-primary);
}
.tech-panel__point p[data-v-71e1eda4] {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-text);
}
.tech-block[data-v-71e1eda4] {
  padding: 48px 0;
}
.tech-block--equip[data-v-71e1eda4] {
  background: #f5f9f8;
}
.tech-block__heading[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tech-block__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text);
}
.tech-block__subtitle[data-v-71e1eda4] {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-text);
}
.equip-grid__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 74px auto 0;
  height: auto;
}
.creative-showcase[data-v-71e1eda4] {
  margin-top: 74px;
  display: flex;
  justify-content: center;
}
.creative-showcase__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  max-width: 1180px;
  height: auto;
}
.creative-showcase__frame[data-v-71e1eda4] {
  width: min(100%, 1180px);
  min-height: 420px;
  padding: 48px 52px;
  border: 5px solid var(--color-primary);
  border-radius: 62px 0 0;
  background: #fff;
}
.creative-showcase__grid[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 34px;
}
.creative-showcase__item[data-v-71e1eda4] {
  display: block;
  height: 120px;
  border-radius: 24px;
  background: linear-gradient(135deg, #f4f4f4, #e1e1e1);
}
.tech-placeholder[data-v-71e1eda4] {
  background: linear-gradient(135deg, #f5f5f5, #ddd);
}
.tech-placeholder--supply[data-v-71e1eda4] {
  width: 520px;
  height: 480px;
  border-radius: 32px 32px 0 0;
}
.supply-chain__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  max-width: 1180px;
  height: auto;
  border-radius: 32px 32px 0 0;
  margin: 74px auto 0;
}
.tech-placeholder--equipment[data-v-71e1eda4] {
  width: 100%;
  height: 360px;
}
.brand-resources-page[data-v-71e1eda4] {
  width: 100%;
  margin-top: 0;
}
.brand-resources-block--logos[data-v-71e1eda4] {
  background: #eee;
}
.brand-resources-block--alliances[data-v-71e1eda4] {
  padding: 48px 0;
  background: #fff;
}
.brand-resources-block--alliances .brand-resources__image[data-v-71e1eda4] {
  margin-top: 40px;
  width: 1200px;
}
.brand-resources-block--ads[data-v-71e1eda4] {
  padding: 48px 0;
  background: #f0f8f8;
}
.brand-resources__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
}
.brand-resources__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: var(--color-text);
}
.brand-resources__subtitle[data-v-71e1eda4] {
  margin: 20px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4375;
  text-align: center;
  color: var(--color-text);
}
.brand-resources__full-bleed[data-v-71e1eda4] {
  width: 100vw;
  margin-top: 18px;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
}
.brand-resources__placeholder[data-v-71e1eda4] {
  background: linear-gradient(135deg, #f2f2f2, #d9d9d9);
}
.brand-resources__placeholder--logos[data-v-71e1eda4] {
  width: 100%;
  height: 808px;
}
.brand-resources__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: auto;
}
.brand-resources__image--reset[data-v-71e1eda4],
.join-fee__image--reset[data-v-71e1eda4] {
  margin: 0;
}
.brand-resources__placeholder--alliances[data-v-71e1eda4] {
  width: 100%;
  height: 576px;
  margin-top: 54px;
}
.brand-resources-hero[data-v-71e1eda4] {
  padding: 48px 0;
  background: #f5f6f8;
}
.brand-advantage[data-v-71e1eda4] {
  padding: 48px 0;
  background: #fff;
}
.brand-advantage__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.brand-advantage__title[data-v-71e1eda4] {
  margin: 0 0 16px;
  font-size: 48px;
  font-weight: 800;
  text-align: center;
  letter-spacing: 2px;
  color: #1a1a2e;
}
.brand-advantage__subtitle[data-v-71e1eda4] {
  margin: 0 0 56px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  color: #6b7280;
  letter-spacing: 1px;
}
.brand-advantage__grid[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}
.brand-advantage__card[data-v-71e1eda4] {
  padding: 36px 32px;
  border-radius: 20px;
  background: #f0f1f5;
  border: 1px solid #e5e7eb;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.brand-advantage__card[data-v-71e1eda4]:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px #00000014;
  border-color: #0d843d4d;
}
.brand-advantage__card-title[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  font-size: 24px;
  font-weight: 700;
  color: #1a1a2e;
}
.brand-advantage__card-icon[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 700;
  background: var(--color-primary, #0d843d);
  color: #fff;
  flex-shrink: 0;
}
.brand-advantage__card-desc[data-v-71e1eda4] {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #6b7280;
}
.brand-tech-innovate[data-v-71e1eda4] {
  position: relative;
  padding: 70px 0 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.brand-tech-innovate__overlay[data-v-71e1eda4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #ffffffd9;
}
.brand-tech-innovate__inner[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.brand-tech-innovate__title[data-v-71e1eda4] {
  margin: 0 0 16px;
  font-size: 48px;
  font-weight: 800;
  text-align: center;
  color: #1a1a2e;
}
.brand-tech-innovate__subtitle[data-v-71e1eda4] {
  margin: 0 0 56px;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  color: #6b7280;
}
.brand-tech-innovate__grid[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.brand-tech-innovate__card[data-v-71e1eda4] {
  padding: 32px 28px;
  border-radius: 20px;
  background: #f0f1f5;
  border: 1px solid #e5e7eb;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}
.brand-tech-innovate__card[data-v-71e1eda4]:hover {
  transform: translateY(-6px);
  border-color: var(--color-primary-soft, rgba(13, 132, 61, 0.3));
  box-shadow: 0 8px 32px #0d843d14;
}
.brand-tech-innovate__card-title[data-v-71e1eda4] {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 700;
  color: var(--color-primary, #0d843d);
}
.brand-tech-innovate__card-desc[data-v-71e1eda4] {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #6b7280;
}
.brand-scale[data-v-71e1eda4] {
  padding: 48px 0;
  background: #f5f6f8;
}
.brand-scale__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.brand-scale__title[data-v-71e1eda4] {
  margin: 0 0 40px;
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  color: #1a1a2e;
}
.brand-scale__grid[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.brand-scale__card[data-v-71e1eda4] {
  padding: 32px 28px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 12px #0000000a;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.brand-scale__card[data-v-71e1eda4]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px #00000014;
}
.brand-scale__card-title[data-v-71e1eda4] {
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 700;
  color: #1a1a2e;
}
.brand-scale__card-desc[data-v-71e1eda4] {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #6b7280;
}
.brand-intro[data-v-71e1eda4] {
  padding: 0 0 40px;
}
.brand-intro__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.brand-intro__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: #1a1a2e;
}
.brand-intro__desc[data-v-71e1eda4] {
  max-width: 960px;
  margin: 32px auto 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.85;
  text-align: center;
  color: #6b7280;
}
.brand-stats[data-v-71e1eda4] {
  padding: 0 24px;
}
.brand-stats__grid[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.brand-stat[data-v-71e1eda4] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  padding: 40px 24px 36px;
  text-align: center;
  box-shadow: 0 2px 12px #0000000a;
  transition:
    background 0.3s,
    border-color 0.3s;
}
.brand-stat[data-v-71e1eda4]:hover {
  background: #f7f8fa;
  border-color: var(--color-primary, #0d843d);
}
.brand-stat__value[data-v-71e1eda4] {
  margin: 0;
  font-size: 52px;
  font-weight: 800;
  line-height: 1;
  color: var(--color-primary, #0d843d);
}
.brand-stat__label[data-v-71e1eda4] {
  margin: 16px 0 0;
  font-size: 18px;
  font-weight: 500;
  color: #6b7280;
}
.brand-timeline[data-v-71e1eda4] {
  position: relative;
  padding: 48px 0 0;
  background: #fff;
  overflow: hidden;
}
.brand-timeline__inner[data-v-71e1eda4] {
  position: relative;
  z-index: 2;
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px 120px;
}
.brand-timeline__title[data-v-71e1eda4] {
  margin: 0 0 64px;
  font-size: 48px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: #1a1a2e;
}
.brand-timeline__amp[data-v-71e1eda4] {
  color: #1a1a2e;
}
.brand-timeline__track[data-v-71e1eda4] {
  position: relative;
}
.brand-timeline__line[data-v-71e1eda4] {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(13, 132, 61, 0.2) 10%,
    rgba(13, 132, 61, 0.2) 90%,
    transparent 100%
  );
}
.brand-timeline__nodes[data-v-71e1eda4] {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.brand-timeline__node[data-v-71e1eda4] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 160px;
  text-align: center;
}
.brand-timeline__beam[data-v-71e1eda4] {
  width: 2px;
  height: 60px;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(13, 132, 61, 0.4) 100%
  );
  margin-bottom: 8px;
}
.brand-timeline__dot[data-v-71e1eda4] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--color-primary, #0d843d);
  box-shadow:
    0 0 16px #0d843d4d,
    0 0 32px #0d843d1a;
  margin-bottom: 16px;
}
.brand-timeline__card[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.brand-timeline__date[data-v-71e1eda4] {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--color-primary, #0d843d);
  line-height: 1.2;
}
.brand-timeline__event[data-v-71e1eda4] {
  margin: 4px 0 0;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a2e;
  line-height: 1.4;
}
.brand-timeline__desc[data-v-71e1eda4] {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.5;
  max-width: 140px;
}
.brand-timeline__mountains[data-v-71e1eda4] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 160px;
  z-index: 1;
  pointer-events: none;
}
.brand-timeline__mountain-svg[data-v-71e1eda4] {
  width: 100%;
  height: 100%;
  display: block;
}
.brand-slogan[data-v-71e1eda4] {
  position: relative;
  padding: 48px 0;
  background: #f5f6f8;
  overflow: hidden;
}
.brand-slogan__inner[data-v-71e1eda4] {
  position: relative;
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.brand-slogan__content[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
}
.brand-slogan__line1[data-v-71e1eda4] {
  margin: 0 0 16px;
  font-size: 52px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1.2;
  color: #1a1a2e;
}
.brand-slogan__space[data-v-71e1eda4] {
  display: inline-block;
  width: 24px;
}
.brand-slogan__line2[data-v-71e1eda4] {
  margin: 0 0 56px;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.3;
  color: #1a1a2e;
}
.brand-slogan__divider[data-v-71e1eda4] {
  display: inline-block;
  margin: 0 12px;
  color: var(--color-primary, #0d843d);
  font-weight: 300;
}
.brand-slogan__tags[data-v-71e1eda4] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 48px;
}
.brand-slogan__tag[data-v-71e1eda4] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 22px;
  font-weight: 500;
  color: #374151;
  letter-spacing: 2px;
}
.brand-slogan__tag-prefix[data-v-71e1eda4] {
  color: #9ca3af;
}
.brand-slogan__tag-highlight[data-v-71e1eda4] {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 8px;
  font-size: 24px;
  font-weight: 700;
  margin: 0 4px;
}
.brand-slogan__tag-highlight--tech[data-v-71e1eda4] {
  color: var(--color-primary, #0d843d);
  background: #0d843d14;
}
.brand-slogan__tag-highlight--look[data-v-71e1eda4] {
  color: #e11d48;
  background: #e11d4814;
}
.brand-slogan__tag-highlight--quality[data-v-71e1eda4] {
  color: #2563eb;
  background: #2563eb14;
}
.brand-slogan__tag-suffix[data-v-71e1eda4] {
  color: #374151;
}
.brand-tech[data-v-71e1eda4] {
  padding: 20px 0 100px;
  background: #fff;
}
.brand-tech__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.brand-tech__row[data-v-71e1eda4] {
  display: flex;
  gap: 24px;
}
.brand-tech__card[data-v-71e1eda4] {
  flex: 1;
  min-width: 0;
}
.brand-tech__title[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 24px;
  font-size: 36px;
  font-weight: 800;
  color: #1a1a2e;
}
.brand-tech__title-deco[data-v-71e1eda4] {
  display: inline-block;
  width: 6px;
  height: 36px;
  border-radius: 3px;
  background: var(--color-primary, #0d843d);
}
.brand-tech__tags[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.brand-tech__pair[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.brand-tech__tag[data-v-71e1eda4] {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 6px;
  background: #0d843d14;
  color: var(--color-primary, #0d843d);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.brand-tech__desc[data-v-71e1eda4] {
  font-size: 14px;
  color: #6b7280;
  white-space: nowrap;
}
.brand-look[data-v-71e1eda4] {
  position: relative;
  padding: 48px 0;
  background: #f5f6f8;
  overflow: hidden;
}
.brand-look__overlay[data-v-71e1eda4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00000026;
  z-index: 0;
}
.brand-look__inner[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.brand-look__card[data-v-71e1eda4] {
  padding: 40px 48px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
}
.brand-look__title[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 20px;
  font-size: 32px;
  font-weight: 800;
  color: #1a1a2e;
}
.brand-look__title-deco[data-v-71e1eda4] {
  display: inline-block;
  width: 6px;
  height: 32px;
  border-radius: 3px;
  background: var(--color-primary, #0d843d);
}
.brand-look__desc[data-v-71e1eda4] {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #6b7280;
  max-width: 720px;
}
.brand-look__specs[data-v-71e1eda4] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
}
.brand-look__spec[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.brand-look__spec-label[data-v-71e1eda4] {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a2e;
}
.brand-look__spec-value[data-v-71e1eda4] {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  background: #0d843d14;
  color: var(--color-primary, #0d843d);
  font-size: 14px;
  font-weight: 600;
}
.brand-hardware[data-v-71e1eda4] {
  position: relative;
  padding: 48px 0;
  background: #fff;
}
.brand-hardware__overlay[data-v-71e1eda4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
}
.brand-hardware__inner[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.brand-hardware__title[data-v-71e1eda4] {
  margin: 0 0 16px;
  font-size: 48px;
  font-weight: 800;
  text-align: center;
  color: #1a1a2e;
}
.brand-hardware__subtitle[data-v-71e1eda4] {
  margin: 0 auto 48px;
  max-width: 900px;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  color: #6b7280;
}
.brand-hardware__row[data-v-71e1eda4] {
  display: flex;
  gap: 24px;
}
.brand-hardware__card[data-v-71e1eda4] {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 32px 28px;
  border-radius: 20px;
  background: #f0f1f5;
  border: 1px solid #e5e7eb;
}
.brand-hardware__card-text[data-v-71e1eda4] {
  flex: 1;
}
.brand-hardware__card-title[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  font-size: 22px;
  font-weight: 700;
  color: #1a1a2e;
}
.brand-hardware__card-img[data-v-71e1eda4] {
  width: 96px;
  height: 96px;
  object-fit: contain;
  flex-shrink: 0;
}
.brand-hardware__card-deco[data-v-71e1eda4] {
  display: inline-block;
  width: 4px;
  height: 22px;
  border-radius: 2px;
  background: var(--color-primary, #0d843d);
}
.brand-hardware__card-desc[data-v-71e1eda4] {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.7;
  color: #6b7280;
}
.brand-hardware__card-desc[data-v-71e1eda4]:last-child {
  margin-bottom: 0;
}
.feature-grid[data-v-71e1eda4] {
  margin-top: 56px;
  display: grid;
  gap: 24px;
}
.feature-grid--three[data-v-71e1eda4] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.feature-card[data-v-71e1eda4] {
  min-height: 260px;
  padding: 34px 30px;
  border-radius: 28px;
  background: var(--color-primary, #0d843d);
  color: #fff;
  box-shadow: 0 8px 24px #0d843d26;
}
.feature-card--light[data-v-71e1eda4] {
  background: #f0f1f5;
  color: #1a1a2e;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 12px #0000000a;
}
.feature-card__index[data-v-71e1eda4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  background: #ffffff29;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2px;
}
.feature-card--light .feature-card__index[data-v-71e1eda4] {
  background: #0d843d1a;
  color: var(--color-primary);
}
.feature-card__title[data-v-71e1eda4] {
  margin: 22px 0 0;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.25;
}
.feature-card__desc[data-v-71e1eda4] {
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.8;
  color: inherit;
  opacity: 0.92;
}
.service-section--site-support[data-v-71e1eda4] {
  padding: 48px 0;
  background: #f5f6f8;
}
.service-section--design-support[data-v-71e1eda4] {
  padding: 78px 0 84px;
  background: #fff;
}
.service-section__inner--design-support[data-v-71e1eda4] {
  width: min(100%, 1320px);
}
.design-support__header[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.design-support__title[data-v-71e1eda4] {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #333;
}
.design-support__subtitle[data-v-71e1eda4] {
  margin: 17px 0 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3125;
  text-align: center;
  color: #333;
}
.design-support__grid[data-v-71e1eda4] {
  margin: 60px auto 0;
  display: grid;
  grid-template-columns: repeat(3, 384px);
  justify-content: center;
  gap: 24px;
}
.design-support-card[data-v-71e1eda4] {
  min-width: 0;
}
.design-support-card__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: auto;
}
.site-support__intro[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.site-support__title[data-v-71e1eda4] {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.18;
  color: #1a1a2e;
  text-align: center;
}
.site-support__subtitle[data-v-71e1eda4] {
  max-width: 960px;
  margin: 24px auto 0;
  font-size: 18px;
  line-height: 1.8;
  text-align: center;
  color: #6b7280;
}
.site-support[data-v-71e1eda4] {
  margin-top: 72px;
}
.site-support__metrics[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 88px;
}
.site-support__metric[data-v-71e1eda4] {
  text-align: center;
}
.site-support__metric-value[data-v-71e1eda4] {
  display: inline-flex;
  align-items: flex-end;
  gap: 10px;
  color: var(--color-primary, #0d843d);
}
.site-support__metric-value strong[data-v-71e1eda4] {
  display: block;
  font-size: 80px;
  line-height: 0.9;
  font-weight: 800;
}
.site-support__metric-value span[data-v-71e1eda4] {
  display: block;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
  color: #6b7280;
}
.site-support__metric p[data-v-71e1eda4] {
  margin: 12px 0 0;
  font-size: 20px;
  line-height: 1.4;
  color: #9ca3af;
}
.site-support__panel[data-v-71e1eda4] {
  margin-top: 60px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 24px;
}
.site-support-card[data-v-71e1eda4] {
  min-width: 0;
  position: relative;
  padding: 24px 24px 28px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 12px #0000000a;
  overflow: hidden;
}
.site-support-card__badge[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
  width: 60px;
  height: 60px;
}
.site-support-card__badge-icon[data-v-71e1eda4] {
  display: block;
  width: 60px;
  height: 60px;
  max-width: 60px;
  object-fit: contain;
}
.site-support-card__title[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
  margin: 20px 0 0;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 33.6px;
  color: #1a1a2e;
}
.site-support-card__desc[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
  margin: 14px 0 0;
  min-height: 96px;
  font-size: 16px;
  line-height: 1.75;
  color: #6b7280;
}
.site-support-card__list[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}
.site-support-card__list li[data-v-71e1eda4] {
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  line-height: 1.55;
  color: #6b7280;
}
.site-support-card__list li[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url(/images/brand-service/site-support/landing-icon.png) center /
    contain no-repeat;
}
.site-support-card__visual[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  margin-top: 26px;
  height: 160px;
  opacity: 1;
  border-radius: 16px;
  background: #ffffff0f;
}
.site-support-block[data-v-71e1eda4] {
  margin-top: 80px;
  width: 100vw;
  margin-left: auto;
  margin-right: auto;
}
.site-support-block[data-v-71e1eda4]:first-of-type {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 40px 0;
  background: #ffffff05;
}
.site-support-block:first-of-type
  .operations-guide-block__heading[data-v-71e1eda4] {
  width: min(100vw - 48px, 1200px);
  margin-left: auto;
  margin-right: auto;
}
.site-support-block--contract[data-v-71e1eda4] {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 0;
  padding: 48px 0;
  background: #fff;
}
.contract-risk-grid[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  width: min(100% - 48px, 1200px);
  margin: 0 auto;
}
.contract-risk-card[data-v-71e1eda4] {
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 12px #0000000a;
  border-radius: 20px;
  padding: 36px 32px;
}
.contract-risk-card__title[data-v-71e1eda4] {
  font-size: 22px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0;
}
.contract-risk-divider[data-v-71e1eda4] {
  height: 1px;
  background: #0d843d1f;
  margin: 20px 0;
}
.contract-risk-rows[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.contract-risk-row[data-v-71e1eda4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.contract-risk-label[data-v-71e1eda4] {
  font-size: 15px;
  color: #6b7280;
  flex-shrink: 0;
}
.contract-risk-value[data-v-71e1eda4] {
  font-size: 15px;
  color: #1a1a2e;
  font-weight: 500;
  text-align: right;
}
.contract-risk-tags[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.contract-risk-tag[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #0d843d0f;
  border-radius: 12px;
  font-size: 14px;
  color: #374151;
}
.contract-risk-tag__dot[data-v-71e1eda4] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-primary, #0d843d);
  flex-shrink: 0;
}
@media (max-width: 960px) {
  .contract-risk-grid[data-v-71e1eda4] {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .contract-risk-card[data-v-71e1eda4] {
    padding: 28px 24px;
  }
  .contract-risk-tags[data-v-71e1eda4] {
    grid-template-columns: 1fr;
  }
  .contract-risk-row[data-v-71e1eda4] {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .contract-risk-value[data-v-71e1eda4] {
    text-align: left;
  }
}
.site-support-block--mint[data-v-71e1eda4] {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 0;
  padding: 48px 0;
  background: #f0f8f8;
}
.site-support-block--mint .operations-guide-block__heading[data-v-71e1eda4],
.site-support-block--mint .site-support__full-image[data-v-71e1eda4] {
  width: min(100vw - 48px, 1200px);
  margin-left: auto;
  margin-right: auto;
}
.site-support__full-image[data-v-71e1eda4] {
  display: block;
  margin-top: 56px;
  width: 100%;
  height: auto;
  border-radius: 24px;
}
.site-support-cycle[data-v-71e1eda4] {
  width: min(1200px, calc(100vw - 48px));
  margin: 40px auto 0;
}
.site-support-cycle__steps[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.site-support-cycle__card[data-v-71e1eda4] {
  min-height: 236px;
  padding: 28px 24px 24px;
  border: 1px solid #e5e7eb;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.site-support-cycle__badge[data-v-71e1eda4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--color-primary, #0d843d);
  color: #fff;
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 1px;
}
.site-support-cycle__title[data-v-71e1eda4] {
  margin: 28px 0 0;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.3;
  color: #1a1a2e;
}
.site-support-cycle__desc[data-v-71e1eda4] {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.75;
  color: #6b7280;
}
.site-support-direction[data-v-71e1eda4] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr);
  gap: 20px;
}
.site-support-direction__panel[data-v-71e1eda4] {
  min-width: 0;
  padding: 40px 30px;
  border-radius: 24px;
  border: 1px solid transparent;
}
.site-support-direction__panel--priority[data-v-71e1eda4] {
  background: #4ef08a0f;
  border-color: #4ef08a40;
}
.site-support-direction__panel--caution[data-v-71e1eda4] {
  background: #ec9b480f;
  border-color: #ec9b484d;
}
.site-support-direction__heading[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.site-support-direction__heading h3[data-v-71e1eda4] {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
  color: #1a1a2e;
}
.site-support-direction__icon[data-v-71e1eda4] {
  position: relative;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
}
.site-support-direction__icon-image[data-v-71e1eda4] {
  display: block;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
}
.site-support-direction__icon--pin[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50% 50% 50% 0;
  background: #17a653;
  transform: rotate(-45deg);
}
.site-support-direction__icon--pin[data-v-71e1eda4]:after {
  content: "";
  position: absolute;
  left: 11px;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}
.site-support-direction__icon--alert[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 22px solid #ec9b48;
}
.site-support-direction__icon--alert[data-v-71e1eda4]:after {
  content: "!";
  position: absolute;
  left: 11px;
  top: 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}
.site-support-direction__list[data-v-71e1eda4] {
  margin-top: 24px;
  display: grid;
  gap: 22px;
}
.site-support-direction__item[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}
.site-support-direction__marker[data-v-71e1eda4] {
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: 4px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.site-support-direction__marker[data-v-71e1eda4]:before,
.site-support-direction__marker[data-v-71e1eda4]:after {
  content: "";
  position: absolute;
}
.site-support-direction__marker--positive[data-v-71e1eda4] {
  background: url(/images/brand-service/check-marker.svg) center / contain
    no-repeat;
}
.site-support-direction__marker--caution[data-v-71e1eda4] {
  background: #f0a14d;
}
.site-support-direction__marker--caution[data-v-71e1eda4]:before {
  left: 8px;
  top: 4px;
  width: 2px;
  height: 7px;
  background: #fff;
}
.site-support-direction__marker--caution[data-v-71e1eda4]:after {
  left: 8px;
  bottom: 3px;
  width: 2px;
  height: 2px;
  background: #fff;
}
.site-support-direction__item h4[data-v-71e1eda4],
.site-support-direction__item p[data-v-71e1eda4] {
  margin: 0;
}
.site-support-direction__item h4[data-v-71e1eda4] {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #1a1a2e;
}
.site-support-direction__item p[data-v-71e1eda4] {
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.8;
  color: #6b7280;
}
.site-support-direction__inline[data-v-71e1eda4] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.site-support-direction__inline p[data-v-71e1eda4] {
  margin-top: 0;
}
.site-support-direction__hint[data-v-71e1eda4] {
  margin: 24px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: #ff8a6a;
}
.service-section--operations-guide[data-v-71e1eda4] {
  padding: 0;
  background: #f5f6f8;
}
.service-section__inner--operations-guide[data-v-71e1eda4] {
  width: min(100%, 1440px);
  padding: 0;
}
.operations-guide[data-v-71e1eda4] {
  width: 100%;
}
.operations-guide-block[data-v-71e1eda4] {
  padding: 40px 0;
}
.operations-guide-block--talent[data-v-71e1eda4] {
  margin-top: 40px;
}
.operations-guide-block--matrix[data-v-71e1eda4] {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 40px;
  padding: 40px 0;
  background: #fff;
}
.operations-guide-block__heading[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.operations-guide-block__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  line-height: 1.15;
  color: #1a1a2e;
}
.operations-guide-block__subtitle[data-v-71e1eda4] {
  margin: 0;
  font-size: 18px;
  line-height: 1.8;
  color: #6b7280;
}
.operations-guide-overview[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 88px auto 0;
  padding: 0 24px;
}
.operations-guide-overview__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: auto;
}
.operations-guide-overview__copy[data-v-71e1eda4] {
  padding: 24px 30px 34px;
}
.operations-guide-overview__copy h3[data-v-71e1eda4] {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.5;
  color: var(--color-primary, #0d843d);
}
.operations-guide-overview__copy p[data-v-71e1eda4] {
  margin: 6px 0 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.5;
  color: #374151;
}
.operations-placeholder[data-v-71e1eda4] {
  border-radius: 28px;
  background: linear-gradient(135deg, #4ef08a14, #22c55e0a);
  border: 1px solid rgba(78, 240, 138, 0.12);
}
.operations-placeholder--overview[data-v-71e1eda4] {
  height: 272px;
  border: 1px solid rgba(78, 240, 138, 0.2);
  border-radius: 24px;
}
.operations-talent[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 88px auto 0;
  padding: 0 24px;
}
.operations-talent__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: auto;
}
.operations-talent__arrow[data-v-71e1eda4],
.operations-matrix-row__arrow[data-v-71e1eda4] {
  position: relative;
  width: 100%;
  height: 24px;
}
.operations-talent__arrow[data-v-71e1eda4]:before,
.operations-matrix-row__arrow[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  left: 0;
  right: 18px;
  top: 50%;
  height: 8px;
  transform: translateY(-50%);
  background: #4ef08a4d;
}
.operations-talent__arrow[data-v-71e1eda4]:after,
.operations-matrix-row__arrow[data-v-71e1eda4]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid rgba(78, 240, 138, 0.3);
}
.operations-matrix[data-v-71e1eda4] {
  width: min(100%, 980px);
  margin: 72px auto 0;
  padding: 0 24px;
}
.operations-matrix--mobile[data-v-71e1eda4] {
  display: none;
}
.operations-matrix__tabs[data-v-71e1eda4] {
  width: min(100%, 660px);
  margin: 0 auto;
  padding: 6px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  border-radius: 999px;
  background: #ffffff0f;
  box-shadow: inset 0 0 0 1px #0d843d1f;
}
.operations-matrix__tab[data-v-71e1eda4] {
  height: 56px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  color: #6b7280;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s;
}
.operations-matrix__tab.is-active[data-v-71e1eda4] {
  background: var(--color-primary, #0d843d);
  color: #fff;
}
.operations-matrix__content[data-v-71e1eda4] {
  margin-top: 82px;
  display: flex;
  justify-content: center;
}
.operations-matrix__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  max-width: 980px;
  height: auto;
}
.service-section__inner--results[data-v-71e1eda4] {
  padding-top: 0;
  padding-bottom: 0;
}
.service-section--operations-results-reset[data-v-71e1eda4] {
  margin: 0;
  padding: 0;
  background: #fff;
}
.service-section--operations-results-reset
  .brand-resources-block--logos[data-v-71e1eda4] {
  background: transparent;
}
.service-section--operations-results-reset
  .brand-resources__image--reset[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0;
}
.operations-results-panel + .operations-results-panel[data-v-71e1eda4] {
  margin-top: 132px;
}
.operations-results-panel__heading[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.operations-results-panel__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 60px;
  line-height: 1.2;
  font-weight: 800;
  color: #1a1a2e;
  text-align: center;
}
.operations-results-panel__subtitle[data-v-71e1eda4] {
  margin: 24px 0 0;
  font-size: 18px;
  line-height: 1.4;
  color: #fff9;
  text-align: center;
}
.operations-results-visual[data-v-71e1eda4] {
  display: block;
  margin: 60px auto 0;
  width: 100%;
  height: auto;
  border-radius: 34px;
  box-shadow:
    inset 0 0 0 1px #11182714,
    0 20px 40px #0f172a14;
}
.operations-results-visual--report[data-v-71e1eda4] {
  max-width: 1190px;
  min-height: 550px;
}
.operations-results-visual--campaigns[data-v-71e1eda4] {
  max-width: 1190px;
  min-height: 680px;
}
.operations-results-visual__placeholder[data-v-71e1eda4] {
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px;
  background: linear-gradient(135deg, #4ef08a0f, #22c55e05);
  border: 1px solid rgba(78, 240, 138, 0.1);
}
.operations-results-visual__placeholder span[data-v-71e1eda4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 280px;
  min-height: 84px;
  padding: 18px 28px;
  border-radius: 999px;
  background: #4ef08a1a;
  color: #ffffffb3;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1px;
}
.join-flow__image[data-v-71e1eda4] {
  display: block;
  margin-top: 56px;
  width: 100%;
  height: auto;
}
.join-fee-page[data-v-71e1eda4] {
  width: 100%;
  padding: 48px 0;
  background: #f5f6f8;
}
.join-fee__image[data-v-71e1eda4] {
  display: block;
  width: 100%;
  height: auto;
}
.join-fee-page--reset[data-v-71e1eda4] {
  padding-top: 0;
  padding-bottom: 0;
}
.join-fee-free[data-v-71e1eda4] {
  padding: 48px 0;
  background: transparent;
}
.join-fee-free__inner[data-v-71e1eda4] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.join-fee-free__title[data-v-71e1eda4] {
  margin: 0 0 12px;
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  color: #1a1a2e;
}
.join-fee-free__subtitle[data-v-71e1eda4] {
  margin: 0 0 48px;
  font-size: 16px;
  text-align: center;
  color: #6b7280;
}
.join-fee-free__grid[data-v-71e1eda4] {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.join-fee-free__card[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 220px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
  transition: all 0.3s ease;
}
.join-fee-free__card[data-v-71e1eda4]:hover {
  border-color: var(--color-primary, #0d843d);
  box-shadow: 0 8px 24px #0d843d1a;
  transform: translateY(-4px);
}
.join-fee-free__label[data-v-71e1eda4] {
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 16px;
}
.join-fee-free__zero[data-v-71e1eda4] {
  font-size: 96px;
  font-weight: 800;
  background: var(--color-primary, #0d843d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
}
.join-fee-model[data-v-71e1eda4] {
  padding: 48px 0;
  background: transparent;
}
.join-fee-model__inner[data-v-71e1eda4] {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
}
.join-fee-model__title[data-v-71e1eda4] {
  margin: 0 0 8px;
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  color: #1a1a2e;
}
.join-fee-model__title-space[data-v-71e1eda4] {
  display: inline-block;
  width: 12px;
}
.join-fee-model__subtitle[data-v-71e1eda4] {
  margin: 0 0 40px;
  font-size: 18px;
  text-align: center;
  color: #6b7280;
}
.join-fee-model__section-title[data-v-71e1eda4] {
  margin: 60px 0 32px;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #1a1a2e;
}
.join-fee-table-wrap[data-v-71e1eda4] {
  margin-bottom: 40px;
}
.join-fee-table[data-v-71e1eda4] {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px #0000000a;
}
.join-fee-table thead th[data-v-71e1eda4] {
  padding: 16px 12px;
  background: var(--color-primary, #0d843d);
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.join-fee-table tbody td[data-v-71e1eda4] {
  padding: 12px;
  border: 1px solid #e5e7eb;
  text-align: center;
  color: #374151;
}
.join-fee-table tbody tr[data-v-71e1eda4]:nth-child(2n) {
  background: #f7f8fa;
}
.join-fee-table tbody tr[data-v-71e1eda4]:hover {
  background: #0d843d0a;
}
.join-fee-table__category[data-v-71e1eda4] {
  font-weight: 600;
  color: #1a1a2e;
  background: #f0f1f5;
}
.join-fee-table__amount[data-v-71e1eda4] {
  color: var(--color-primary, #0d843d);
  font-weight: 600;
}
.join-fee-table__note[data-v-71e1eda4] {
  color: #9ca3af;
  font-size: 14px;
}
.join-fee-table__note-small[data-v-71e1eda4] {
  color: #9ca3af;
  font-size: 13px;
  line-height: 1.6;
  text-align: left;
}
.brand-qa-page[data-v-71e1eda4] {
  padding: 48px 0;
  background: #fff;
}
.brand-qa__inner[data-v-71e1eda4] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.brand-qa__header[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand-qa__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 42px;
  font-weight: 800;
  text-align: center;
  color: #1a1a2e;
}
.brand-qa__subtitle[data-v-71e1eda4] {
  margin-top: 20px;
  max-width: 800px;
  font-size: 16px;
  line-height: 1.7;
  text-align: center;
  color: #6b7280;
}
.brand-qa__list[data-v-71e1eda4] {
  margin-top: 64px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.brand-qa__item[data-v-71e1eda4] {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
  transition:
    border-color 0.3s,
    box-shadow 0.3s;
}
.brand-qa__item[open][data-v-71e1eda4] {
  border-color: var(--color-primary-soft, rgba(13, 132, 61, 0.3));
  box-shadow: 0 4px 24px #0d843d14;
}
.brand-qa__question[data-v-71e1eda4] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 28px;
  cursor: pointer;
  list-style: none;
}
.brand-qa__question[data-v-71e1eda4]::-webkit-details-marker {
  display: none;
}
.brand-qa__question[data-v-71e1eda4]::marker {
  display: none;
  content: "";
}
.brand-qa__q-num[data-v-71e1eda4] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--color-primary, #0d843d);
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.brand-qa__q-text[data-v-71e1eda4] {
  flex: 1;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.6;
  color: #1a1a2e;
  padding-top: 5px;
}
.brand-qa__q-icon[data-v-71e1eda4] {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-top: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E");
  background-size: contain;
  transition: transform 0.3s;
}
.brand-qa__item[open] .brand-qa__q-icon[data-v-71e1eda4] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d843d'%3E%3Cpath d='M19 13H5v-2h14v2z'/%3E%3C/svg%3E");
}
.brand-qa__answer[data-v-71e1eda4] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 0 28px 28px;
}
.brand-qa__a-label[data-v-71e1eda4] {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #0d843d14;
  font-size: 14px;
  font-weight: 700;
  color: var(--color-primary, #0d843d);
}
.brand-qa__a-text[data-v-71e1eda4] {
  flex: 1;
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #6b7280;
  padding-top: 5px;
}
.join-fee-table__total[data-v-71e1eda4] {
  background: var(--color-primary, #0d843d) !important;
}
.join-fee-table__total td[data-v-71e1eda4] {
  color: var(--color-primary, #0d843d) !important;
  font-weight: 700;
  border-color: #0d843d26;
}
.join-fee-table__disclaimer[data-v-71e1eda4] {
  margin: 12px 0 0;
  font-size: 12px;
  color: #9ca3af;
  text-align: center;
}
.join-flow-page[data-v-71e1eda4] {
  width: 100%;
  background: #f5f6f8;
}
.join-flow-hero[data-v-71e1eda4] {
  padding: 48px 0 32px;
}
.join-flow-hero__inner[data-v-71e1eda4] {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}
.join-flow-hero__title[data-v-71e1eda4] {
  margin: 0 0 16px;
  font-size: 48px;
  font-weight: 800;
  letter-spacing: 2px;
  color: #1a1a2e;
}
.join-flow-hero__subtitle[data-v-71e1eda4] {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #6b7280;
}
.join-flow-steps[data-v-71e1eda4] {
  padding: 40px 0 80px;
}
.join-flow-steps__inner[data-v-71e1eda4] {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
}
.join-flow-steps__inner[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, #0d843d40, #0d843d14, #0d843d40);
  transform: translate(-50%);
}
.join-flow-step[data-v-71e1eda4] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 32px;
  margin-bottom: 56px;
  padding-left: calc(50% + 28px);
}
.join-flow-step--alt[data-v-71e1eda4] {
  flex-direction: row-reverse;
  padding-left: 0;
  padding-right: calc(50% + 28px);
  text-align: right;
}
.join-flow-step__number[data-v-71e1eda4] {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  background: var(--color-primary, #0d843d);
  border-radius: 50%;
  transform: translate(-50%);
  z-index: 2;
  box-shadow:
    0 0 0 4px #f5f6f8,
    0 0 20px #0d843d26;
}
.join-flow-step__content[data-v-71e1eda4] {
  flex: 1;
  padding: 28px 32px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
  transition: all 0.3s ease;
}
.join-flow-step__content[data-v-71e1eda4]:hover {
  border-color: var(--color-primary, #0d843d);
  box-shadow: 0 8px 32px #0d843d1a;
  transform: translateY(-2px);
}
.join-flow-step__title[data-v-71e1eda4] {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 700;
  color: var(--color-primary, #0d843d);
}
.join-flow-step__desc[data-v-71e1eda4] {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.7;
  color: #6b7280;
}
.join-flow-step__list[data-v-71e1eda4] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.join-flow-step__list li[data-v-71e1eda4] {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.6;
  color: #4b5563;
}
.join-flow-step--alt .join-flow-step__list li[data-v-71e1eda4] {
  padding-left: 0;
  padding-right: 20px;
}
.join-flow-step__list li[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-primary, #0d843d);
}
.join-flow-step--alt .join-flow-step__list li[data-v-71e1eda4]:before {
  left: auto;
  right: 0;
}
.join-flow-step__icon[data-v-71e1eda4] {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d843d66;
  margin-top: 20px;
}
.join-flow-step__icon svg[data-v-71e1eda4] {
  width: 100%;
  height: 100%;
}
.join-flow-support[data-v-71e1eda4] {
  padding: 40px 0 100px;
}
.join-flow-support__inner[data-v-71e1eda4] {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}
.join-flow-support__title[data-v-71e1eda4] {
  margin: 0 0 40px;
  font-size: 36px;
  font-weight: 800;
  text-align: center;
  color: #1a1a2e;
}
.join-flow-support__grid[data-v-71e1eda4] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.join-flow-support__card[data-v-71e1eda4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 36px 20px;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
  transition: all 0.3s ease;
}
.join-flow-support__card[data-v-71e1eda4]:hover {
  border-color: var(--color-primary, #0d843d);
  box-shadow: 0 8px 32px #0d843d1a;
  transform: translateY(-4px);
}
.join-flow-support__card-icon[data-v-71e1eda4] {
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  color: var(--color-primary, #0d843d);
}
.join-flow-support__card-icon svg[data-v-71e1eda4] {
  width: 100%;
  height: 100%;
}
.join-flow-support__card-title[data-v-71e1eda4] {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
}
.join-flow-support__card-desc[data-v-71e1eda4] {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #6b7280;
}
@media (max-width: 768px) {
  .service-hero[data-v-71e1eda4] {
    height: min(56vw, 320px);
  }
  .service-hero__sound-btn[data-v-71e1eda4] {
    bottom: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
  }
  .join-flow-hero[data-v-71e1eda4] {
    padding: 28px 0 24px;
  }
  .join-flow-hero__title[data-v-71e1eda4] {
    font-size: 22px;
    letter-spacing: 1px;
  }
  .join-flow-hero__subtitle[data-v-71e1eda4] {
    font-size: 15px;
  }
  .join-flow-steps[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .join-flow-steps__inner[data-v-71e1eda4]:before {
    left: 28px;
  }
  .join-flow-step[data-v-71e1eda4],
  .join-flow-step--alt[data-v-71e1eda4] {
    flex-direction: column;
    padding-left: 56px;
    padding-right: 0;
    text-align: left;
  }
  .join-flow-step__number[data-v-71e1eda4] {
    left: 28px;
    width: 44px;
    height: 44px;
    font-size: 16px;
  }
  .join-flow-step__content[data-v-71e1eda4] {
    padding: 20px;
  }
  .join-flow-step__title[data-v-71e1eda4] {
    font-size: 18px;
  }
  .join-flow-step__desc[data-v-71e1eda4] {
    font-size: 14px;
  }
  .join-flow-step--alt .join-flow-step__list li[data-v-71e1eda4] {
    padding-left: 20px;
    padding-right: 0;
  }
  .join-flow-step--alt .join-flow-step__list li[data-v-71e1eda4]:before {
    left: 0;
    right: auto;
  }
  .join-flow-step__icon[data-v-71e1eda4] {
    display: none;
  }
  .join-flow-support[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .join-flow-support__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .join-flow-support__grid[data-v-71e1eda4] {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .join-flow-support__card[data-v-71e1eda4] {
    padding: 24px 12px;
  }
  .join-flow-support__card-title[data-v-71e1eda4] {
    font-size: 15px;
  }
  .join-flow-support__card-desc[data-v-71e1eda4] {
    font-size: 12px;
  }
}
@media (max-width: 480px) {
  .join-flow-support__grid[data-v-71e1eda4] {
    grid-template-columns: 1fr;
  }
}
.agent-benefits[data-v-71e1eda4] {
  margin-top: 58px;
}
.agent-benefits__panel[data-v-71e1eda4] {
  position: relative;
  padding: 98px 44px 82px;
  border-radius: 32px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% -6%, #ffffff4d, #fff0 30%),
    linear-gradient(180deg, #47db72, #2fc761);
  box-shadow: 0 26px 48px #17613429;
}
.agent-benefits__panel[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.08) 0,
      rgba(255, 255, 255, 0.08) 1px,
      transparent 1px,
      transparent 32px
    ),
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.06) 0,
      rgba(255, 255, 255, 0.06) 1px,
      transparent 1px,
      transparent 32px
    );
  opacity: 0.55;
}
.agent-benefits__panel[data-v-71e1eda4]:after {
  content: "";
  position: absolute;
  left: 36px;
  right: 36px;
  bottom: 46px;
  height: 64px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.78);
  border-radius: 999px;
  opacity: 0.9;
}
.agent-benefits__grid[data-v-71e1eda4] {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.agent-benefit-card[data-v-71e1eda4] {
  position: relative;
  min-height: 148px;
  padding: 28px 24px 26px;
  border-radius: 18px;
  background: #fffffff0;
  box-shadow: 0 18px 28px #0d582a1f;
}
.agent-benefit-card__quote[data-v-71e1eda4] {
  position: absolute;
  top: 14px;
  right: 16px;
  color: #2cd0678c;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}
.agent-benefit-card__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-benefit-card__desc[data-v-71e1eda4] {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--color-text-secondary);
}
.agent-revenue-grid[data-v-71e1eda4] {
  margin-top: 56px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.agent-revenue-card[data-v-71e1eda4] {
  min-height: 208px;
  padding: 28px 24px 26px;
  border-radius: 22px;
  background: linear-gradient(180deg, #fff, #f7f8fd);
  border: 1px solid rgba(35, 55, 80, 0.06);
  box-shadow: 0 18px 36px #2d395a14;
}
.agent-revenue-card__head[data-v-71e1eda4] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.agent-revenue-card__title[data-v-71e1eda4] {
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-revenue-card__icon[data-v-71e1eda4] {
  position: relative;
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 10px;
}
.agent-revenue-card__icon[data-v-71e1eda4]:before,
.agent-revenue-card__icon[data-v-71e1eda4]:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.agent-revenue-card__icon[data-v-71e1eda4]:before {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 5px;
}
.agent-revenue-card__icon[data-v-71e1eda4]:after {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
}
.agent-revenue-card__icon--blue[data-v-71e1eda4] {
  background: #6b8eff29;
  color: #6f8dff;
}
.agent-revenue-card__icon--orange[data-v-71e1eda4] {
  background: #ffb44c2e;
  color: #ffaf43;
}
.agent-revenue-card__icon--green[data-v-71e1eda4] {
  background: #46d6812e;
  color: #35c76d;
}
.agent-revenue-card__icon--cyan[data-v-71e1eda4] {
  background: #4ed2d12e;
  color: #1bc0b5;
}
.agent-revenue-card__icon--pink[data-v-71e1eda4] {
  background: #ff7ec029;
  color: #ef64b6;
}
.agent-revenue-card__icon--violet[data-v-71e1eda4] {
  background: #bb8aff2e;
  color: #b675ff;
}
.agent-revenue-card__desc[data-v-71e1eda4] {
  margin: 34px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--color-text-secondary);
}
.agent-roles[data-v-71e1eda4] {
  position: relative;
  margin-top: 54px;
  padding-top: 40px;
}
.agent-roles[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  inset: 0 24px auto;
  height: 156px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 14% 0, #ffffff2e, #fff0 24%),
    linear-gradient(180deg, #4be073, #32cb63);
  box-shadow: 0 20px 40px #1672381f;
}
.agent-roles[data-v-71e1eda4]:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 34px;
  width: 78px;
  height: 58px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.12) 0 50%,
    transparent 50% 100%
  );
  opacity: 0.75;
}
.agent-roles__grid[data-v-71e1eda4] {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.agent-role-card[data-v-71e1eda4] {
  min-height: 168px;
  padding: 28px 22px 24px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 32px #1e47331a;
}
.agent-role-card__icon[data-v-71e1eda4] {
  display: inline-flex;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  position: relative;
}
.agent-role-card__icon[data-v-71e1eda4]:before,
.agent-role-card__icon[data-v-71e1eda4]:after {
  content: "";
  position: absolute;
}
.agent-role-card__icon[data-v-71e1eda4]:before {
  left: 9px;
  top: 8px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  border: 2px solid currentColor;
}
.agent-role-card__icon[data-v-71e1eda4]:after {
  left: 13px;
  bottom: 6px;
  width: 10px;
  height: 7px;
  border-radius: 999px 999px 4px 4px;
  background: currentColor;
}
.agent-role-card__icon--emerald[data-v-71e1eda4] {
  background: #47e07d29;
  color: #2ec661;
}
.agent-role-card__icon--mint[data-v-71e1eda4] {
  background: #5ee1ab2e;
  color: #25bf82;
}
.agent-role-card__icon--lime[data-v-71e1eda4] {
  background: #95e05229;
  color: #63b931;
}
.agent-role-card__icon--teal[data-v-71e1eda4] {
  background: #56d0ba2e;
  color: #17a78d;
}
.agent-role-card__title[data-v-71e1eda4] {
  margin: 20px 0 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-role-card__desc[data-v-71e1eda4] {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.8;
  color: var(--color-text-secondary);
}
.agent-requirements[data-v-71e1eda4] {
  margin-top: 92px;
  padding: 92px 0 106px;
  background: linear-gradient(180deg, #edf8fb, #f7fbfd);
}
.agent-conditions[data-v-71e1eda4] {
  margin-top: 54px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 36px #224e6614;
}
.agent-condition-card[data-v-71e1eda4] {
  min-height: 242px;
  padding: 34px 26px 32px;
}
.agent-condition-card + .agent-condition-card[data-v-71e1eda4] {
  border-left: 1px solid rgba(23, 75, 101, 0.08);
}
.agent-condition-card__head[data-v-71e1eda4] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.agent-condition-card__index[data-v-71e1eda4] {
  font-size: 58px;
  font-weight: 800;
  line-height: 1;
  color: #34be63;
}
.agent-condition-card__line[data-v-71e1eda4] {
  flex: 1;
  height: 0;
  border-top: 1px dashed rgba(52, 190, 99, 0.62);
}
.agent-condition-card__title[data-v-71e1eda4] {
  margin: 16px 0 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-condition-card__desc[data-v-71e1eda4] {
  margin: 16px 0 0;
  font-size: 15px;
  line-height: 1.8;
  color: var(--color-text-secondary);
}
.agent-flow[data-v-71e1eda4] {
  margin-top: 72px;
}
.agent-flow__steps[data-v-71e1eda4] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.agent-flow__step[data-v-71e1eda4] {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 26px;
  background: linear-gradient(180deg, #18b65c, #109549);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  clip-path: polygon(
    18px 0,
    calc(100% - 18px) 0,
    100% 50%,
    calc(100% - 18px) 100%,
    18px 100%,
    0 50%
  );
}
.agent-flow__step.is-first[data-v-71e1eda4] {
  clip-path: polygon(
    0 0,
    calc(100% - 18px) 0,
    100% 50%,
    calc(100% - 18px) 100%,
    0 100%
  );
  padding-left: 18px;
}
.agent-flow__step.is-last[data-v-71e1eda4] {
  clip-path: polygon(18px 0, 100% 0, 100% 100%, 18px 100%, 0 50%);
  padding-right: 18px;
}
.agent-showcase[data-v-71e1eda4] {
  margin-top: 54px;
  display: grid;
  grid-template-columns: 332px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}
.agent-showcase__poster[data-v-71e1eda4] {
  position: relative;
  min-height: 330px;
  padding: 14px;
  border-radius: 24px;
  background: linear-gradient(180deg, #33d469, #16a64f);
  overflow: hidden;
}
.agent-showcase__poster[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    linear-gradient(180deg, #ffffff1a 0, #fff0 36%),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.06) 0,
      rgba(255, 255, 255, 0.06) 1px,
      transparent 1px,
      transparent 24px
    );
  opacity: 0.7;
}
.agent-showcase__poster-placeholder[data-v-71e1eda4] {
  position: absolute;
  top: 14px;
  right: 14px;
  bottom: 14px;
  left: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, #d9dee4, #bdc5cf);
  box-shadow: inset 0 0 0 1px #ffffff6b;
}
.agent-showcase__poster-label[data-v-71e1eda4] {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-shadow: 0 6px 12px rgba(0, 0, 0, 0.14);
}
.agent-showcase__story[data-v-71e1eda4] {
  padding: 32px 34px;
  border-radius: 24px;
  background: linear-gradient(180deg, #f4f7ff, #fff);
  box-shadow: 0 18px 34px #2e3f6814;
}
.agent-showcase__tag[data-v-71e1eda4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 82px;
  height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  background: #28c4601f;
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 700;
}
.agent-showcase__story-list[data-v-71e1eda4] {
  margin-top: 16px;
  display: grid;
  gap: 24px;
}
.agent-showcase__story-item[data-v-71e1eda4] {
  position: relative;
  padding-left: 18px;
}
.agent-showcase__story-item[data-v-71e1eda4]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #19b158;
  box-shadow: 0 0 0 5px #19b1581f;
}
.agent-showcase__story-title[data-v-71e1eda4] {
  margin: 0;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.35;
  color: var(--color-text);
}
.agent-showcase__story-desc[data-v-71e1eda4] {
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.85;
  color: var(--color-text-secondary);
}
@media (max-width: 1200px) {
  .brand-switcher__inner[data-v-71e1eda4] {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .brand-switcher__inner[data-v-71e1eda4]::-webkit-scrollbar {
    display: none;
  }
  .brand-switcher__button[data-v-71e1eda4] {
    flex: 0 0 auto;
  }
  .service-subnav__inner[data-v-71e1eda4] {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .service-subnav__inner[data-v-71e1eda4]::-webkit-scrollbar {
    display: none;
  }
  .service-subnav__link[data-v-71e1eda4] {
    flex-shrink: 0;
    height: 72px;
  }
  .guide-steps[data-v-71e1eda4],
  .agent-benefits__grid[data-v-71e1eda4],
  .agent-roles__grid[data-v-71e1eda4],
  .agent-conditions[data-v-71e1eda4],
  .agent-revenue-grid[data-v-71e1eda4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .agent-flow__steps[data-v-71e1eda4] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .agent-showcase[data-v-71e1eda4] {
    grid-template-columns: 300px minmax(0, 1fr);
  }
  .sfpy-hero-card[data-v-71e1eda4],
  .sfpy-system[data-v-71e1eda4],
  .sfpy-space-grid[data-v-71e1eda4] {
    grid-template-columns: 1fr;
  }
  .sfpy-hero-card__stats[data-v-71e1eda4],
  .sfpy-brand-power__grid[data-v-71e1eda4],
  .sfpy-system__cards[data-v-71e1eda4],
  .sfpy-growth__cards[data-v-71e1eda4],
  .sfpy-support__timeline[data-v-71e1eda4],
  .sfpy-support__guarantees[data-v-71e1eda4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .brand-switcher[data-v-71e1eda4],
  .service-subnav[data-v-71e1eda4] {
    top: 0;
  }
  .service-section[data-v-71e1eda4] {
    padding: 48px 0;
  }
  .service-section__inner[data-v-71e1eda4] {
    padding: 0 16px;
  }
  .service-section__title[data-v-71e1eda4] {
    font-size: 32px;
  }
  .service-section__inner--wide[data-v-71e1eda4] {
    width: min(100%, 1200px);
  }
  .tech-panel[data-v-71e1eda4] {
    padding: 48px 0;
  }
  .tech-panel__body[data-v-71e1eda4],
  .supply-chain[data-v-71e1eda4] {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .tech-panel__visual[data-v-71e1eda4] {
    width: 100%;
  }
  .tech-panel__visual-image[data-v-71e1eda4] {
    display: block;
    width: 100%;
    height: auto;
  }
  .tech-panel__content[data-v-71e1eda4] {
    max-width: 560px;
    margin: 0 auto;
  }
  .tech-panel__content-title[data-v-71e1eda4],
  .tech-block__title[data-v-71e1eda4] {
    font-size: 34px;
    text-align: center;
  }
  .tech-panel__point[data-v-71e1eda4] {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
  .supply-chain__summary[data-v-71e1eda4],
  .supply-chain__visual[data-v-71e1eda4] {
    max-width: 560px;
    margin: 0 auto;
  }
  .supply-chain__caption[data-v-71e1eda4],
  .tech-placeholder--supply[data-v-71e1eda4] {
    width: 100%;
  }
  .creative-showcase__image[data-v-71e1eda4] {
    max-width: 100%;
  }
  .feature-grid--three[data-v-71e1eda4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .service-section__inner--design-support[data-v-71e1eda4] {
    width: min(100%, 1200px);
  }
  .design-support__grid[data-v-71e1eda4] {
    grid-template-columns: repeat(2, minmax(0, 384px));
  }
  .site-support__title[data-v-71e1eda4] {
    font-size: 34px;
  }
  .site-support__metrics[data-v-71e1eda4] {
    column-gap: 32px;
  }
  .site-support-cycle__steps[data-v-71e1eda4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .site-support-direction[data-v-71e1eda4] {
    grid-template-columns: 1fr;
  }
  .site-support-card__desc[data-v-71e1eda4] {
    min-height: 0;
  }
  .operations-results-panel + .operations-results-panel[data-v-71e1eda4] {
    margin-top: 104px;
  }
  .operations-results-panel__title[data-v-71e1eda4] {
    font-size: 32px;
  }
  .operations-results-visual[data-v-71e1eda4] {
    margin-top: 48px;
  }
  .agent-block[data-v-71e1eda4] {
    padding-top: 48px;
  }
  .agent-block__title[data-v-71e1eda4] {
    font-size: 32px;
  }
  .agent-benefits__panel[data-v-71e1eda4] {
    padding: 48px 24px;
  }
  .agent-benefits__panel[data-v-71e1eda4]:after {
    left: 24px;
    right: 24px;
  }
  .agent-showcase[data-v-71e1eda4] {
    grid-template-columns: 1fr;
  }
  .agent-showcase__poster[data-v-71e1eda4] {
    min-height: 360px;
  }
  .sfpy-section[data-v-71e1eda4] {
    padding: 48px 0;
  }
  .sfpy-hero-card[data-v-71e1eda4] {
    padding: 28px 24px;
  }
  .sfpy-hero-card__copy h2[data-v-71e1eda4],
  .sfpy-block-heading h2[data-v-71e1eda4],
  .sfpy-brand-power__heading h2[data-v-71e1eda4] {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  .brand-switcher__inner[data-v-71e1eda4] {
    padding: 14px 16px;
  }
  .brand-switcher__button[data-v-71e1eda4] {
    min-width: 112px;
    height: 42px;
    font-size: 14px;
  }
  .feature-grid--three[data-v-71e1eda4],
  .design-support__grid[data-v-71e1eda4],
  .site-support__metrics[data-v-71e1eda4],
  .site-support__panel[data-v-71e1eda4],
  .site-support-cycle__steps[data-v-71e1eda4],
  .site-support-direction[data-v-71e1eda4],
  .guide-steps[data-v-71e1eda4],
  .join-flow[data-v-71e1eda4],
  .agent-benefits__grid[data-v-71e1eda4],
  .agent-revenue-grid[data-v-71e1eda4],
  .agent-roles__grid[data-v-71e1eda4],
  .agent-conditions[data-v-71e1eda4],
  .agent-flow__steps[data-v-71e1eda4],
  .sfpy-hero-card__stats[data-v-71e1eda4],
  .sfpy-brand-power__grid[data-v-71e1eda4],
  .sfpy-system__cards[data-v-71e1eda4],
  .sfpy-growth__cards[data-v-71e1eda4],
  .sfpy-support__timeline[data-v-71e1eda4],
  .sfpy-support__guarantees[data-v-71e1eda4] {
    grid-template-columns: 1fr;
  }
  .service-subnav__inner[data-v-71e1eda4] {
    padding: 0 16px;
  }
  .service-subnav__link[data-v-71e1eda4] {
    height: 64px;
    font-size: 15px;
    flex: 0 0 auto;
  }
  .sfpy-section[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .sfpy-section__inner[data-v-71e1eda4] {
    padding: 0 16px;
  }
  .sfpy-hero-card__copy h2[data-v-71e1eda4],
  .sfpy-block-heading h2[data-v-71e1eda4],
  .sfpy-brand-power__heading h2[data-v-71e1eda4] {
    font-size: 22px;
  }
  .sfpy-hero-card__copy p[data-v-71e1eda4],
  .sfpy-block-heading p[data-v-71e1eda4],
  .sfpy-brand-power__heading p[data-v-71e1eda4],
  .sfpy-feature-card p[data-v-71e1eda4],
  .sfpy-system-card p[data-v-71e1eda4],
  .sfpy-space-card p[data-v-71e1eda4],
  .sfpy-growth-card p[data-v-71e1eda4],
  .sfpy-guarantee-card p[data-v-71e1eda4],
  .sfpy-support-step p[data-v-71e1eda4] {
    font-size: 15px;
  }
  .sfpy-feature-card[data-v-71e1eda4],
  .sfpy-system-card[data-v-71e1eda4],
  .sfpy-space-card--copy[data-v-71e1eda4],
  .sfpy-growth-card[data-v-71e1eda4],
  .sfpy-guarantee-card[data-v-71e1eda4],
  .sfpy-support-step[data-v-71e1eda4] {
    padding: 24px 20px;
  }
  .service-section[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .service-section__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .service-section__subtitle[data-v-71e1eda4],
  .feature-card__desc[data-v-71e1eda4],
  .site-support__subtitle[data-v-71e1eda4],
  .site-support-cycle__desc[data-v-71e1eda4],
  .guide-step__desc[data-v-71e1eda4],
  .join-flow__desc[data-v-71e1eda4],
  .agent-benefit-card__desc[data-v-71e1eda4],
  .agent-revenue-card__desc[data-v-71e1eda4],
  .agent-condition-card__desc[data-v-71e1eda4],
  .agent-showcase__story-desc[data-v-71e1eda4] {
    font-size: 15px;
  }
  .agent-block[data-v-71e1eda4],
  .agent-block--benefits[data-v-71e1eda4] {
    padding-top: 28px;
  }
  .agent-block__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .site-support-block[data-v-71e1eda4] {
    margin-top: 28px;
  }
  .site-support-block[data-v-71e1eda4]:first-of-type {
    padding: 28px 0;
  }
  .site-support-cycle[data-v-71e1eda4] {
    width: min(100vw - 32px, 1200px);
    margin-top: 28px;
  }
  .site-support-cycle__card[data-v-71e1eda4] {
    min-height: 0;
    padding: 24px 20px;
    border-radius: 20px;
  }
  .site-support-cycle__badge[data-v-71e1eda4] {
    width: 72px;
    height: 72px;
    font-size: 38px;
  }
  .site-support-cycle__title[data-v-71e1eda4] {
    margin-top: 22px;
    font-size: 22px;
  }
  .site-support-direction[data-v-71e1eda4] {
    margin-top: 24px;
    gap: 16px;
  }
  .site-support-direction__panel[data-v-71e1eda4] {
    padding: 24px 20px;
    border-radius: 20px;
  }
  .site-support-direction__heading h3[data-v-71e1eda4] {
    font-size: 20px;
  }
  .agent-benefits[data-v-71e1eda4] {
    margin-top: 40px;
  }
  .agent-benefits__panel[data-v-71e1eda4] {
    padding: 28px 16px 32px;
    border-radius: 24px;
  }
  .agent-benefits__panel[data-v-71e1eda4]:after {
    left: 16px;
    right: 16px;
    bottom: 22px;
    height: 28px;
  }
  .agent-benefit-card[data-v-71e1eda4],
  .agent-revenue-card[data-v-71e1eda4],
  .agent-role-card[data-v-71e1eda4],
  .agent-condition-card[data-v-71e1eda4],
  .agent-showcase__story[data-v-71e1eda4] {
    padding: 24px 20px;
  }
  .agent-benefit-card__title[data-v-71e1eda4],
  .agent-revenue-card__title[data-v-71e1eda4],
  .agent-role-card__title[data-v-71e1eda4],
  .agent-condition-card__title[data-v-71e1eda4],
  .agent-showcase__story-title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .agent-roles[data-v-71e1eda4] {
    margin-top: 40px;
    padding-top: 28px;
  }
  .agent-roles[data-v-71e1eda4]:before {
    inset: 0 8px auto;
    height: 112px;
  }
  .agent-requirements[data-v-71e1eda4] {
    margin-top: 28px;
    padding: 28px 0;
  }
  .agent-condition-card + .agent-condition-card[data-v-71e1eda4] {
    border-left: 0;
    border-top: 1px solid rgba(23, 75, 101, 0.08);
  }
  .agent-condition-card__index[data-v-71e1eda4] {
    font-size: 44px;
  }
  .agent-flow[data-v-71e1eda4] {
    margin-top: 56px;
  }
  .agent-flow__steps[data-v-71e1eda4] {
    margin-top: 28px;
    gap: 8px;
  }
  .agent-flow__step[data-v-71e1eda4] {
    min-height: 48px;
    font-size: 16px;
  }
  .agent-flow__step[data-v-71e1eda4],
  .agent-flow__step.is-first[data-v-71e1eda4],
  .agent-flow__step.is-last[data-v-71e1eda4] {
    clip-path: none;
    border-radius: 14px;
    padding: 0 16px;
  }
  .agent-showcase[data-v-71e1eda4] {
    margin-top: 40px;
  }
  .agent-showcase__poster[data-v-71e1eda4] {
    min-height: 280px;
  }
  .agent-showcase__poster-label[data-v-71e1eda4] {
    left: 16px;
    right: 16px;
    bottom: 18px;
    font-size: 18px;
  }
  .site-support[data-v-71e1eda4] {
    margin-top: 56px;
  }
  .service-section--design-support[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .design-support__title[data-v-71e1eda4] {
    gap: 10px;
    font-size: 22px;
  }
  .design-support__subtitle[data-v-71e1eda4] {
    font-size: 15px;
    line-height: 1.7;
  }
  .design-support__grid[data-v-71e1eda4] {
    margin-top: 28px;
    gap: 20px;
  }
  .design-support-card[data-v-71e1eda4] {
    min-height: 0;
    padding: 24px 20px;
  }
  .design-support-card__icon[data-v-71e1eda4] {
    top: 20px;
    right: 20px;
    width: 88px;
    height: 88px;
  }
  .design-support-card__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .design-support-card__tagline[data-v-71e1eda4],
  .design-support-card__desc[data-v-71e1eda4],
  .design-support-card__timeline-label[data-v-71e1eda4] {
    font-size: 15px;
  }
  .design-support-card__desc[data-v-71e1eda4] {
    min-height: 0;
    line-height: 1.7;
  }
  .design-support-card__table-head[data-v-71e1eda4],
  .design-support-card__table-row[data-v-71e1eda4] {
    grid-template-columns: 54px 54px 54px 1fr 56px;
    padding: 0 12px;
  }
  .design-support-card__table-head-item[data-v-71e1eda4],
  .design-support-card__table-row[data-v-71e1eda4] {
    font-size: 12px;
  }
  .design-support-card__timeline[data-v-71e1eda4] {
    margin-top: 32px;
    gap: 14px;
  }
  .design-support-card__materials[data-v-71e1eda4] {
    margin-top: 28px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .design-support-card__material[data-v-71e1eda4] {
    min-height: 36px;
    padding: 0 10px;
    font-size: 12px;
  }
  .design-support-card__image[data-v-71e1eda4] {
    position: static;
    margin-top: 24px;
    width: 100%;
    height: 144px;
  }
  .site-support__title[data-v-71e1eda4] {
    gap: 10px;
    font-size: 22px;
  }
  .site-support__metric-value strong[data-v-71e1eda4] {
    font-size: 56px;
  }
  .site-support__metric-value span[data-v-71e1eda4] {
    margin-bottom: 8px;
    font-size: 20px;
  }
  .site-support__metric p[data-v-71e1eda4] {
    margin-top: 8px;
    font-size: 18px;
  }
  .site-support__panel[data-v-71e1eda4] {
    margin-top: 40px;
    padding: 0;
    row-gap: 28px;
  }
  .site-support-card__title[data-v-71e1eda4] {
    margin-top: 24px;
    font-size: 22px;
  }
  .site-support-card__desc[data-v-71e1eda4],
  .site-support-card__list li[data-v-71e1eda4] {
    font-size: 15px;
  }
  .site-support-card__visual[data-v-71e1eda4] {
    margin-top: 22px;
    height: 144px;
    object-fit: cover;
  }
  .tech-panel__title[data-v-71e1eda4],
  .tech-block__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .tech-panel__subtitle[data-v-71e1eda4],
  .tech-block__subtitle[data-v-71e1eda4] {
    margin-top: 14px;
    font-size: 15px;
    text-align: center;
  }
  .tech-panel__switch[data-v-71e1eda4] {
    width: 100%;
    max-width: 408px;
    margin-top: 28px;
  }
  .tech-panel__visual[data-v-71e1eda4] {
    min-height: 460px;
  }
  .tech-panel__screen--card[data-v-71e1eda4] {
    width: 144px;
    height: 72px;
  }
  .tech-panel__screen--phone[data-v-71e1eda4],
  .tech-panel__screen--center[data-v-71e1eda4] {
    width: 170px;
    height: 338px;
    border-radius: 24px;
  }
  .tech-panel__screen--center[data-v-71e1eda4] {
    top: 18px;
  }
  .tech-panel__screen--right[data-v-71e1eda4] {
    top: 64px;
  }
  .tech-panel__body[data-v-71e1eda4] {
    margin-top: 28px;
    row-gap: 28px;
  }
  .tech-panel__content-title[data-v-71e1eda4] {
    margin-top: 0;
    font-size: 22px;
  }
  .tech-panel__points[data-v-71e1eda4] {
    margin-top: 24px;
    gap: 16px;
  }
  .tech-panel__point h4[data-v-71e1eda4] {
    font-size: 17px;
  }
  .tech-panel__point p[data-v-71e1eda4],
  .supply-chain__summary-copy[data-v-71e1eda4],
  .equip-card__caption p[data-v-71e1eda4] {
    font-size: 15px;
    line-height: 1.7;
  }
  .tech-block[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .supply-chain[data-v-71e1eda4] {
    margin-top: 48px;
    gap: 28px;
  }
  .supply-chain__summary[data-v-71e1eda4] {
    min-height: auto;
    padding: 28px 24px;
  }
  .supply-chain__summary-title[data-v-71e1eda4],
  .equip-card__caption h3[data-v-71e1eda4] {
    font-size: 26px;
  }
  .supply-chain__arrow[data-v-71e1eda4] {
    display: none;
  }
  .tech-placeholder--supply[data-v-71e1eda4] {
    height: 320px;
    border-radius: 24px 24px 0 0;
  }
  .supply-chain__caption[data-v-71e1eda4] {
    position: static;
    min-height: auto;
    border-radius: 0 0 20px 20px;
    font-size: 24px;
    text-align: center;
  }
  .creative-showcase__image[data-v-71e1eda4] {
    max-width: 100%;
  }
  .creative-showcase[data-v-71e1eda4] {
    margin-top: 48px;
  }
  .creative-showcase__frame[data-v-71e1eda4] {
    min-height: auto;
    padding: 28px 20px;
    border-width: 4px;
    border-radius: 36px 0 0;
  }
  .creative-showcase__item[data-v-71e1eda4] {
    height: 92px;
    border-radius: 18px;
  }
  .logo-wall__card[data-v-71e1eda4],
  .feature-card[data-v-71e1eda4],
  .feature-card--light[data-v-71e1eda4],
  .guide-step[data-v-71e1eda4],
  .join-flow__step[data-v-71e1eda4] {
    padding: 24px 20px;
  }
  .logo-wall__brand[data-v-71e1eda4] {
    font-size: 24px;
  }
  .operations-results-panel + .operations-results-panel[data-v-71e1eda4] {
    margin-top: 88px;
  }
  .operations-results-panel__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .operations-results-panel__subtitle[data-v-71e1eda4] {
    margin-top: 10px;
    font-size: 15px;
  }
  .operations-results-visual[data-v-71e1eda4] {
    margin-top: 28px;
    border-radius: 24px;
  }
  .operations-guide-block[data-v-71e1eda4],
  .operations-guide-block--talent[data-v-71e1eda4] {
    padding: 28px 0;
    margin-top: 0;
  }
  .operations-guide-block__heading[data-v-71e1eda4] {
    margin-bottom: 28px;
  }
  .operations-guide-block__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .operations-guide-block__subtitle[data-v-71e1eda4] {
    font-size: 15px;
    line-height: 1.7;
  }
  .operations-guide-overview[data-v-71e1eda4],
  .operations-talent[data-v-71e1eda4] {
    margin-top: 28px;
  }
  .operations-guide__headline[data-v-71e1eda4],
  .guide-section__title[data-v-71e1eda4] {
    font-size: 18px;
  }
  .operations-matrix--desktop[data-v-71e1eda4] {
    display: none;
  }
  .operations-matrix--mobile[data-v-71e1eda4] {
    display: block;
    margin-top: 28px;
    padding: 0;
  }
  .matrix-mobile-list[data-v-71e1eda4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0;
  }
  .matrix-mobile-card[data-v-71e1eda4] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
  }
  .matrix-mobile-card__header[data-v-71e1eda4] {
    width: 100%;
    text-align: left;
    padding: 16px 20px;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 700;
    color: #1a1a2e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: color 0.2s;
  }
  .matrix-mobile-card__header[data-v-71e1eda4]:hover {
    color: #3b82f6;
  }
  .matrix-mobile-card__arrow[data-v-71e1eda4] {
    font-size: 12px;
    color: #9ca3af;
    transition: transform 0.2s;
  }
  .matrix-mobile-card--open .matrix-mobile-card__arrow[data-v-71e1eda4] {
    transform: rotate(180deg);
  }
  .matrix-mobile-card__body[data-v-71e1eda4] {
    display: none;
    padding: 0 20px 16px;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.8;
  }
  .matrix-mobile-card--open .matrix-mobile-card__body[data-v-71e1eda4] {
    display: block;
  }
  .brand-resources-hero[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .brand-intro__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .brand-intro__desc[data-v-71e1eda4] {
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.7;
  }
  .service-section--join-flow[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .join-flow__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .join-flow__subtitle[data-v-71e1eda4] {
    font-size: 15px;
    line-height: 1.7;
  }
  .join-flow__steps[data-v-71e1eda4] {
    margin-top: 28px;
  }
  .join-step[data-v-71e1eda4] {
    padding: 24px 20px;
  }
  .join-step__number[data-v-71e1eda4] {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }
  .join-step__title[data-v-71e1eda4] {
    font-size: 18px;
  }
  .join-step__desc[data-v-71e1eda4] {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .service-section--tech[data-v-71e1eda4],
  .service-section--operations-guide[data-v-71e1eda4],
  .join-flow-page[data-v-71e1eda4] {
    padding: 0;
  }
  .brand-resources-hero[data-v-71e1eda4],
  .brand-advantage[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .brand-advantage__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .brand-advantage__subtitle[data-v-71e1eda4] {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .brand-advantage__grid[data-v-71e1eda4] {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .brand-advantage__card[data-v-71e1eda4] {
    padding: 28px 24px;
  }
  .brand-advantage__card-title[data-v-71e1eda4] {
    font-size: 18px;
  }
  .brand-advantage__card-desc[data-v-71e1eda4] {
    font-size: 15px;
  }
  .brand-tech-innovate[data-v-71e1eda4] {
    padding: 28px 0;
    background-attachment: scroll;
  }
  .brand-tech-innovate__title[data-v-71e1eda4] {
    margin: 0 0 16px;
    font-size: 22px;
  }
  .brand-tech-innovate__subtitle[data-v-71e1eda4] {
    margin: 0 0 16px;
    font-size: 15px;
  }
  .brand-tech-innovate__grid[data-v-71e1eda4] {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .brand-tech-innovate__card[data-v-71e1eda4] {
    padding: 28px 24px;
  }
  .brand-tech-innovate__card-title[data-v-71e1eda4] {
    font-size: 20px;
  }
  .brand-tech-innovate__card-desc[data-v-71e1eda4] {
    font-size: 14px;
  }
  .brand-scale[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .brand-scale__title[data-v-71e1eda4] {
    margin: 0 0 28px;
    font-size: 22px;
  }
  .brand-scale__grid[data-v-71e1eda4] {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .brand-scale__card[data-v-71e1eda4] {
    padding: 28px 24px;
  }
  .brand-scale__card-title[data-v-71e1eda4] {
    font-size: 20px;
  }
  .brand-scale__card-desc[data-v-71e1eda4] {
    font-size: 14px;
  }
  .brand-intro[data-v-71e1eda4] {
    padding: 0 0 32px;
  }
  .brand-intro__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .brand-intro__desc[data-v-71e1eda4] {
    font-size: 15px;
    margin-top: 16px;
  }
  .brand-stats[data-v-71e1eda4] {
    padding: 0 16px;
  }
  .brand-stats__grid[data-v-71e1eda4] {
    gap: 12px;
  }
  .brand-stat[data-v-71e1eda4] {
    padding: 28px 12px 24px;
    border-radius: 16px;
  }
  .brand-stat__value[data-v-71e1eda4] {
    font-size: 36px;
  }
  .brand-stat__label[data-v-71e1eda4] {
    font-size: 14px;
    margin-top: 10px;
  }
  .brand-timeline[data-v-71e1eda4] {
    padding: 28px 0 0;
  }
  .brand-timeline__inner[data-v-71e1eda4] {
    padding: 0 16px 40px;
  }
  .brand-timeline__title[data-v-71e1eda4] {
    font-size: 22px;
    margin-bottom: 28px;
  }
  .brand-timeline__line[data-v-71e1eda4] {
    top: 60px;
  }
  .brand-timeline__nodes[data-v-71e1eda4] {
    flex-wrap: wrap;
    gap: 24px 0;
    justify-content: center;
  }
  .brand-timeline__node[data-v-71e1eda4] {
    width: calc(50% - 8px);
    max-width: 160px;
  }
  .brand-timeline__beam[data-v-71e1eda4] {
    height: 40px;
  }
  .brand-timeline__date[data-v-71e1eda4] {
    font-size: 16px;
  }
  .brand-timeline__event[data-v-71e1eda4] {
    font-size: 14px;
  }
  .brand-timeline__desc[data-v-71e1eda4] {
    font-size: 12px;
  }
  .brand-timeline__mountains[data-v-71e1eda4] {
    height: 100px;
  }
  .brand-slogan[data-v-71e1eda4] {
    padding: 48px 0;
  }
  .brand-slogan__line1[data-v-71e1eda4] {
    font-size: 32px;
    letter-spacing: 2px;
    margin-bottom: 12px;
  }
  .brand-slogan__space[data-v-71e1eda4] {
    width: 12px;
  }
  .brand-slogan__line2[data-v-71e1eda4] {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 40px;
  }
  .brand-slogan__tag[data-v-71e1eda4] {
    font-size: 16px;
    gap: 2px;
  }
  .brand-slogan__tag-highlight[data-v-71e1eda4] {
    font-size: 18px;
    padding: 3px 10px;
    border-radius: 6px;
  }
  .brand-slogan__tags[data-v-71e1eda4] {
    flex-direction: column;
    gap: 14px;
  }
  .brand-tech__row[data-v-71e1eda4] {
    flex-direction: column;
    gap: 48px;
  }
  .brand-tech__title[data-v-71e1eda4] {
    font-size: 28px;
  }
  .brand-tech__tags[data-v-71e1eda4] {
    gap: 10px;
  }
  .brand-tech__pair[data-v-71e1eda4] {
    gap: 8px;
  }
  .brand-tech__tag[data-v-71e1eda4] {
    font-size: 13px;
    padding: 4px 10px;
  }
  .brand-tech__desc[data-v-71e1eda4] {
    font-size: 13px;
    line-height: 2;
  }
  .brand-hardware[data-v-71e1eda4] {
    padding: 48px 0 60px;
  }
  .brand-hardware__title[data-v-71e1eda4] {
    font-size: 32px;
  }
  .brand-hardware__subtitle[data-v-71e1eda4] {
    font-size: 14px;
    margin-bottom: 32px;
  }
  .brand-hardware__row[data-v-71e1eda4] {
    flex-direction: column;
    gap: 24px;
  }
  .brand-hardware__card[data-v-71e1eda4] {
    padding: 24px 20px;
  }
  .brand-hardware__card-title[data-v-71e1eda4] {
    font-size: 20px;
  }
  .brand-hardware__card-img[data-v-71e1eda4] {
    width: 64px;
    height: 64px;
  }
  .brand-hardware__card-desc[data-v-71e1eda4] {
    font-size: 14px;
  }
  .brand-look[data-v-71e1eda4] {
    padding: 48px 0;
  }
  .brand-look__inner[data-v-71e1eda4] {
    padding: 0 16px;
    gap: 32px;
  }
  .brand-look__card[data-v-71e1eda4] {
    padding: 28px 24px;
  }
  .brand-look__title[data-v-71e1eda4] {
    font-size: 24px;
  }
  .brand-look__specs[data-v-71e1eda4] {
    gap: 12px 20px;
  }
  .join-fee-free[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .join-fee-free__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .join-fee-free__subtitle[data-v-71e1eda4] {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .join-fee-free__grid[data-v-71e1eda4] {
    gap: 12px;
  }
  .join-fee-free__card[data-v-71e1eda4] {
    width: calc(50% - 6px);
    height: 160px;
  }
  .join-fee-free__label[data-v-71e1eda4] {
    font-size: 15px;
  }
  .join-fee-free__zero[data-v-71e1eda4] {
    font-size: 64px;
  }
  .join-fee-model[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .join-fee-model__title[data-v-71e1eda4] {
    font-size: 22px;
  }
  .join-fee-model__subtitle[data-v-71e1eda4] {
    font-size: 15px;
    margin-bottom: 16px;
  }
  .join-fee-model__section-title[data-v-71e1eda4] {
    margin: 40px 0 24px;
    font-size: 24px;
  }
  .join-fee-table[data-v-71e1eda4] {
    font-size: 13px;
  }
  .join-fee-table thead th[data-v-71e1eda4],
  .join-fee-table tbody td[data-v-71e1eda4] {
    padding: 8px 6px;
  }
  .join-fee-table__note-small[data-v-71e1eda4] {
    font-size: 11px;
  }
  .brand-qa-page[data-v-71e1eda4] {
    padding: 28px 0;
  }
  .brand-qa__title[data-v-71e1eda4] {
    font-size: 30px;
  }
  .brand-qa__subtitle[data-v-71e1eda4] {
    font-size: 15px;
    margin-top: 16px;
  }
  .brand-qa__list[data-v-71e1eda4] {
    margin-top: 48px;
    gap: 12px;
  }
  .brand-qa__item[data-v-71e1eda4] {
    border-radius: 14px;
  }
  .brand-qa__question[data-v-71e1eda4] {
    padding: 20px;
    gap: 12px;
  }
  .brand-qa__q-num[data-v-71e1eda4],
  .brand-qa__a-label[data-v-71e1eda4] {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    font-size: 12px;
  }
  .brand-qa__q-text[data-v-71e1eda4] {
    font-size: 15px;
    padding-top: 3px;
  }
  .brand-qa__q-icon[data-v-71e1eda4] {
    width: 20px;
    height: 20px;
    margin-top: 5px;
  }
  .brand-qa__answer[data-v-71e1eda4] {
    padding: 0 20px 22px;
    gap: 12px;
  }
  .brand-qa__a-text[data-v-71e1eda4] {
    font-size: 14px;
    padding-top: 3px;
  }
}
.brand-news-page[data-v-73df5f95] {
  width: 100%;
}
.news-section[data-v-73df5f95] {
  padding: 40px 0;
}
.news-section[data-v-73df5f95]:first-child {
  padding-top: 48px;
}
.news-section[data-v-73df5f95]:last-child {
  padding-bottom: 50px;
}
.news-section[data-v-73df5f95]:nth-child(1),
.news-section[data-v-73df5f95]:nth-child(3) {
  background: #f5f6f8;
}
.news-section[data-v-73df5f95]:nth-child(2),
.news-section[data-v-73df5f95]:nth-child(4) {
  background: #fff;
}
.news-section__inner[data-v-73df5f95] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.news-section__title[data-v-73df5f95] {
  margin: 0;
  font-size: 36px;
  font-weight: 800;
  color: #1a1a2e;
  text-align: center;
}
.news-section__subtitle[data-v-73df5f95] {
  margin: 16px 0 0;
  font-size: 16px;
  color: #6b7280;
  text-align: center;
}
.news-section__body[data-v-73df5f95] {
  display: flex;
  gap: 40px;
  margin-top: 24px;
}
.news-section__main[data-v-73df5f95] {
  flex: 1;
  min-width: 0;
}
.news-section__sidebar[data-v-73df5f95] {
  flex: 0 0 320px;
  width: 320px;
}
.news-loading[data-v-73df5f95],
.news-error[data-v-73df5f95] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  color: #9ca3af;
  font-size: 16px;
  gap: 12px;
}
.news-error button[data-v-73df5f95] {
  padding: 8px 24px;
  border-radius: 8px;
  background: #0d843d14;
  color: var(--color-primary, #0d843d);
  border: 1px solid rgba(13, 132, 61, 0.2);
  cursor: pointer;
  font-size: 14px;
}
.news-card[data-v-73df5f95] {
  margin-bottom: 20px;
  border-radius: 16px;
  background: #fff;
  border: none;
  box-shadow: 0 2px 12px #0000000a;
  overflow: hidden;
  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
}
.news-card[data-v-73df5f95]:nth-child(2n) {
  background: #f7f8fa;
}
.news-card[data-v-73df5f95]:hover {
  box-shadow: 0 8px 32px #0000001a;
  transform: translateY(-2px);
}
.news-section:nth-child(2) .news-card[data-v-73df5f95],
.news-section:nth-child(4) .news-card[data-v-73df5f95] {
  background: #f0f1f5;
  box-shadow: none;
}
.news-section:nth-child(2) .news-card[data-v-73df5f95]:nth-child(2n),
.news-section:nth-child(4) .news-card[data-v-73df5f95]:nth-child(2n) {
  background: #e8e9ed;
}
.news-card__link[data-v-73df5f95] {
  display: flex;
  text-decoration: none;
  color: inherit;
}
.news-card__image-wrap[data-v-73df5f95] {
  flex: 0 0 260px;
  width: 260px;
  height: 160px;
  overflow: hidden;
}
.news-card__image[data-v-73df5f95] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-card__image--placeholder[data-v-73df5f95] {
  background: linear-gradient(135deg, #f0f1f5, #e5e7eb);
}
.news-card__body[data-v-73df5f95] {
  flex: 1;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.news-card__title[data-v-73df5f95] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1a2e;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-card__summary[data-v-73df5f95] {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-card__meta[data-v-73df5f95] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}
.news-card__time[data-v-73df5f95] {
  font-size: 13px;
  color: #9ca3af;
}
.news-card__brand[data-v-73df5f95] {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
  background: #0d843d14;
  color: var(--color-primary, #0d843d);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.news-card__tags[data-v-73df5f95] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.news-card__tag[data-v-73df5f95] {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 4px;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 12px;
  white-space: nowrap;
}
.news-card__author[data-v-73df5f95] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: #9ca3af;
}
.news-card__author-icon[data-v-73df5f95] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: #c4c6cc;
}
.news-pagination[data-v-73df5f95] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 36px;
  padding-bottom: 8px;
}
.news-pagination__btn[data-v-73df5f95] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-decoration: none;
}
.news-pagination__btn[data-v-73df5f95]:hover:not(:disabled) {
  border-color: var(--color-primary, #0d843d);
  color: var(--color-primary, #0d843d);
}
.news-pagination__btn.is-active[data-v-73df5f95] {
  background: var(--color-primary, #0d843d);
  border-color: transparent;
  color: #fff;
}
.news-pagination__btn[data-v-73df5f95]:disabled,
.news-pagination__btn--disabled[data-v-73df5f95] {
  cursor: not-allowed;
  opacity: 0.3;
}
.sidebar-card[data-v-73df5f95] {
  position: sticky;
  top: 120px;
  border-radius: 16px;
  background: #fff;
  border: none;
  box-shadow: 0 2px 12px #0000000a;
  padding: 24px 20px;
}
.news-section:nth-child(2) .sidebar-card[data-v-73df5f95],
.news-section:nth-child(4) .sidebar-card[data-v-73df5f95] {
  background: #f0f1f5;
  box-shadow: none;
}
.sidebar-card__title[data-v-73df5f95] {
  margin: 0;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
}
.sidebar-card__more[data-v-73df5f95] {
  float: right;
  font-size: 13px;
  color: #9ca3af;
  cursor: pointer;
  margin-top: 3px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.sidebar-card__more[data-v-73df5f95]:hover {
  color: var(--color-primary, #0d843d);
}
.sidebar-loading[data-v-73df5f95],
.sidebar-error[data-v-73df5f95] {
  margin-top: 16px;
  color: #9ca3af;
  font-size: 14px;
}
.sidebar-list[data-v-73df5f95] {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.sidebar-list__item[data-v-73df5f95] {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f1f5;
}
.sidebar-list__item[data-v-73df5f95]:last-child {
  border-bottom: none;
}
.sidebar-list__link[data-v-73df5f95] {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
  text-decoration: none;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: color 0.2s ease;
}
.sidebar-list__link[data-v-73df5f95]:hover {
  color: var(--color-primary, #0d843d);
}
.sidebar-list__date[data-v-73df5f95] {
  flex-shrink: 0;
  font-size: 12px;
  color: #9ca3af;
}
@media (max-width: 1024px) {
  .news-section__body[data-v-73df5f95] {
    flex-direction: column;
  }
  .news-section__sidebar[data-v-73df5f95] {
    flex: 1 1 auto;
    width: 100%;
  }
  .sidebar-card[data-v-73df5f95] {
    position: static;
  }
  .news-card__image-wrap[data-v-73df5f95] {
    flex: 0 0 200px;
    width: 200px;
    height: 140px;
  }
}
@media (max-width: 768px) {
  .news-section[data-v-73df5f95] {
    padding: 24px 0;
  }
  .news-section[data-v-73df5f95]:first-child {
    padding-top: 28px;
  }
  .news-section__inner[data-v-73df5f95] {
    padding: 0 16px;
  }
  .news-section__title[data-v-73df5f95] {
    font-size: 22px;
  }
  .news-section__body[data-v-73df5f95] {
    margin-top: 32px;
    gap: 24px;
  }
  .news-card__link[data-v-73df5f95] {
    flex-direction: column;
  }
  .news-card__image-wrap[data-v-73df5f95] {
    flex: 0 0 auto;
    width: 100%;
    height: 180px;
  }
  .news-card__body[data-v-73df5f95] {
    padding: 14px 16px;
  }
  .news-card__title[data-v-73df5f95] {
    font-size: 16px;
  }
  .news-pagination[data-v-73df5f95] {
    gap: 6px;
  }
  .news-pagination__btn[data-v-73df5f95] {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    font-size: 13px;
  }
}
.brand-news-detail-page[data-v-eccc27be] {
  width: 100%;
  background: #fff;
}
.brand-news-detail-state[data-v-eccc27be] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 320px;
  width: 100%;
  color: var(--color-text-secondary);
  gap: 18px;
}
.brand-news-detail-state--error h1[data-v-eccc27be] {
  font-size: 32px;
  color: #102418;
}
.brand-news-detail-state--error p[data-v-eccc27be] {
  font-size: 16px;
}
.brand-news-detail-state--error button[data-v-eccc27be] {
  padding: 12px 24px;
  border-radius: 999px;
  background: var(--color-primary);
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.brand-news-detail-content[data-v-eccc27be] {
  padding: 72px 0 124px;
}
.brand-news-detail-content__inner[data-v-eccc27be] {
  width: min(100%, 1200px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brand-news-detail-article[data-v-eccc27be] {
  width: 100%;
}
.brand-news-detail-breadcrumb[data-v-eccc27be] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
  color: #8a8a8a;
  font-size: 14px;
  line-height: 20px;
}
.brand-news-detail-breadcrumb__link[data-v-eccc27be] {
  color: #666;
  text-decoration: none;
  transition: color 0.2s ease;
}
.brand-news-detail-breadcrumb__link[data-v-eccc27be]:hover {
  color: var(--color-primary);
}
.brand-news-detail-breadcrumb__separator[data-v-eccc27be] {
  color: #b8b8b8;
}
.brand-news-detail-breadcrumb__current[data-v-eccc27be] {
  color: #121212;
}
.brand-news-detail-article__title[data-v-eccc27be] {
  margin: 0;
  text-align: center;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.28;
  color: #121212;
}
.brand-news-detail-article__subtitle[data-v-eccc27be] {
  margin: 16px 0 0;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  color: #666;
}
.brand-news-detail-article__meta[data-v-eccc27be] {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  gap: 40px;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.brand-news-detail-article__body[data-v-eccc27be] {
  width: 1200px;
  max-width: 100%;
  margin: 60px auto 0;
  color: #121212;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
.brand-news-detail-article__abstract[data-v-eccc27be] {
  width: 1200px;
  max-width: 100%;
  margin: 40px auto 0;
  padding: 24px 28px;
  border-left: 4px solid var(--color-primary, #0d843d);
  background: #f8faf8;
  color: #555;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}
.brand-news-detail-article__body[data-v-eccc27be] * {
  max-width: 100%;
}
.brand-news-detail-article__body[data-v-eccc27be] p {
  margin: 0;
}
.brand-news-detail-article__body[data-v-eccc27be] p + p {
  margin-top: 28px;
}
.brand-news-detail-article__body[data-v-eccc27be] img {
  display: block;
  margin: 28px auto;
  border-radius: 0;
}
.brand-news-detail-article__body[data-v-eccc27be] h1,
.brand-news-detail-article__body[data-v-eccc27be] h2,
.brand-news-detail-article__body[data-v-eccc27be] h3,
.brand-news-detail-article__body[data-v-eccc27be] h4 {
  margin: 40px 0 18px;
  font-size: 28px;
  line-height: 1.45;
  color: #121212;
}
.brand-news-detail-article__body[data-v-eccc27be] ul,
.brand-news-detail-article__body[data-v-eccc27be] ol {
  padding-left: 1.4em;
}
.brand-news-detail-article__body[data-v-eccc27be] a {
  color: var(--color-primary);
  text-decoration: underline;
}
.brand-news-detail-article__tags[data-v-eccc27be] {
  width: 1200px;
  max-width: 100%;
  margin: 40px auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.brand-news-detail-article__tag[data-v-eccc27be] {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 4px;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 14px;
}
@keyframes brand-news-detail-spin-eccc27be {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1024px) {
  .brand-news-detail-content[data-v-eccc27be] {
    padding: 72px 0 96px;
  }
  .brand-news-detail-content__inner[data-v-eccc27be] {
    width: min(100%, 1200px);
  }
  .brand-news-detail-article__title[data-v-eccc27be] {
    font-size: 42px;
  }
  .brand-news-detail-article__subtitle[data-v-eccc27be] {
    font-size: 17px;
    margin-top: 12px;
  }
  .brand-news-detail-article__meta[data-v-eccc27be] {
    gap: 24px;
  }
  .brand-news-detail-article__body[data-v-eccc27be] {
    margin-top: 48px;
  }
}
@media (max-width: 640px) {
  .brand-news-detail-content[data-v-eccc27be] {
    padding: 56px 0 72px;
  }
  .brand-news-detail-content__inner[data-v-eccc27be] {
    width: min(100%, 1200px);
  }
  .brand-news-detail-article__meta[data-v-eccc27be] {
    flex-wrap: wrap;
    gap: 12px 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .brand-news-detail-breadcrumb[data-v-eccc27be] {
    gap: 8px;
    margin-bottom: 24px;
    font-size: 13px;
    line-height: 18px;
  }
  .brand-news-detail-article__title[data-v-eccc27be] {
    font-size: 30px;
  }
  .brand-news-detail-article__subtitle[data-v-eccc27be] {
    font-size: 16px;
    margin-top: 10px;
  }
  .brand-news-detail-article__body[data-v-eccc27be] {
    margin-top: 36px;
    font-size: 15px;
    line-height: 1.9;
  }
}
.brand-news-channel-page[data-v-8ceb54ab] {
  width: 100%;
  background: #f0f1f5;
  min-height: 100vh;
}
.channel-content[data-v-8ceb54ab] {
  padding: 72px 0 80px;
}
.channel-content__inner[data-v-8ceb54ab] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.channel-breadcrumb[data-v-8ceb54ab] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 20px;
}
.channel-breadcrumb__link[data-v-8ceb54ab] {
  color: #6b7280;
  text-decoration: none;
  transition: color 0.2s ease;
}
.channel-breadcrumb__link[data-v-8ceb54ab]:hover {
  color: var(--color-primary, #0d843d);
}
.channel-breadcrumb__separator[data-v-8ceb54ab] {
  color: #c4c6cc;
}
.channel-breadcrumb__current[data-v-8ceb54ab] {
  color: var(--color-primary, #0d843d);
  font-weight: 600;
}
.channel-loading[data-v-8ceb54ab],
.channel-error[data-v-8ceb54ab] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  color: #9ca3af;
  font-size: 16px;
  gap: 12px;
}
.channel-error button[data-v-8ceb54ab] {
  padding: 8px 24px;
  border-radius: 8px;
  background: #0d843d14;
  color: var(--color-primary, #0d843d);
  border: 1px solid rgba(13, 132, 61, 0.2);
  cursor: pointer;
  font-size: 14px;
}
.channel-card[data-v-8ceb54ab] {
  margin-bottom: 20px;
  border-radius: 16px;
  background: #fff;
  border: none;
  box-shadow: 0 2px 12px #0000000a;
  overflow: hidden;
  transition:
    box-shadow 0.3s ease,
    transform 0.3s ease;
}
.channel-card[data-v-8ceb54ab]:nth-child(2n) {
  background: #f7f8fa;
}
.channel-card[data-v-8ceb54ab]:hover {
  box-shadow: 0 8px 32px #0000001a;
  transform: translateY(-2px);
}
.channel-card__link[data-v-8ceb54ab] {
  display: flex;
  text-decoration: none;
  color: inherit;
}
.channel-card__image-wrap[data-v-8ceb54ab] {
  flex: 0 0 260px;
  width: 260px;
  height: 160px;
  overflow: hidden;
}
.channel-card__image[data-v-8ceb54ab] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.channel-card__image--placeholder[data-v-8ceb54ab] {
  background: linear-gradient(135deg, #f0f1f5, #e5e7eb);
}
.channel-card__body[data-v-8ceb54ab] {
  flex: 1;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.channel-card__title[data-v-8ceb54ab] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  color: #1a1a2e;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.channel-card__summary[data-v-8ceb54ab] {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.channel-card__meta[data-v-8ceb54ab] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}
.channel-card__time[data-v-8ceb54ab] {
  font-size: 13px;
  color: #9ca3af;
}
.channel-card__brand[data-v-8ceb54ab] {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
  background: #0d843d14;
  color: var(--color-primary, #0d843d);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}
.channel-card__tags[data-v-8ceb54ab] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.channel-card__tag[data-v-8ceb54ab] {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 4px;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 12px;
  white-space: nowrap;
}
.channel-card__author[data-v-8ceb54ab] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: #9ca3af;
}
.channel-card__author-icon[data-v-8ceb54ab] {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  color: #c4c6cc;
}
.channel-pagination[data-v-8ceb54ab] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 36px;
  padding-bottom: 8px;
}
.channel-pagination__btn[data-v-8ceb54ab] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: inherit;
  text-decoration: none;
  line-height: 40px;
  text-align: center;
}
.channel-pagination__btn[data-v-8ceb54ab]:hover:not(:disabled) {
  border-color: var(--color-primary, #0d843d);
  color: var(--color-primary, #0d843d);
}
.channel-pagination__btn.is-active[data-v-8ceb54ab] {
  background: var(--color-primary, #0d843d);
  border-color: transparent;
  color: #fff;
}
.channel-pagination__btn--disabled[data-v-8ceb54ab] {
  cursor: not-allowed;
  opacity: 0.3;
}
@media (max-width: 1024px) {
  .channel-card__image-wrap[data-v-8ceb54ab] {
    flex: 0 0 200px;
    width: 200px;
    height: 140px;
  }
}
@media (max-width: 768px) {
  .channel-content[data-v-8ceb54ab] {
    padding: 56px 0 60px;
  }
  .channel-content__inner[data-v-8ceb54ab] {
    padding: 0 16px;
  }
  .channel-breadcrumb[data-v-8ceb54ab] {
    margin-bottom: 28px;
    font-size: 13px;
  }
  .channel-card__link[data-v-8ceb54ab] {
    flex-direction: column;
  }
  .channel-card__image-wrap[data-v-8ceb54ab] {
    flex: 0 0 auto;
    width: 100%;
    height: 180px;
  }
  .channel-card__body[data-v-8ceb54ab] {
    padding: 14px 16px;
  }
  .channel-card__title[data-v-8ceb54ab] {
    font-size: 16px;
  }
  .channel-pagination[data-v-8ceb54ab] {
    gap: 6px;
  }
  .channel-pagination__btn[data-v-8ceb54ab] {
    min-width: 34px;
    height: 34px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 34px;
  }
}
.store-case-page[data-v-fa2feda3] {
  width: 100%;
  background: #f5f6f8;
}
.vr-section[data-v-fa2feda3] {
  padding: 30px 0 40px;
}
.vr-section[data-v-fa2feda3]:first-child {
  padding-top: 48px;
}
.vr-section__inner[data-v-fa2feda3] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}
.vr-section__title[data-v-fa2feda3] {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  color: #1a1a2e;
  text-align: center;
}
.vr-section__desc[data-v-fa2feda3] {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  color: #6b7280;
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.vr-section__viewport[data-v-fa2feda3] {
  margin-top: 40px;
  width: 100%;
  height: 720px;
  border-radius: 16px;
  overflow: hidden;
  background: #e5e7eb;
  box-shadow: 0 4px 24px #0000000f;
}
.vr-section__iframe[data-v-fa2feda3] {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 768px) {
  .vr-section[data-v-fa2feda3]:first-child {
    padding-top: 28px;
  }
  .vr-section__title[data-v-fa2feda3] {
    font-size: 22px;
  }
  .vr-section__desc[data-v-fa2feda3] {
    font-size: 14px;
  }
  .vr-section__viewport[data-v-fa2feda3] {
    height: 420px;
    border-radius: 12px;
  }
}
.store-search-page[data-v-ebd36a75] {
  background: #f5f7fa;
  min-height: 100vh;
  padding-bottom: 40px;
}
.brand-section[data-v-ebd36a75] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 20px 20px;
}
.brand-header[data-v-ebd36a75] {
  text-align: center;
  margin-bottom: 24px;
}
.brand-title[data-v-ebd36a75] {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a2e;
  margin: 0 0 8px;
}
.brand-subtitle[data-v-ebd36a75] {
  font-size: 16px;
  color: #555;
  margin: 0 0 4px;
}
.brand-note[data-v-ebd36a75] {
  font-size: 13px;
  color: #e74c3c;
  margin: 0;
}
.filter-area[data-v-ebd36a75] {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px #0000000f;
}
.filter-row[data-v-ebd36a75] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  gap: 8px;
}
.filter-row[data-v-ebd36a75]:last-child {
  margin-bottom: 0;
}
.filter-label[data-v-ebd36a75] {
  flex-shrink: 0;
  font-size: 14px;
  color: #888;
  line-height: 32px;
  min-width: 60px;
}
.filter-links[data-v-ebd36a75] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.filter-link[data-v-ebd36a75] {
  display: inline-block;
  padding: 4px 12px;
  font-size: 14px;
  color: #333;
  background: #f0f2f5;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s;
  line-height: 24px;
}
.filter-link[data-v-ebd36a75]:hover {
  background: #e8f5ee;
  color: var(--color-primary, #0d843d);
}
.filter-link.active[data-v-ebd36a75] {
  background: var(--color-primary, #0d843d);
  color: #fff;
}
.store-summary[data-v-ebd36a75] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  padding: 0 4px;
}
.store-count[data-v-ebd36a75] {
  font-size: 16px;
  font-weight: 600;
  color: #1a1a2e;
}
.page-info[data-v-ebd36a75] {
  font-size: 13px;
  color: #999;
}
.industry-data-bar[data-v-ebd36a75] {
  background: linear-gradient(135deg, #e8f5ee, #f0faf4);
  border: 1px solid #c3e6d1;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 10px 16px;
}
.industry-data-bar__inner[data-v-ebd36a75] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 13px;
  color: #2d6a4f;
}
.industry-data-bar__item strong[data-v-ebd36a75] {
  color: #0d843d;
  font-weight: 700;
}
.industry-data-bar__divider[data-v-ebd36a75] {
  color: #b7dcc8;
}
.industry-data-bar__link[data-v-ebd36a75] {
  color: #0d843d;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.industry-data-bar__link[data-v-ebd36a75]:hover {
  text-decoration: underline;
}
.loading[data-v-ebd36a75] {
  text-align: center;
  padding: 60px 0;
  color: #999;
  font-size: 15px;
}
.store-grid[data-v-ebd36a75] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.store-card[data-v-ebd36a75] {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px #00000014;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.store-card[data-v-ebd36a75]:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px #0000001f;
}
.store-img-wrap[data-v-ebd36a75] {
  width: 100%;
  height: 260px;
  overflow: hidden;
  background: #f0f2f5;
}
.store-img[data-v-ebd36a75] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.store-info[data-v-ebd36a75] {
  padding: 16px;
}
.store-name[data-v-ebd36a75] {
  font-size: 17px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 8px;
  line-height: 1.4;
}
.store-location[data-v-ebd36a75] {
  font-size: 13px;
  color: #1a73e8;
  margin: 0 0 4px;
}
.store-address[data-v-ebd36a75] {
  font-size: 13px;
  color: #666;
  margin: 0 0 4px;
  line-height: 1.5;
}
.store-tel[data-v-ebd36a75],
.store-time[data-v-ebd36a75] {
  font-size: 13px;
  color: #999;
  margin: 0 0 4px;
}
.store-tags[data-v-ebd36a75] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.store-tag[data-v-ebd36a75] {
  font-size: 12px;
  padding: 2px 8px;
  background: #e8f0fe;
  color: #1a73e8;
  border-radius: 4px;
}
.no-stores[data-v-ebd36a75] {
  text-align: center;
  padding: 60px 0;
  color: #999;
  font-size: 15px;
}
.pagination[data-v-ebd36a75] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
  flex-wrap: wrap;
}
.page-link[data-v-ebd36a75] {
  display: inline-block;
  padding: 6px 14px;
  font-size: 14px;
  color: #333;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s;
}
.page-link[data-v-ebd36a75]:hover {
  border-color: var(--color-primary, #0d843d);
  color: var(--color-primary, #0d843d);
}
.page-link.active[data-v-ebd36a75] {
  background: var(--color-primary, #0d843d);
  color: #fff;
  border-color: var(--color-primary, #0d843d);
}
.page-dots[data-v-ebd36a75] {
  color: #999;
  padding: 0 4px;
}
@media (max-width: 768px) {
  .brand-section[data-v-ebd36a75] {
    padding: 28px 12px 20px;
  }
  .brand-title[data-v-ebd36a75] {
    font-size: 22px;
  }
  .store-grid[data-v-ebd36a75] {
    grid-template-columns: 1fr;
  }
  .store-img-wrap[data-v-ebd36a75] {
    height: 200px;
  }
  .filter-area[data-v-ebd36a75] {
    padding: 16px 12px;
    border-radius: 10px;
  }
  .filter-row[data-v-ebd36a75] {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
  }
  .filter-label[data-v-ebd36a75] {
    min-width: auto;
    font-size: 13px;
    color: #666;
    line-height: 1;
    font-weight: 500;
  }
  .filter-links[data-v-ebd36a75] {
    gap: 8px;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  .filter-links[data-v-ebd36a75]::-webkit-scrollbar {
    display: none;
  }
  .filter-link[data-v-ebd36a75] {
    flex-shrink: 0;
    font-size: 13px;
    padding: 6px 14px;
    border-radius: 20px;
    background: #f5f7fa;
    border: 1px solid transparent;
    line-height: 22px;
  }
  .filter-link.active[data-v-ebd36a75] {
    background: rgb(106 55 212 / var(--tw-text-opacity, 1));
    color: #fff;
    border-color: #0d843d;
    box-shadow: 0 2px 8px #0d843d40;
  }
  .store-summary[data-v-ebd36a75] {
    margin-bottom: 12px;
  }
  .industry-data-bar[data-v-ebd36a75] {
    padding: 10px 12px;
    margin-bottom: 16px;
  }
  .industry-data-bar__inner[data-v-ebd36a75] {
    font-size: 12px;
    gap: 6px 10px;
  }
  .page-link[data-v-ebd36a75] {
    padding: 4px 10px;
    font-size: 13px;
  }
}
.encyclopedia-qa-page[data-v-90c3806a] {
  width: 100%;
  background: #fff;
}
.encyclopedia-qa-hero[data-v-90c3806a] {
  width: 100%;
}
.encyclopedia-qa-hero__image[data-v-90c3806a] {
  display: block;
  width: 100%;
  height: auto;
}
.encyclopedia-qa[data-v-90c3806a] {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
  background: #f0f8f8;
}
.encyclopedia-qa__visual[data-v-90c3806a] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background:
    radial-gradient(
      circle at 14% 26%,
      #d1d9d9e6 0,
      #e1e8e899 16%,
      #f0f8f800 40%
    ),
    linear-gradient(180deg, #f0f8f8, #f0f8f8);
}
.encyclopedia-qa__inner[data-v-90c3806a] {
  position: relative;
  z-index: 1;
  width: min(100%, 1200px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.encyclopedia-qa__title[data-v-90c3806a] {
  width: 100%;
}
.encyclopedia-qa__subtitle[data-v-90c3806a] {
  margin-top: 20px;
  width: 100%;
}
.encyclopedia-qa__switch[data-v-90c3806a] {
  display: grid;
  grid-template-columns: repeat(2, 200px);
  align-items: center;
  width: 408px;
  height: 60px;
  margin-top: 40px;
  padding: 4px;
  border-radius: 50px;
  background: #fafffd;
}
.encyclopedia-qa__switch-button[data-v-90c3806a] {
  width: 200px;
  height: 52px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text);
  transition:
    background-color 0.2s ease,
    color 0.2s ease;
}
.encyclopedia-qa__switch-button.is-active[data-v-90c3806a] {
  background: #333;
  color: #fff;
}
.encyclopedia-qa__list[data-v-90c3806a] {
  width: 100%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.encyclopedia-qa__pagination[data-v-90c3806a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 40px;
  flex-wrap: wrap;
}
.encyclopedia-qa__pagination-button[data-v-90c3806a] {
  min-width: 44px;
  height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(13, 132, 61, 0.16);
  border-radius: 999px;
  background: #fff;
  color: var(--color-text);
  font-size: 14px;
  font-weight: 600;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
.encyclopedia-qa__pagination-button.is-active[data-v-90c3806a] {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}
.encyclopedia-qa__pagination-button[data-v-90c3806a]:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.encyclopedia-qa__pagination-button--nav[data-v-90c3806a] {
  min-width: 88px;
}
.encyclopedia-qa__state[data-v-90c3806a] {
  width: 100%;
  margin-top: 40px;
  padding: 48px 24px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: var(--color-text-secondary);
}
.encyclopedia-qa__state--error button[data-v-90c3806a] {
  padding: 8px 24px;
  border-radius: 999px;
  background: var(--color-primary);
  color: #fff;
}
.encyclopedia-qa-card[data-v-90c3806a] {
  width: 100%;
  min-height: 164px;
  padding: 24px 24px 23px;
  border-radius: 16px;
  background: #fff;
}
.encyclopedia-qa-card__row[data-v-90c3806a] {
  display: flex;
  align-items: flex-start;
}
.encyclopedia-qa-card__row--question[data-v-90c3806a] {
  min-height: 24px;
}
.encyclopedia-qa-card__row--answer[data-v-90c3806a] {
  margin-top: 22px;
}
.encyclopedia-qa-card__badge[data-v-90c3806a] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}
.encyclopedia-qa-card__badge--question[data-v-90c3806a] {
  background: #ff8d1a;
}
.encyclopedia-qa-card__badge--answer[data-v-90c3806a] {
  background: var(--color-primary);
}
.encyclopedia-qa-card__question[data-v-90c3806a],
.encyclopedia-qa-card__answer[data-v-90c3806a] {
  margin-left: 10px;
  color: var(--color-text);
}
.encyclopedia-qa-card__question[data-v-90c3806a] {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4375;
}
.encyclopedia-qa-card__divider[data-v-90c3806a] {
  width: 100%;
  height: 1px;
  margin-top: 24px;
  background: var(--color-line);
}
.encyclopedia-qa-card__answer[data-v-90c3806a] {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4375;
}
.encyclopedia-qa-card__answer[data-v-90c3806a] p {
  margin: 0;
}
.encyclopedia-qa-card__answer[data-v-90c3806a] p + p {
  margin-top: 10px;
}
.encyclopedia-qa-card__answer[data-v-90c3806a] a {
  color: var(--color-primary);
  text-decoration: underline;
}
.industry-news-detail-page[data-v-50fec836] {
  width: 100%;
  background: #fff;
}
.industry-news-detail-content[data-v-50fec836] {
  padding: 72px 0 124px;
}
.industry-news-detail-content__inner[data-v-50fec836] {
  width: min(100%, 1200px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.industry-news-detail-breadcrumb[data-v-50fec836] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
  color: #8a8a8a;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
}
.industry-news-detail-breadcrumb__link[data-v-50fec836] {
  color: #666;
  text-decoration: none;
  transition: color 0.2s ease;
}
.industry-news-detail-breadcrumb__link[data-v-50fec836]:hover {
  color: var(--color-primary);
}
.industry-news-detail-breadcrumb__separator[data-v-50fec836] {
  color: #b8b8b8;
}
.industry-news-detail-breadcrumb__current[data-v-50fec836] {
  color: #121212;
}
.industry-news-detail-article__title[data-v-50fec836] {
  margin: 0;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.28;
  color: #121212;
}
.industry-news-detail-article__meta[data-v-50fec836] {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  gap: 40px;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.industry-news-detail-article__body[data-v-50fec836] {
  width: 100%;
  max-width: 800px;
  margin: 60px auto 0;
  color: #121212;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
.industry-news-detail-article__body[data-v-50fec836] * {
  max-width: 100%;
}
.industry-news-detail-article__body[data-v-50fec836] p {
  margin: 0;
}
.industry-news-detail-article__body[data-v-50fec836] p + p {
  margin-top: 20px;
}
.industry-news-detail-article__body[data-v-50fec836] h2 {
  margin: 40px 0 18px;
  font-size: 28px;
  line-height: 1.45;
  color: #121212;
  font-weight: 700;
}
.industry-news-detail-article__body[data-v-50fec836] h3 {
  margin: 28px 0 14px;
  font-size: 22px;
  line-height: 1.4;
  color: #1a1a1a;
  font-weight: 700;
}
.industry-news-detail-article__body[data-v-50fec836] table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;
}
.industry-news-detail-article__body[data-v-50fec836] th,
.industry-news-detail-article__body[data-v-50fec836] td {
  border: 1px solid #e5e7eb;
  padding: 10px 14px;
  text-align: left;
}
.industry-news-detail-article__body[data-v-50fec836] th {
  background: #f3f4f6;
  font-weight: 600;
  color: #374151;
}
.industry-news-detail-article__body[data-v-50fec836] ul,
.industry-news-detail-article__body[data-v-50fec836] ol {
  padding-left: 1.4em;
  margin: 16px 0;
}
.industry-news-detail-article__body[data-v-50fec836] li {
  margin: 8px 0;
}
.industry-news-detail-article__body[data-v-50fec836] strong {
  color: #0d843d;
}
.industry-news-detail-article__body[data-v-50fec836] blockquote {
  margin: 20px 0;
  padding: 16px 20px;
  border-left: 4px solid #0d843d;
  background: #f0fdf4;
  color: #166534;
  border-radius: 0 8px 8px 0;
}
@media (max-width: 1024px) {
  .industry-news-detail-content[data-v-50fec836] {
    padding: 72px 0 96px;
  }
  .industry-news-detail-article__title[data-v-50fec836] {
    font-size: 32px;
  }
  .industry-news-detail-article__body[data-v-50fec836] {
    margin-top: 48px;
  }
}
@media (max-width: 640px) {
  .industry-news-detail-content[data-v-50fec836] {
    padding: 56px 0 72px;
  }
  .industry-news-detail-article__meta[data-v-50fec836] {
    flex-wrap: wrap;
    gap: 12px 20px;
    font-size: 14px;
  }
  .industry-news-detail-breadcrumb[data-v-50fec836] {
    gap: 8px;
    margin-bottom: 24px;
    font-size: 13px;
  }
  .industry-news-detail-article__title[data-v-50fec836] {
    font-size: 26px;
  }
  .industry-news-detail-article__body[data-v-50fec836] {
    margin-top: 36px;
    font-size: 15px;
    line-height: 1.9;
  }
  .industry-news-detail-article__body[data-v-50fec836] h2 {
    font-size: 22px;
  }
  .industry-news-detail-article__body[data-v-50fec836] h3 {
    font-size: 18px;
  }
}
.contact-banner[data-v-1b2ab8f1] {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
}
.contact-banner__img[data-v-1b2ab8f1] {
  display: block;
  width: 100%;
  height: auto;
  max-height: 440px;
  object-fit: cover;
}
.contact-breadcrumb[data-v-1b2ab8f1] {
  max-width: 1620px;
  margin: 0 auto;
  padding: 16px 24px;
}
.contact-breadcrumb__list[data-v-1b2ab8f1] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.contact-breadcrumb__item[data-v-1b2ab8f1] {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: var(--color-text-secondary, #999);
}
.contact-breadcrumb__item a[data-v-1b2ab8f1] {
  color: var(--color-text-secondary, #999);
  text-decoration: none;
}
.contact-breadcrumb__item a[data-v-1b2ab8f1]:hover {
  color: var(--color-primary, #2a9d84);
}
.contact-breadcrumb__item + .contact-breadcrumb__item[data-v-1b2ab8f1]:before {
  content: ">";
  margin: 0 8px;
  color: var(--color-line, #ddd);
}
.contact-breadcrumb__item--current[data-v-1b2ab8f1] {
  color: var(--color-text, #333);
}
.contact-hero[data-v-1b2ab8f1] {
  text-align: center;
  padding: 48px 24px 32px;
}
.contact-hero__title[data-v-1b2ab8f1] {
  font-size: 36px;
  font-weight: 800;
  color: var(--color-text, #2c2c2c);
  margin: 0;
}
.contact-hero__subtitle[data-v-1b2ab8f1] {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-secondary, #999);
  margin: 8px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.contact-info[data-v-1b2ab8f1] {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px 48px;
}
.contact-info__grid[data-v-1b2ab8f1] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.contact-info__card[data-v-1b2ab8f1] {
  background: #f7f7f7;
  border-radius: 8px;
  padding: 32px 24px;
  text-align: center;
  transition: box-shadow 0.2s;
}
.contact-info__card[data-v-1b2ab8f1]:hover {
  box-shadow: 0 4px 24px #0000000f;
}
.contact-info__icon[data-v-1b2ab8f1] {
  width: 56px;
  height: 56px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e8e8e8;
  color: var(--color-primary, #2a9d84);
}
.contact-info__label[data-v-1b2ab8f1] {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text, #2c2c2c);
  margin: 0 0 12px;
}
.contact-info__value[data-v-1b2ab8f1] {
  display: block;
  font-size: 15px;
  color: var(--color-text-secondary, #666);
  line-height: 1.7;
  text-decoration: none;
  margin: 0;
}
.contact-info__value--phone[data-v-1b2ab8f1] {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-primary, #2a9d84);
  letter-spacing: 0.04em;
}
.contact-info__value--phone[data-v-1b2ab8f1]:hover {
  text-decoration: underline;
}
.contact-brands[data-v-1b2ab8f1] {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px 48px;
}
.contact-brands__heading[data-v-1b2ab8f1] {
  font-size: 24px;
  font-weight: 800;
  color: var(--color-text, #2c2c2c);
  text-align: center;
  margin: 0 0 40px;
}
.contact-brands__grid[data-v-1b2ab8f1] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.contact-brands__card[data-v-1b2ab8f1] {
  background: #f7f7f7;
  border-radius: 8px;
  padding: 32px;
}
.contact-brands__card-header[data-v-1b2ab8f1] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.contact-brands__logo[data-v-1b2ab8f1] {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 6px;
}
.contact-brands__name[data-v-1b2ab8f1] {
  font-size: 20px;
  font-weight: 700;
  color: var(--color-text, #2c2c2c);
  margin: 0;
}
.contact-brands__desc[data-v-1b2ab8f1] {
  font-size: 14px;
  color: var(--color-text-secondary, #999);
  margin: 0 0 20px;
}
.contact-brands__detail[data-v-1b2ab8f1] {
  font-size: 15px;
  color: var(--color-text-secondary, #666);
  margin: 0 0 8px;
  line-height: 1.6;
}
.contact-brands__detail[data-v-1b2ab8f1]:last-child {
  margin-bottom: 0;
}
.contact-brands__link[data-v-1b2ab8f1] {
  display: inline-block;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary, #0d843d);
  text-decoration: none;
  transition: opacity 0.2s;
}
.contact-brands__link[data-v-1b2ab8f1]:hover {
  opacity: 0.8;
  text-decoration: underline;
}
.contact-brands__detail-label[data-v-1b2ab8f1] {
  font-weight: 600;
  color: var(--color-text, #2c2c2c);
}
.contact-social[data-v-1b2ab8f1] {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px 48px;
}
.contact-social__header[data-v-1b2ab8f1] {
  text-align: center;
  margin-bottom: 40px;
}
.contact-social__heading[data-v-1b2ab8f1] {
  font-size: 24px;
  font-weight: 800;
  color: var(--color-text, #2c2c2c);
  margin: 0;
}
.contact-social__subtitle[data-v-1b2ab8f1] {
  font-size: 14px;
  color: var(--color-text-secondary, #999);
  margin: 6px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.contact-social__grid[data-v-1b2ab8f1] {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}
.contact-social__item[data-v-1b2ab8f1] {
  text-align: center;
}
.contact-social__qr[data-v-1b2ab8f1] {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  background: #f0f0f0;
  margin-bottom: 12px;
}
.contact-social__qr img[data-v-1b2ab8f1] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-social__name[data-v-1b2ab8f1] {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text, #2c2c2c);
  margin: 0;
  line-height: 1.6;
}
.contact-notice[data-v-1b2ab8f1] {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px 48px;
}
.contact-notice__heading[data-v-1b2ab8f1] {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-text, #2c2c2c);
  margin: 0 0 16px;
}
.contact-notice__list[data-v-1b2ab8f1] {
  list-style: none;
  margin: 0;
  background: #f7f7f7;
  border-radius: 6px;
  padding: 20px 24px;
}
.contact-notice__list li[data-v-1b2ab8f1] {
  font-size: 14px;
  color: var(--color-text-secondary, #666);
  line-height: 2;
}
.sr-only[data-v-1b2ab8f1] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
@media (max-width: 1024px) {
  .contact-info__grid[data-v-1b2ab8f1] {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-social__grid[data-v-1b2ab8f1] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .contact-hero__title[data-v-1b2ab8f1] {
    font-size: 22px;
  }
  .contact-info__grid[data-v-1b2ab8f1],
  .contact-brands__grid[data-v-1b2ab8f1] {
    grid-template-columns: 1fr;
  }
  .contact-social__grid[data-v-1b2ab8f1] {
    grid-template-columns: repeat(2, 1fr);
  }
  .contact-breadcrumb[data-v-1b2ab8f1] {
    padding: 10px 16px;
  }
}
.join-page[data-v-27065e9c] {
  width: 100%;
}
.section__inner[data-v-27065e9c] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.join-hero[data-v-27065e9c] {
  padding: 80px 0 60px;
  background: linear-gradient(135deg, #0d843d, #067a35);
  color: #fff;
  text-align: center;
}
.join-hero__title[data-v-27065e9c] {
  margin: 0;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
  line-height: 1.3;
}
.join-hero__slogan[data-v-27065e9c] {
  margin: 16px 0 0;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 600;
  opacity: 0.95;
}
.join-hero__desc[data-v-27065e9c] {
  margin: 24px 0 0;
  font-size: 16px;
  line-height: 1.8;
  opacity: 0.9;
}
.join-hero__cta[data-v-27065e9c] {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.join-hero__btn[data-v-27065e9c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 36px;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  border: none;
  transition:
    opacity 0.2s,
    transform 0.2s;
  text-decoration: none;
}
.join-hero__btn--primary[data-v-27065e9c] {
  background: #fff;
  color: #0d843d;
}
.join-hero__btn--secondary[data-v-27065e9c] {
  background: #ffffff26;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.join-hero__btn[data-v-27065e9c]:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
.join-section[data-v-27065e9c] {
  padding: 64px 0;
}
.join-section--gray[data-v-27065e9c] {
  background: #f5f6f8;
}
.join-section__title[data-v-27065e9c] {
  margin: 0;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  color: #1a1a2e;
  text-align: center;
}
.join-section__subtitle[data-v-27065e9c] {
  margin: 16px 0 0;
  font-size: 16px;
  color: #6b7280;
  text-align: center;
}
.join-stats[data-v-27065e9c] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.join-stats__item[data-v-27065e9c] {
  text-align: center;
  padding: 32px 16px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
}
.join-section--gray .join-stats__item[data-v-27065e9c] {
  background: #fff;
}
.join-stats__num[data-v-27065e9c] {
  display: block;
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 800;
  color: #0d843d;
  line-height: 1.2;
}
.join-stats__label[data-v-27065e9c] {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  color: #6b7280;
}
.join-tech-grid[data-v-27065e9c] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.join-tech-card[data-v-27065e9c] {
  padding: 28px 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
}
.join-tech-card__name[data-v-27065e9c] {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
}
.join-tech-card__desc[data-v-27065e9c] {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
}
.join-tech-card__tag[data-v-27065e9c] {
  display: inline-block;
  margin-top: 16px;
  padding: 4px 12px;
  border-radius: 6px;
  background: #0d843d14;
  color: #0d843d;
  font-size: 13px;
  font-weight: 600;
}
.join-cap-grid[data-v-27065e9c] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.join-cap-item[data-v-27065e9c] {
  padding: 28px 24px;
  border-radius: 16px;
  background: #f5f6f8;
  border-left: 4px solid #0d843d;
}
.join-cap-item__name[data-v-27065e9c] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
}
.join-cap-item__desc[data-v-27065e9c] {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
}
.join-support-grid[data-v-27065e9c] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.join-support-item[data-v-27065e9c] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: 12px;
  background: #fff;
}
.join-support-item__num[data-v-27065e9c] {
  flex-shrink: 0;
  font-size: 24px;
  font-weight: 800;
  color: #0d843d;
  opacity: 0.3;
  line-height: 1;
}
.join-support-item__text[data-v-27065e9c] {
  font-size: 15px;
  line-height: 1.6;
  color: #374151;
}
.join-policy-table[data-v-27065e9c] {
  margin-top: 40px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px #0000000f;
}
.join-policy-row[data-v-27065e9c] {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1.2fr 1.4fr;
}
.join-policy-row--header[data-v-27065e9c] {
  background: rgb(106 55 212 / var(--tw-text-opacity, 1));
  color: #fff;
}
.join-policy-row--header .join-policy-cell[data-v-27065e9c] {
  font-size: 15px;
  font-weight: 700;
  padding: 16px 12px;
  text-align: center;
}
.join-policy-cell[data-v-27065e9c] {
  padding: 20px 12px;
  font-size: 14px;
  text-align: center;
  color: #374151;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
}
.join-policy-cell--name[data-v-27065e9c] {
  font-weight: 700;
  color: #1a1a2e;
}
.join-policy-cell--fee[data-v-27065e9c] {
  font-weight: 800;
  color: #0d843d;
  font-size: 16px;
}
.join-policy-notes[data-v-27065e9c] {
  margin-top: 24px;
}
.join-policy-notes__item[data-v-27065e9c] {
  margin: 8px 0;
  padding-left: 20px;
  font-size: 14px;
  color: #6b7280;
  position: relative;
}
.join-policy-notes__item[data-v-27065e9c]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(106 55 212 / var(--tw-text-opacity, 1));
}
.join-timeline[data-v-27065e9c] {
  margin-top: 40px;
  position: relative;
}
.join-timeline__item[data-v-27065e9c] {
  display: flex;
  align-items: baseline;
  gap: 24px;
  padding: 16px 0;
  border-bottom: 1px solid #e5e7eb;
}
.join-timeline__item[data-v-27065e9c]:last-child {
  border-bottom: none;
}
.join-timeline__year[data-v-27065e9c] {
  flex-shrink: 0;
  min-width: 80px;
  font-size: 20px;
  font-weight: 800;
  color: #0d843d;
}
.join-timeline__event[data-v-27065e9c] {
  font-size: 16px;
  color: #374151;
}
.join-industry[data-v-27065e9c] {
  margin-top: 40px;
}
.join-industry__row[data-v-27065e9c] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.join-industry__label[data-v-27065e9c] {
  flex-shrink: 0;
  min-width: 80px;
  font-size: 15px;
  font-weight: 600;
  color: #6b7280;
}
.join-industry__value[data-v-27065e9c] {
  font-size: 16px;
  color: #1a1a2e;
}
.join-industry__pain[data-v-27065e9c] {
  margin-top: 32px;
}
.join-industry__pain-title[data-v-27065e9c] {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
}
.join-industry__pain-list[data-v-27065e9c] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.join-industry__pain-list li[data-v-27065e9c] {
  padding: 10px 0 10px 24px;
  font-size: 15px;
  color: #6b7280;
  position: relative;
}
.join-industry__pain-list li[data-v-27065e9c]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d1d5db;
}
.join-cta[data-v-27065e9c] {
  padding: 64px 0;
  background: linear-gradient(135deg, #0d843d, #067a35);
  color: #fff;
  text-align: center;
}
.join-cta__title[data-v-27065e9c] {
  margin: 0;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
}
.join-cta__desc[data-v-27065e9c] {
  margin: 16px 0 0;
  font-size: 16px;
  opacity: 0.9;
}
.join-cta__btn[data-v-27065e9c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin: 32px 8px 0;
  padding: 0 36px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition:
    opacity 0.2s,
    transform 0.2s;
  text-decoration: none;
  border: none;
}
.join-cta__btn[data-v-27065e9c]:first-of-type {
  background: #fff;
  color: #0d843d;
}
.join-cta__btn--outline[data-v-27065e9c] {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.join-cta__btn[data-v-27065e9c]:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .join-section[data-v-27065e9c] {
    padding: 40px 0;
  }
  .join-stats[data-v-27065e9c] {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .join-stats__item[data-v-27065e9c] {
    padding: 24px 12px;
  }
  .join-tech-grid[data-v-27065e9c],
  .join-cap-grid[data-v-27065e9c] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .join-support-grid[data-v-27065e9c] {
    grid-template-columns: 1fr;
  }
  .join-timeline__item[data-v-27065e9c] {
    flex-direction: column;
    gap: 4px;
  }
  .join-industry__row[data-v-27065e9c] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .join-hero__cta[data-v-27065e9c] {
    flex-direction: column;
  }
  .join-hero__btn[data-v-27065e9c] {
    width: 100%;
  }
  .join-policy-table[data-v-27065e9c] {
    border-radius: 0;
  }
  .join-policy-row[data-v-27065e9c] {
    grid-template-columns: 1fr;
  }
  .join-policy-row--header[data-v-27065e9c] {
    display: none;
  }
  .join-policy-cell[data-v-27065e9c] {
    padding: 12px 16px;
    text-align: left;
    justify-content: flex-start;
    border-bottom: none;
  }
  .join-policy-row[data-v-27065e9c] {
    border-bottom: 8px solid #f5f6f8;
  }
  .join-policy-cell[data-v-27065e9c]:before {
    content: attr(data-label);
    flex-shrink: 0;
    width: 80px;
    font-weight: 600;
    color: #9ca3af;
    font-size: 13px;
  }
}
.sfpy-join-page[data-v-01d209fb] {
  width: 100%;
}
.section__inner[data-v-01d209fb] {
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: 0 24px;
}
.sfpy-hero[data-v-01d209fb] {
  padding: 80px 0 60px;
  background: linear-gradient(135deg, #6d28d9, #5b21b6);
  color: #fff;
  text-align: center;
}
.sfpy-hero__title[data-v-01d209fb] {
  margin: 0;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 800;
  line-height: 1.3;
}
.sfpy-hero__slogan[data-v-01d209fb] {
  margin: 16px 0 0;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 600;
  opacity: 0.95;
}
.sfpy-hero__desc[data-v-01d209fb] {
  margin: 24px 0 0;
  font-size: 16px;
  line-height: 1.8;
  opacity: 0.9;
}
.sfpy-hero__cta[data-v-01d209fb] {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}
.sfpy-hero__btn[data-v-01d209fb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  padding: 0 36px;
  border-radius: 10px;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  border: none;
  transition:
    opacity 0.2s,
    transform 0.2s;
  text-decoration: none;
}
.sfpy-hero__btn--primary[data-v-01d209fb] {
  background: #fff;
  color: #6d28d9;
}
.sfpy-hero__btn--secondary[data-v-01d209fb] {
  background: #ffffff26;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.4);
}
.sfpy-hero__btn[data-v-01d209fb]:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
.sfpy-section[data-v-01d209fb] {
  padding: 64px 0;
}
.sfpy-section--gray[data-v-01d209fb] {
  background: #f5f6f8;
}
.sfpy-section__title[data-v-01d209fb] {
  margin: 0;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  color: #1a1a2e;
  text-align: center;
}
.sfpy-section__subtitle[data-v-01d209fb] {
  margin: 16px 0 0;
  font-size: 16px;
  color: #6b7280;
  text-align: center;
}
.sfpy-stats[data-v-01d209fb] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sfpy-stats__item[data-v-01d209fb] {
  text-align: center;
  padding: 32px 16px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
}
.sfpy-stats__num[data-v-01d209fb] {
  display: block;
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 800;
  color: #6d28d9;
  line-height: 1.2;
}
.sfpy-stats__label[data-v-01d209fb] {
  display: block;
  margin-top: 8px;
  font-size: 15px;
  color: #6b7280;
}
.sfpy-tech-grid[data-v-01d209fb] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sfpy-tech-card[data-v-01d209fb] {
  padding: 28px 24px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 2px 12px #0000000a;
}
.sfpy-tech-card__name[data-v-01d209fb] {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1a1a2e;
}
.sfpy-tech-card__desc[data-v-01d209fb] {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
}
.sfpy-tech-card__tag[data-v-01d209fb] {
  display: inline-block;
  margin-top: 16px;
  padding: 4px 12px;
  border-radius: 6px;
  background: #6d28d914;
  color: #6d28d9;
  font-size: 13px;
  font-weight: 600;
}
.sfpy-cap-grid[data-v-01d209fb] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.sfpy-cap-item[data-v-01d209fb] {
  padding: 28px 24px;
  border-radius: 16px;
  background: #f5f6f8;
  border-left: 4px solid #6d28d9;
}
.sfpy-cap-item__name[data-v-01d209fb] {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
}
.sfpy-cap-item__desc[data-v-01d209fb] {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: #6b7280;
}
.sfpy-support-grid[data-v-01d209fb] {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.sfpy-support-item[data-v-01d209fb] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  border-radius: 12px;
  background: #fff;
}
.sfpy-support-item__num[data-v-01d209fb] {
  flex-shrink: 0;
  font-size: 24px;
  font-weight: 800;
  color: #6d28d9;
  opacity: 0.3;
  line-height: 1;
}
.sfpy-support-item__text[data-v-01d209fb] {
  font-size: 15px;
  line-height: 1.6;
  color: #374151;
}
.sfpy-timeline[data-v-01d209fb] {
  margin-top: 40px;
  position: relative;
}
.sfpy-timeline__item[data-v-01d209fb] {
  display: flex;
  align-items: baseline;
  gap: 24px;
  padding: 16px 0;
  border-bottom: 1px solid #e5e7eb;
}
.sfpy-timeline__item[data-v-01d209fb]:last-child {
  border-bottom: none;
}
.sfpy-timeline__year[data-v-01d209fb] {
  flex-shrink: 0;
  min-width: 100px;
  font-size: 20px;
  font-weight: 800;
  color: #6d28d9;
}
.sfpy-timeline__event[data-v-01d209fb] {
  font-size: 16px;
  color: #374151;
}
.sfpy-industry[data-v-01d209fb] {
  margin-top: 40px;
}
.sfpy-industry__row[data-v-01d209fb] {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
}
.sfpy-industry__label[data-v-01d209fb] {
  flex-shrink: 0;
  min-width: 80px;
  font-size: 15px;
  font-weight: 600;
  color: #6b7280;
}
.sfpy-industry__value[data-v-01d209fb] {
  font-size: 16px;
  color: #1a1a2e;
}
.sfpy-industry__pain[data-v-01d209fb] {
  margin-top: 32px;
}
.sfpy-industry__pain-title[data-v-01d209fb] {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a2e;
}
.sfpy-industry__pain-list[data-v-01d209fb] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sfpy-industry__pain-list li[data-v-01d209fb] {
  padding: 10px 0 10px 24px;
  font-size: 15px;
  color: #6b7280;
  position: relative;
}
.sfpy-industry__pain-list li[data-v-01d209fb]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d1d5db;
}
.sfpy-cta[data-v-01d209fb] {
  padding: 64px 0;
  background: linear-gradient(135deg, #6d28d9, #5b21b6);
  color: #fff;
  text-align: center;
}
.sfpy-cta__title[data-v-01d209fb] {
  margin: 0;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
}
.sfpy-cta__desc[data-v-01d209fb] {
  margin: 16px 0 0;
  font-size: 16px;
  opacity: 0.9;
}
.sfpy-cta__btn[data-v-01d209fb] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  margin: 32px 8px 0;
  padding: 0 36px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition:
    opacity 0.2s,
    transform 0.2s;
  text-decoration: none;
  border: none;
}
.sfpy-cta__btn[data-v-01d209fb]:first-of-type {
  background: #fff;
  color: #6d28d9;
}
.sfpy-cta__btn--outline[data-v-01d209fb] {
  background: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.sfpy-cta__btn[data-v-01d209fb]:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .sfpy-section[data-v-01d209fb] {
    padding: 40px 0;
  }
  .sfpy-stats[data-v-01d209fb] {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .sfpy-stats__item[data-v-01d209fb] {
    padding: 24px 12px;
  }
  .sfpy-tech-grid[data-v-01d209fb],
  .sfpy-cap-grid[data-v-01d209fb] {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .sfpy-support-grid[data-v-01d209fb] {
    grid-template-columns: 1fr;
  }
  .sfpy-timeline__item[data-v-01d209fb] {
    flex-direction: column;
    gap: 4px;
  }
  .sfpy-industry__row[data-v-01d209fb] {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .sfpy-hero__cta[data-v-01d209fb] {
    flex-direction: column;
  }
  .sfpy-hero__btn[data-v-01d209fb] {
    width: 100%;
  }
}
.not-found[data-v-6793e90e] {
  width: 100%;
  min-height: 60vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 120px 24px;
  text-align: center;
}
.not-found__code[data-v-6793e90e] {
  font-size: 80px;
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: 0.04em;
}
.not-found__title[data-v-6793e90e] {
  margin-top: 8px;
  font-size: 32px;
  font-weight: 700;
  color: var(--color-text);
}
.not-found__desc[data-v-6793e90e] {
  max-width: 480px;
  margin: 24px 0 32px;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-text-secondary);
  line-height: 1.7;
}
.not-found__btn[data-v-6793e90e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  height: 56px;
  background: var(--color-primary);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 4px;
  transition: background 0.2s;
}
.not-found__btn[data-v-6793e90e]:hover {
  background: var(--color-primary-deep);
}
:root {
  color-scheme: light;
  font-family:
    PingFang SC,
    Microsoft YaHei,
    Segoe UI,
    system-ui,
    sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #333;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --color-primary: #0d843d;
  --color-primary-deep: #0a6a30;
  --color-primary-pale: #f5f9f8;
  --color-primary-soft: #f7fffa;
  --color-accent-gradient: linear-gradient(90deg, #35d32f 0%, #35c46e 100%);
  --color-text: #333;
  --color-text-secondary: #666;
  --color-text-muted: #999;
  --color-text-placeholder: #ccc;
  --color-line: #eee;
  --color-line-strong: #e6e6e6;
  --color-footer-line: #9edbb5;
  --site-width: 1920px;
  --content-width: 1200px;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body,
#app {
  min-height: 100%;
}
body {
  margin: 0;
  background: #fff;
}
a {
  color: inherit;
  text-decoration: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
img {
  display: block;
  max-width: 100%;
}
button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}
input {
  font-family: inherit;
}
.app {
  width: 100%;
}
.section {
  width: 100%;
  display: flex;
  justify-content: center;
}
.section__inner {
  width: var(--content-width);
}
.section__title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  color: var(--color-text);
}
.section__subtitle {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: var(--color-text);
}
@media (max-width: 1024px) {
  :root {
    --content-width: 100%;
  }
  .section__inner {
    width: min(100%, 1200px);
    padding: 0 24px;
  }
  .section__title {
    font-size: 34px;
  }
}
@media (max-width: 640px) {
  .section__inner {
    padding: 0 16px;
  }
  .section__title {
    font-size: 28px;
  }
  .section__subtitle {
    font-size: 15px;
    line-height: 1.7;
  }
}