/* Cookie Settings modal — Figma 2713:96897
 * 内容区 padding 40、纵向 gap 24；分割线宽 648（左右各缩进 40），不顶满弹窗。
 * Cookie Settings 介绍与 Necessary Cookies 之间无横线。
 */

.CookiesManageModal_panel__37w_G {
  width: 100%;
  max-width: 728px;
  padding: 0;
  overflow: hidden;
  border: none;
  /* Figma 2713:96897 cornerRadius 16；覆盖 Dialog 默认 rounded-sm / 主题 2xl=5px */
  border-radius: 16px !important;
  background: #fff;
  color: #3a3a3a;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  /* 正文默认 Inter；标题单独用 Encode Sans Expanded */
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
}

.CookiesManageModal_content__l598p {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 26px 40px 34px;
  box-sizing: border-box;
}

.CookiesManageModal_topBar__Ru6k4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 29px;
}

.CookiesManageModal_logo__b_Tqv {
  color: #3a3a3a;
}

.CookiesManageModal_close__587o_ {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 29px;
  margin: 0 -6px 0 0;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: #3a3a3a;
  cursor: pointer;
}

.CookiesManageModal_close__587o_:hover {
  background: rgba(0, 0, 0, 0.04);
}

.CookiesManageModal_close__587o_:focus-visible {
  outline: 2px solid #ff631b;
  outline-offset: 2px;
}

.CookiesManageModal_divider__5tYwG {
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  border: none;
  border-top: 1px solid #e5e5e5;
}

.CookiesManageModal_intro___sw8s {
  display: flex;
  flex-direction: column;
  gap: 6px;
  /* Figma Frame 835416：介绍区底部 pad 40，再加内容区 gap 24 到 Necessary */
  padding-bottom: 40px;
}

.CookiesManageModal_title__vTyuy {
  margin: 0;
  font-family: var(--font-encode-expanded), "Encode Sans Expanded", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  color: #3a3a3a !important;
}

.CookiesManageModal_description__XgtSk {
  margin: 0;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  /* Figma 文字行高 Auto → 13.3125px */
  line-height: 13.3125px;
  color: rgba(0, 0, 0, 0.5);
}

.CookiesManageModal_learnMore__ufUuZ {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  transition: color 0.15s ease;
}

.CookiesManageModal_learnMore__ufUuZ:hover {
  color: #3a3a3a;
}

.CookiesManageModal_section__SDvFO {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
}

.CookiesManageModal_sectionHead__F1Joi {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.CookiesManageModal_sectionCopy__mREmb {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}

.CookiesManageModal_sectionTitle__awaYy {
  margin: 0;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  /* Figma 文字行高 Auto → ~16.94px */
  line-height: 16.94px;
  color: #3a3a3a;
}

.CookiesManageModal_sectionDesc__VBEQH {
  margin: 0;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 13.3125px;
  color: rgba(0, 0, 0, 0.5);
}

.CookiesManageModal_alwaysActive__Zxp3V {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border: 1px solid #ff631b;
  border-radius: 16px;
  background: #fff;
  color: #3a3a3a;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.CookiesManageModal_switch__gkYwS {
  position: relative;
  flex: 0 0 auto;
  width: 36px;
  height: 20px;
  margin-top: 2px;
  padding: 0;
  border: none;
  border-radius: 100px;
  background: #d1d5db;
  cursor: pointer;
  transition: background-color 0.18s ease;
}

.CookiesManageModal_switchOn__y6X4W {
  background: #ff631b;
}

.CookiesManageModal_switch__gkYwS:focus-visible {
  outline: 2px solid #ff631b;
  outline-offset: 2px;
}

.CookiesManageModal_switchThumb__njHPq {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  transition: transform 0.18s ease;
}

.CookiesManageModal_switchOn__y6X4W .CookiesManageModal_switchThumb__njHPq {
  transform: translateX(16px);
}

.CookiesManageModal_footer__F_C7P {
  display: flex;
  justify-content: center;
}

.CookiesManageModal_save__FZz_c {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 210px;
  max-width: 100%;
  height: 32px;
  padding: 0 16px;
  border: none;
  border-radius: 16px;
  background: #ff631b;
  color: #fff;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.CookiesManageModal_save__FZz_c:hover {
  background: #f05712;
}

.CookiesManageModal_save__FZz_c:focus-visible {
  outline: 2px solid #ff631b;
  outline-offset: 2px;
}

@media (max-width: 639.98px) {
  /* 与 PC 同结构：只适配宽度/高度，不改按钮与分区排版 */
  .CookiesManageModal_panel__37w_G {
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
  }

  .CookiesManageModal_content__l598p {
    padding: 20px 20px 28px;
  }
}

/* ============================================================
   Guest H5 (mobile <640) — Figma 2592:138847 (390w)
   ============================================================ */

.guestH5Sections_page__Vum9K {
  --h5-orange: #ff631b;
  --h5-ink: #3a3a3a;
  --h5-muted: #6b7280;
  --h5-bg: #f3f4f6;
  position: relative;
  width: 100%;
  min-height: 100dvh;
  margin: 0 auto;
  background: var(--h5-bg);
  color: var(--h5-ink);
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  overflow-x: clip;
}

/* Shared reveal animation ---------------------------------- */
.guestH5Sections_reveal__I6f6N {
  opacity: 1;
  transform: none;
  transition: none;
  will-change: auto;
}
.guestH5Sections_revealVisible__S28Yc {
  opacity: 1;
  transform: none;
}

/* Shared primary CTA (pill) -------------------------------- */
.guestH5Sections_cta__u3Ot6 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 48px;
  padding: 0 16px;
  border: none;
  border-radius: 100px;
  background: var(--h5-orange);
  color: #fff;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.guestH5Sections_cta__u3Ot6:active {
  transform: scale(0.97);
}
.guestH5Sections_cta__u3Ot6:disabled {
  opacity: 0.7;
  cursor: wait;
}

/* ============================================================
   HERO — Figma bg 465h + float nav + Recreate Vid
   ============================================================ */
.guestH5Sections_hero__Ol_Xw {
  position: relative;
  margin-bottom: 60px;
  padding: 0 0 28px;
}

.guestH5Sections_heroStage__thE0K {
  position: relative;
  height: 465px;
  overflow: hidden;
  background: linear-gradient(180deg, #8a8a8a 0%, #5f5f5f 100%);
  touch-action: pan-y;
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
}
.guestH5Sections_heroStageDragging__DcqZU {
  cursor: grabbing;
  touch-action: none;
}

/* Single-image hero — Figma 2592:138853.
   The legacy carousel styles below are retained for future reuse. */
.guestH5Sections_heroSingle__kc1Yo {
  padding-bottom: 0;
}

.guestH5Sections_heroSingleStage__uWqa_ {
  position: relative;
  width: 100%;
  aspect-ratio: 390 / 545;
  overflow: hidden;
}

.guestH5Sections_heroSingleImage__KSX4H {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

.guestH5Sections_heroSingleCopy__O0cjq {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
  margin: 16px 20px 0;
  text-align: center;
}

.guestH5Sections_heroSingleCopy__O0cjq .guestH5Sections_heroTitle__LrHGO,
.guestH5Sections_heroSingleCopy__O0cjq .guestH5Sections_heroSub__N02qz {
  width: 100%;
  max-width: none;
  margin: 0;
}

.guestH5Sections_heroSingleCta__TfW1N {
  align-self: stretch;
}

.guestH5Sections_heroTrack__xnwYn {
  display: flex;
  width: 100%;
  height: 100%;
  will-change: transform;
}
.guestH5Sections_heroSlide__QinYo {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
}
.guestH5Sections_heroMedia__s5U57 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.guestH5Sections_heroStage__thE0K::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.28) 100%);
  pointer-events: none;
}
.guestH5Sections_heroRecreate__JlpIH {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

/* Floating translucent nav */
.guestH5Sections_floatNavViewportLayer__DcVMB {
  position: fixed;
  top: calc(12px + env(safe-area-inset-top, 0px));
  right: 10px;
  left: 10px;
  z-index: 60;
  height: 66px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.guestH5Sections_floatNav__zIIZX {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 58px;
  padding: 10px 10px 10px 16px;
  background: rgb(255 255 255 / 70%);
  border: 1px solid #e5e5e5;
  border-radius: 20px;

  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  transition: transform 0.3s ease-out;
  pointer-events: none;
  will-change: transform;
}
.guestH5Sections_floatNavHidden__3WXR6 {
  transform: translate3d(0, calc(-100% - 8px), 0);
  pointer-events: none;
}
.guestH5Sections_floatNavHidden__3WXR6 * {
  pointer-events: none !important;
}
.guestH5Sections_floatNav__zIIZX button {
  pointer-events: auto;
}
.guestH5Sections_floatLogo__t5q_Z {
  display: flex;
  align-items: center;
  width: 70px;
  height: 20px;
  color: #3a3a3a;
}
.guestH5Sections_pricing__0fQJW {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1.5px 3px rgba(255, 255, 255, 0.05);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #6b6b6b;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  pointer-events: auto;
}
.guestH5Sections_pricingBadge__B9mIk {
  position: absolute;
  top: 29.5px;
  left: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 77px;
  height: 22px;
  padding: 2.5px 5px;
  border-radius: 5px;
  background: var(--h5-orange);
  color: #fff;
  font-size: 12.8px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.guestH5Sections_floatNavActions__HUvQa {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  pointer-events: auto;
}
.guestH5Sections_languageButton__PYKdS {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  padding: 8px;
  border: none;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  cursor: pointer;
}
.guestH5Sections_languageButton__PYKdS:focus-visible {
  outline: 2px solid var(--h5-orange);
  outline-offset: 2px;
}
.guestH5Sections_languageButton__PYKdS:hover,
.guestH5Sections_languageButton__PYKdS:active,
.guestH5Sections_languageButton__PYKdS[data-state="open"] {
  background: rgba(0, 0, 0, 0.04);
}
.guestH5Sections_languageIcon__HW_gx {
  display: block;
  width: 16px;
  height: 16px;
  background: url("/--virash/h5-earth-bold.svg") center / 14.667px 14.667px no-repeat;
}
.guestH5Sections_languagePopover__1UJW2 {
  z-index: 60;
  width: 160px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
}
.guestH5Sections_languageOptions__gEE3b {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.guestH5Sections_languageOption__4HawQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 32px;
  padding: 0 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #6b7280;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  cursor: pointer;
}
.guestH5Sections_languageOption__4HawQ:hover,
.guestH5Sections_languageOption__4HawQ:active {
  background: rgba(0, 0, 0, 0.04);
}
.guestH5Sections_languageCheck__A28nk {
  display: block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  background: url("/--virash/h5-language-check.svg") center / 10.75px 9.75px no-repeat;
}
.guestH5Sections_tryPill__0a_T3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 36px;
  padding: 0 12px;
  border: none;
  border-radius: 100px;
  background: var(--h5-orange);
  color: #fff;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}

/* Recreate Vid — Figma 2592:138879 (hero 301×232) / card 158×122
   Rotations from raw Figma radians: result −4.42° / ref +10.64° /
   arrow −26.3° / label −4.19° */
.guestH5Sections_recreateVid___9qBq {
  position: relative;
  z-index: 3;
  flex-shrink: 0;
}
.guestH5Sections_recreateVidHero__LjrB5 {
  position: absolute;
  right: -8px;
  bottom: 18px;
  width: 301px;
  height: 232px;
}
.guestH5Sections_recreateVidCard__Adt6O {
  width: 100%;
  max-width: 158px;
  height: auto;
  aspect-ratio: 158 / 122;
  margin: 4px auto 2px;
}
.guestH5Sections_recreateVidFloat__wg5NB {
  animation: guestH5Sections_h5Float__ai_Wx 4.5s ease-in-out infinite;
}

/* 右侧大图 — 151×202 @ (108, 13)，−4.42°；padding 3px */
.guestH5Sections_recreateResult__gNPuM {
  position: absolute;
  left: 35.88%;
  top: 5.6%;
  width: 50.17%;
  height: 87.07%;
  box-sizing: border-box;
  padding: 3px;
  border-radius: 11.62px;
  background: #fff;
  box-shadow: 0 9.68px 19.36px rgba(0, 0, 0, 0.12);
  transform: rotate(-4.42deg);
  transform-origin: center center;
  overflow: hidden;
  z-index: 1;
}
.guestH5Sections_recreateVidCard__Adt6O .guestH5Sections_recreateResult__gNPuM {
  padding: 1.58px;
  border-radius: 6.09px;
  box-shadow: 0 5.08px 10.15px rgba(0, 0, 0, 0.12);
}
.guestH5Sections_recreateResult__gNPuM img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 7.74px;
}
.guestH5Sections_recreateVidCard__Adt6O .guestH5Sections_recreateResult__gNPuM img {
  border-radius: 4.06px;
}

/* 左侧参考图 — 81×100 @ (39, 94)，+10.64°；padding 3px */
.guestH5Sections_recreateRef__afkHa {
  position: absolute;
  left: 13%;
  top: 40.5%;
  width: 26.9%;
  height: 43.1%;
  z-index: 2;
}
.guestH5Sections_recreateRefCard__u9ktF {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 3px;
  border-radius: 9.82px;
  background: #fff;
  box-shadow: 0 8.21px 16.43px rgba(0, 0, 0, 0.12);
  transform: rotate(10.64deg);
  transform-origin: center center;
}
.guestH5Sections_recreateVidCard__Adt6O .guestH5Sections_recreateRefCard__u9ktF {
  padding: 1.58px;
  border-radius: 5.15px;
  box-shadow: 0 4.31px 8.62px rgba(0, 0, 0, 0.12);
}
.guestH5Sections_recreateRefMedia__If6k7 {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 7.01px;
  overflow: hidden;
}
.guestH5Sections_recreateVidCard__Adt6O .guestH5Sections_recreateRefMedia__If6k7 {
  border-radius: 3.68px;
}
.guestH5Sections_recreateRefMedia__If6k7 img:first-child {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.guestH5Sections_recreatePlay__6MUF3 {
  position: absolute;
  top: 10.4%;
  left: 77.5%;
  width: 15.4%;
  height: auto;
  aspect-ratio: 1;
  z-index: 1;
}

/* 箭头 Vector 193 — 21×15 AABB @ (89, 76)，−26.3° */
.guestH5Sections_recreateArrow__wtzoo {
  position: absolute;
  left: 27%;
  top: 31%;
  width: 7%;
  z-index: 3;
  transform: rotate(-26.3deg);
  transform-origin: center center;
  pointer-events: none;
  line-height: 0;
}
.guestH5Sections_recreateArrow__wtzoo img {
  display: block;
  width: 100%;
  height: auto;
}

/* 「Reference Video」胶囊 — @ (50, 179)，−4.19° */
.guestH5Sections_recreateLabel___STH2 {
  position: absolute;
  left: 16.6%;
  top: 77.2%;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 10.8%;
  padding: 0 10px;
  border-radius: 60px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-size: clamp(7px, 2.8vw, 9px);
  font-weight: 600;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #3a3a3a;
  white-space: nowrap;
  transform: rotate(-4.19deg);
  transform-origin: center center;
  pointer-events: none;
}
.guestH5Sections_recreateVidCard__Adt6O .guestH5Sections_recreateLabel___STH2 {
  padding: 0 6px;
  box-shadow: 0 2.1px 6.3px rgba(0, 0, 0, 0.12);
  font-size: 7px;
}

@keyframes guestH5Sections_h5Float__ai_Wx {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

/* Hero copy */
.guestH5Sections_heroCopy__jWHT_ {
  padding: 28px 20px 0;
  text-align: center;
}
.guestH5Sections_heroDots__WCIV4 {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-bottom: 22px;
}
.guestH5Sections_heroDot___gWGO {
  width: 28px;
  height: 4px;
  padding: 0;
  border: none;
  border-radius: 64px;
  background: rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition: width 0.35s ease, background 0.35s ease;
}
.guestH5Sections_heroDotActive__xqyiG {
  width: 48px;
  background: linear-gradient(
    100deg,
    rgba(243, 202, 173, 0.9) 0%,
    rgba(248, 171, 130, 0.9) 24%,
    rgba(253, 139, 86, 0.9) 48%,
    rgba(255, 171, 106, 0.9) 70%,
    rgba(249, 178, 138, 0.9) 100%
  );
}
.guestH5Sections_heroTitle__LrHGO {
  margin: 0 0 16px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: #3a3a3a;
}

@media (min-width: 376px) {
  .guestH5Sections_heroTitle__LrHGO {
    font-size: 36px;
  }
}

.guestH5Sections_heroSub__N02qz {
  margin: 0 auto 24px;
  max-width: 300px;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(40, 34, 40, 0.65);
}
.guestH5Sections_heroCta__K4lmV {
  width: min(350px, 100%);
}

/* ============================================================
   PARTNER STRIP
   ============================================================ */
.guestH5Sections_partner__rBO2z {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  box-sizing: border-box;
  height: 123px;
  padding: 32px 0;
  text-align: center;
}
.guestH5Sections_partnerTitle__shx_B {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  color: #6b7280;
}
.guestH5Sections_partnerMask__Aky4A {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 22px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.guestH5Sections_partnerTrack__bv9GN {
  display: flex;
  align-items: center;
  gap: 34px;
  width: max-content;
  height: 100%;
  animation: guestH5Sections_h5Marquee__mUsOW 39s linear infinite;
}
.guestH5Sections_partnerLogo__9aivv {
  display: block;
  flex: 0 0 auto;
  height: 18px;
  width: auto;
  max-height: 18px;
  object-fit: contain;
  object-position: center;
  opacity: 0.75;
  filter: grayscale(1);
  user-select: none;
  pointer-events: none;
}

@keyframes guestH5Sections_h5Marquee__mUsOW {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes guestH5Sections_h5MarqueeY__cZEdO {
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}

@keyframes guestH5Sections_h5MarqueeYRev__mhy4k {
  from { transform: translateY(-50%); }
  to { transform: translateY(0); }
}

/* ============================================================
   PRESETS — chips + dual-column vertical marquee + fade CTA
   ============================================================ */
.guestH5Sections_presets__YiRtN {
  /* Figma Container/Margin = 1023h, with 56px top/bottom padding. */
  box-sizing: border-box;
  height: 1023px;
  margin-top: 16px;
  padding: 56px 0;
  display: flex;
  flex-direction: column;
}
.guestH5Sections_presetsHead__JHe30 {
  flex-shrink: 0;
  padding: 0 16px;
}
.guestH5Sections_presetsTitle__3_P8A {
  margin: 0;
  font-weight: 600;
  font-size: 22px;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  color: #3a3a3a;
  line-height: 1.2;
}
.guestH5Sections_presetsBody__eiaEs {
  /* Section Hgroup 40h + itemSpacing 20 */
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 14px;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  color: #898a8b;
  line-height: 1.2;
}

.guestH5Sections_chipRows__uvWok {
  position: relative;
  flex-shrink: 0;
  /* Figma chips Container 34h (pad 1) + itemSpacing 20 before gallery */
  box-sizing: border-box;
  width: calc(100% - 32px);
  height: 34px;
  margin: 0 16px 20px;
  overflow: hidden;
}
.guestH5Sections_chipRowsOverflowing__s_8ut::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 96px;
  background: linear-gradient(
    270deg,
    var(--h5-bg) 0%,
    rgba(243, 244, 246, 0) 100%
  );
  pointer-events: none;
}
.guestH5Sections_chipMask__09wUJ {
  box-sizing: border-box;
  width: 100%;
  height: 34px;
  padding-right: 20px;
  overflow: hidden;
}
.guestH5Sections_chipTrack__Fc_hs {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: max-content;
  padding: 1px 16px 1px 0;
}
.guestH5Sections_chipTrackA__YPL97 {
  animation: guestH5Sections_h5Marquee__mUsOW 100s linear infinite;
}
.guestH5Sections_chip__KA7ov {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 32px;
  max-width: 1264px;
  height: 32px;
  padding: 1px 9px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #333;
  font-family: var(--font-sans), Inter, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  white-space: nowrap;
}

/* Dual-column vertical marquee — gallery viewport 768px.
 * CTA overlay Background: h208, paddingTop 140 / paddingBottom 20 (space under button). */
.guestH5Sections_galleryWrap__w6xBq {
  position: relative;
  flex: 0 0 768px;
  box-sizing: border-box;
  height: 768px;
  padding: 0 16px;

  /* Non-interactive gallery; only the CTA button receives clicks. */
  pointer-events: none;
}
.guestH5Sections_gallery__341B1 {
  --gallery-fade-mask:
    linear-gradient(
      180deg,
      transparent 0,
      #000 208px,
      #000 calc(100% - 208px),
      transparent 100%
    );

  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;
  height: 100%;
  overflow: hidden;

  /* iOS Safari versions before unprefixed mask support. */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask-image: var(--gallery-fade-mask);
  mask-image: var(--gallery-fade-mask);
}
.guestH5Sections_galleryColMask__7XTZZ {
  overflow: hidden;
  min-width: 0;
}
.guestH5Sections_galleryTrack__VU5lB {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  will-change: transform;
}
.guestH5Sections_galleryTrackUp__SFTso {
  animation: guestH5Sections_h5MarqueeY__cZEdO 54s linear infinite;
}
.guestH5Sections_galleryTrackDown__PDNrI {
  /* Opposite direction; mixed source aspect ratios create the masonry stagger. */
  animation: guestH5Sections_h5MarqueeYRev__mhy4k 63s linear infinite;
}
.guestH5Sections_caseCard__auMls {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  background: #111;
  user-select: none;
}
.guestH5Sections_caseCardLoading__HSgKi,
.guestH5Sections_caseMediaLoading__GtE_h {
  background:
    linear-gradient(
      100deg,
      #ececec 20%,
      #f7f7f7 38%,
      #ececec 56%
    );
  background-size: 200% 100%;
  animation: guestH5Sections_h5-gallery-loading__12mdv 1.4s ease-in-out infinite;
}
.guestH5Sections_caseMediaLoading__GtE_h {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.guestH5Sections_caseMedia__JITWu {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 160ms ease-out;
  pointer-events: none;
}
.guestH5Sections_caseMediaReady__kM69p {
  opacity: 1;
}

/*
.caseCard::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  height: 36px;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  pointer-events: none;
}
.caseLabel {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 8px;
  box-sizing: border-box;
  pointer-events: none;
}
.caseTitle {
  display: block;
  max-width: 100%;
  overflow: hidden;
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
  font-style: normal;
  line-height: 10px;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
*/

@keyframes guestH5Sections_h5-gallery-loading__12mdv {
  from { background-position: 100% 0; }
  to { background-position: -100% 0; }
}

/* CTA positioning layer; both gallery fades live on .gallery's mask so this
 * element does not paint a rectangular compositing edge. */
.guestH5Sections_galleryFadeBottom__b8PZf {
  position: absolute;
  right: 16px;
  bottom: 0;
  left: 16px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  height: 208px;

  /* Figma: paddingTop 140 + btn 48 + paddingBottom 20 = 208 */
  padding: 140px 0 20px;
  pointer-events: none;
}
.guestH5Sections_presetsCta__Ym9k7 {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  pointer-events: auto;
  width: 173.41px;
  min-width: 173.41px;
  height: 48px;
  padding: 0 16px;
  border-radius: 100px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

/* ============================================================
   STATEMENT — aesthetic cards with Recreate Vid
   ============================================================ */
.guestH5Sections_statement__RSlOw {
  padding: 80px 20px 80px;
  text-align: center;
}
.guestH5Sections_statementTitle__PamRx {
  width: 100%;
  max-width: 350px;
  margin: 0 auto 24px;
  color: #3a3a3a;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 600;
  font-size: clamp(16px, 5.3333vw, 22px);
  line-height: 120%;
  letter-spacing: -0.8px;
}
.guestH5Sections_statementTitleLine__7mfM4 {
  display: block;
  white-space: nowrap;
}
.guestH5Sections_statementBody__Elplh {
  /* Same content width as title (Figma 350) — no extra side inset */
  margin: 0 auto 24px;
  max-width: 350px;
  width: 100%;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #6b7280;
}
.guestH5Sections_statementGrid__y6inn {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}
.guestH5Sections_aeCard__4FXax {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-sizing: border-box;
  min-width: 0;
  padding: 8px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.05);
  text-align: left;
  overflow: visible;
}
.guestH5Sections_aeTag__wuc5v {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  padding: 4px 6px;
  border-radius: 5px;
  background: #fff;
  font-size: 8px;
  font-weight: 700;
  color: #3a3a3a;
}
.guestH5Sections_aeTitle__19Bzn {
  margin: 2px 0 0;
  /* Inter SemiBold 16 / 120% / ls -0.69 */
  font-weight: 600;
  font-size: 16px;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  color: #252525;
  line-height: 1.2;
  letter-spacing: -0.69px;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.guestH5Sections_aeBody__LKdLv {
  margin: 0;
  /* Inter Regular 14 / 120% */
  font-weight: 400;
  font-size: 14px;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  color: #6b7280;
  line-height: 1.2;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.guestH5Sections_statementCtaRow__tteX9 {
  display: flex;
}
.guestH5Sections_statementCta__lAxld {
  flex: 1;
}

/* ============================================================
   MODES — Figma 2592:139041 (card 358×443, Visual 288, Text 155)
   ============================================================ */
.guestH5Sections_modes__JBsaA {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
}
.guestH5Sections_modeCard__Wrheg {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.04);
  overflow: hidden;
}
.guestH5Sections_modeVisual__S5TmI {
  position: relative;
  z-index: 0;
  height: 288px;
  overflow: hidden;
  background: #e4e4e4;
}
.guestH5Sections_modeSubject__oMf0V {
  position: absolute;
  /* Clone/Trending: Figma Subject 390×400 centered in the 358×288 visual. */
  left: 50%;
  top: 50%;
  width: 108.94%;
  height: 138.89%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.guestH5Sections_modeSubjectLink__U3C7L {
  width: 100%;
  height: 100%;
}
.guestH5Sections_modeTag__DbkrR {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  padding: 4.147px;
  border-radius: 4.67px;
  background: #fff;
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-size: 7.78px;
  font-weight: 700;
  line-height: 9.331px;
  color: #3a3a3a;
}

/* Dual upload — tiles 88×110 (incl. padding/border), rot -4.34° / +9.43° */
.guestH5Sections_uploadRow__QZqpx {
  position: absolute;
  top: 184px;
  right: 0px;
  z-index: 3;
  width: 279px;
  height: 130px;
  pointer-events: none;
}
.guestH5Sections_uploadClusterLeft__DM0RI {
  position: absolute;
  left: 0;
  top: 0;
  width: 152px;
  height: 110px;
}
.guestH5Sections_uploadClusterRight__80ZDJ {
  position: absolute;
  left: 137px;
  top: 7px;
  width: 142px;
  height: 110px;
}
.guestH5Sections_uploadTileLeft__j2IOn,
.guestH5Sections_uploadTileRight__XZfL1,
.guestH5Sections_linkPhoto__taXwL {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 88px;
  height: 110px;
  border-radius: 10px;
  border: 2.45px solid #fff;
  background: #e2e2e2;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  transform-origin: center center;
}
.guestH5Sections_uploadTileLeft__j2IOn {
  left: 56px;
  top: 0;
  transform: rotate(-4.34deg);
  z-index: 1;
}
.guestH5Sections_uploadTileRight__XZfL1 {
  left: 0;
  top: 3px;
  transform: rotate(9.43deg);
  z-index: 2;
}
/* Frame 994 + plusBold — circle #D9D9D9, thick stroke plus #252525 */
.guestH5Sections_uploadPlus__5qlJj {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 99px;
  background: #d9d9d9;
  flex-shrink: 0;
}
.guestH5Sections_uploadPlusLg__kOCoc {
  width: 26px;
  height: 26px;
}
.guestH5Sections_uploadPlus__5qlJj svg {
  display: block;
  width: 13px;
  height: 13px;
  overflow: visible;
}
.guestH5Sections_uploadPlusLg__kOCoc svg {
  width: 14px;
  height: 14px;
}
.guestH5Sections_uploadPlus__5qlJj path {
  fill: none;
  stroke: #252525;
  stroke-width: 3;
  stroke-linecap: round;
}
.guestH5Sections_uploadLabel__4J7RN {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 99px;
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
  font-size: 11px;
  font-weight: 500;
  line-height: 13px;
  color: #3a3a3a;
  white-space: nowrap;
}
.guestH5Sections_uploadClusterLeft__DM0RI .guestH5Sections_uploadLabel__4J7RN {
  left: 0;
  top: 21px;
}
.guestH5Sections_uploadClusterRight__80ZDJ .guestH5Sections_uploadLabel__4J7RN {
  left: 52px;
  top: 78px;
}

/* Link + single upload — Figma 2592:139053 Link Input @ y=191
 * Chip Frame center ≈ (176, 210) on card → (177, 19) within overlay. */
.guestH5Sections_linkOverlay__9Ld57 {
  position: absolute;
  top: 191px;
  left: -1px;
  right: 12px;
  z-index: 3;
  height: 123px;
  pointer-events: none;
}
.guestH5Sections_linkChip__aa7QD {
  position: absolute;
  left: calc(100% - 185px);
  top: 19px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 43px;
  padding: 8px 10px 8px 8px;
  box-sizing: border-box;
  border-radius: 16px;
  border: 2px solid #fff;
  background: #e2e2e2;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #6b7280;
  /* Center on Figma chip midpoint, then rotate -9.27° */
  transform: translate(-50%, -50%) rotate(-9.27deg);
  transform-origin: center center;
  white-space: nowrap;
}
.guestH5Sections_linkChipIcon__IXcEb {
  display: block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  object-fit: contain;
}
.guestH5Sections_linkPhotoCluster__N4mhz {
  position: absolute;
  right: 0;
  top: 0;
  width: 142px;
  height: 110px;
}
.guestH5Sections_linkPhoto__taXwL {
  left: 0;
  top: 0;
  transform: rotate(9.43deg);
}
.guestH5Sections_linkPhotoCluster__N4mhz .guestH5Sections_uploadLabel__4J7RN {
  left: 52px;
  top: 78px;
}

/* Text_Content — pad 32/12/12/12, gap 11 */
.guestH5Sections_modeCopy__ky57H {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 32px 12px 12px;
}
.guestH5Sections_modeTitle__gx8PD {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 22.144px;
  font-weight: 600;
  line-height: 24.604px;
  letter-spacing: -0.9227px;
  color: #252525;
}
.guestH5Sections_modeBody__i2sIp {
  margin: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #6b7280;
}
.guestH5Sections_modeCta__rFY4S {
  width: 100%;
  height: 48px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

/* ============================================================
   CTA HERO — Figma 2592:139171 (390×369, radius 24, image card)
   ============================================================ */
.guestH5Sections_ctaHero__JqrLS {
  position: relative;
  width: 100%;
  height: 369px;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 16px;
}
.guestH5Sections_ctaHeroImg__mEsMh {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.guestH5Sections_ctaHeroInner__biIjF {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 86.04px 24px 0;
  text-align: center;
}
.guestH5Sections_ctaHeroBadge__noMpQ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4.811px;
  margin-bottom: 27.13px;
  border-radius: 5.4px;
  background: #fff;
  font-family: Inter, sans-serif;
  font-size: 12.026px;
  font-weight: 600;
  line-height: 12.026px;
  letter-spacing: -0.1203px;
  color: #19171c;
  white-space: nowrap;
}
.guestH5Sections_ctaHeroTitle__Rj5PI {
  width: 240.848px;
  margin: 0 0 26.15px;
  font-family: Inter, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  color: #fff;
}
.guestH5Sections_ctaHeroBtn__8777a {
  width: 208px;
  height: 48px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

/* ============================================================
   FOOTER — Figma 2592:139182 (own angular orange gradient)
   ============================================================ */
.guestH5Sections_footer__L04FH {
  position: relative;
  width: 100%;
  margin-top: 0;
  padding: 56px 0 0;
  overflow: hidden;
  color: #3a3a3a;
  font-family: Inter, sans-serif;
  background-color: #fd8b56;
  background-image: url("/--virash/footer-background.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
.guestH5Sections_footerTop__WCuIw {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 20px;
}
.guestH5Sections_footerBrand__oIGTq {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 24px;
  color: #591212;
}
.guestH5Sections_footerWordmark__9Q_sa {
  color: #591212;
}
.guestH5Sections_footerTagline__kLzge {
  margin: 0;
  max-width: 350px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #3a3a3a;
}
.guestH5Sections_footerCopyright___Ycx7 {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: #3a3a3a;
}
.guestH5Sections_footerCta__4iVak {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  height: 31px;
  padding: 0 18px;
  border: none;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}
.guestH5Sections_footerCols__XvuOd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 32px;
  padding: 0 20px;
}
.guestH5Sections_footerCol__H8iZW {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.guestH5Sections_footerColTitle__0STiI {
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  letter-spacing: 0.8px;
  color: #fff;
  text-transform: uppercase;
}
.guestH5Sections_footerColLinks__Q2gl9 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.guestH5Sections_footerLink__53NN7 {
  padding: 0;
  border: none;
  background: none;
  text-align: left;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.guestH5Sections_footerWatermark__DpZMy {
  display: block;
  width: 100%;
  height: 120px;
  margin-top: 32px;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
}
.guestH5Sections_footerWatermarkImg__m25jo {
  display: block;
  width: 100%;
  height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  /* 标签与 User Cases 都承载可浏览内容，不能因部分 Android 机型上报
   * reduced-motion 而停在首屏，导致后续标签永远不可见。 */
  .guestH5Sections_reveal__I6f6N { opacity: 1; transform: none; transition: none; }
  .guestH5Sections_partnerTrack__bv9GN,
  .guestH5Sections_caseCardLoading__HSgKi,
  .guestH5Sections_caseMediaLoading__GtE_h,
  .guestH5Sections_recreateVidFloat__wg5NB { animation: none; }
  .guestH5Sections_heroTrack__xnwYn { transition: none !important; }
}

/* Cookie banner — Figma 2592:138670（PC 未登录右下角浮层） */

.CookieBanner_banner__L1AMQ {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 170;
  box-sizing: border-box;
  width: min(455px, calc(100vw - 32px));
  padding: 16px;
  border: none;
  border-radius: 16px;
  /* 浅色毛玻璃：避免纯黑 4% + 强模糊显得发灰发深 */
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  color: #3a3a3a;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
}

.CookieBanner_header__dlC_d {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.CookieBanner_title__u7ILZ {
  margin: 0;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  /* Figma 文字行高 Auto → ~16.94px */
  line-height: 16.94px;
  color: #3a3a3a;
}

.CookieBanner_body__0_eCZ {
  margin: 10px 0 0;
  padding: 0 14px 0 1px;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 500;
  /* Figma 文字行高 Auto → 13.3125px */
  line-height: 13.3125px;
  color: rgba(0, 0, 0, 0.5);
}

.CookieBanner_body__0_eCZ p {
  margin: 0;
}

.CookieBanner_body__0_eCZ p + p {
  margin-top: 0.35em;
}

.CookieBanner_link__UIzdV {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  transition: color 0.15s ease;
}

.CookieBanner_link__UIzdV:hover {
  color: #3a3a3a;
}

.CookieBanner_actions__ZCV63 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

.CookieBanner_btn__LnOnU {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  border: none;
  border-radius: 16px;
  font-family: Inter, var(--font-sans), system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.CookieBanner_btn__LnOnU:focus-visible {
  outline: 2px solid #ff631b;
  outline-offset: 2px;
}

.CookieBanner_btnManage__9KWox {
  background: #fff;
  color: #3a3a3a;
}

.CookieBanner_btnManage__9KWox:hover {
  background: #f3f4f6;
}

.CookieBanner_btnAccept__3qczH {
  background: #ff631b;
  color: #fff;
}

.CookieBanner_btnAccept__3qczH:hover {
  background: #f05712;
}

@media (max-width: 639.98px) {
  /* 与 PC 同 UI：仅收窄边距与安全区，按钮仍左右排布 */
  .CookieBanner_banner__L1AMQ {
    right: 12px;
    left: 12px;
    bottom: max(12px, env(safe-area-inset-bottom, 0px));
    width: auto;
  }
}

.guestPcSections_orangePill__QdR2g {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 999px;
  padding: 14px 28px;
  color: #fff;
  font-family: var(--font-nunito), sans-serif;
  font-weight: 800;
  font-size: 14px;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.guestPcSections_orangePill__QdR2g:hover:not(:disabled) {
  transform: translateY(-2px);
}

.guestPcSections_orangePill__QdR2g:disabled {
  cursor: wait;
  opacity: 0.7;
}

.guestPcSections_statementSection__mrBBt,
.guestPcSections_featureCardsSection__Khhay,
.guestPcSections_modesSection__jjYZX,
.guestPcSections_testimonialsSection__ZLboI {
  background: #f5f5f5;
}

/* Figma 2592:139448 — statement block (1440 × ~308 content) */
.guestPcSections_statementSection__mrBBt {
  padding: 0;
  margin-bottom: 112px;
}

.guestPcSections_statementInner__IrkzH {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(24px, 3.9vw, 56px);
  box-sizing: border-box;
  text-align: center;
}

.guestPcSections_statementIcon__2lPva {
  display: block;
  width: clamp(56px, 6.2vw, 89px);
  height: auto;
  margin: 0 0 24px;
  object-fit: contain;
}

.guestPcSections_statementTitle__7xXIY {
  margin: 0 0 24px;
  max-width: 777px;
  font-family: Inter, "Inter var", var(--font-montserrat-var), system-ui, sans-serif;
  font-weight: 600;
  font-size: clamp(28px, 3.55vw, 50.996px);
  line-height: 1.071;
  letter-spacing: -0.0204em;
  color: #3a3a3a;
}

.guestPcSections_statementBody__Jfc_7 {
  margin: 0 0 24px;
  max-width: 940px;
  font-family: Inter, "Inter var", var(--font-plus-jakarta), system-ui, sans-serif;
  font-weight: 500;
  font-size: clamp(15px, 1.4vw, 20px);
  line-height: 1.21;
  letter-spacing: -0.01em;
  color: #6b7280;
}

/* Figma CTA — 184×46 / #FF631B / Encode Sans Expanded Bold 15 */
.guestPcSections_statementCta__Ax3bO {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 184px;
  height: 46px;
  padding: 0 16px;
  border: none;
  border-radius: 100px;
  background: #ff631b;
  color: #ffffff;
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.guestPcSections_statementCta__Ax3bO:hover:not(:disabled) {
  transform: translateY(-2px);
}

.guestPcSections_statementCta__Ax3bO:disabled {
  cursor: wait;
  opacity: 0.7;
}

/* Modes section mark — 使用 viral-cion.png，尺寸与 statement 区图标一致 */
.guestPcSections_statementMark__wFwXX {
  display: block;
  width: clamp(56px, 6.2vw, 89px);
  height: auto;
  object-fit: contain;
  /* Figma 2592:139467：图标底部到标题顶部间距 24px */
  margin: 0 auto 24px;
}

.guestPcSections_statementMarkDotA__BrBs8,
.guestPcSections_statementMarkDotB__nZrqu {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.guestPcSections_statementMarkDotA__BrBs8 {
  left: 0;
  top: 8px;
  background: #7a1f2b;
}

.guestPcSections_statementMarkDotB__nZrqu {
  right: 0;
  top: 8px;
  background: #111;
  opacity: 0.85;
}

/* ── Feature cards rail (Figma 2592:139461) ─────────────────────
 * Transform-drag rail (works under page overflow-x:hidden).
 * Left slot = highlight; right cards = gray + small polaroid.
 */
.guestPcSections_featureCardsSection__Khhay {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 100vh;
  padding: 0;
  /* Height is expanded by GuestFeatureCards to provide vertical scroll progress. */
  overflow: visible;
}
.guestPcSections_featSticky__4Tbfu {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100vh;
  /* Must not clip active hero that peeks above the card */
  overflow: visible;
}

.guestPcSections_featViewport__dKtNJ {
  --feature-card-height: 736px;
  --feature-card-content-gap: 32px;
  --feature-card-padding: 24px;
  --feature-media-height: 440px;
  --feature-viewport-top-padding: 83px;
  --feature-tag-offset: 24px;
  --feature-tag-padding: 8px;
  --feature-tag-font-size: 15px;
  --feature-tag-line-height: 18px;
  --feature-chip-height: 64.812px;
  --feature-chip-padding: 22px;
  --feature-chip-font-size: 19.93px;
  --feature-copy-gap: 20px;
  --feature-title-font-size: 32px;
  --feature-title-line-height: 29.556px;
  --feature-title-letter-spacing: -0.6875px;
  --feature-title-padding-bottom: 2.682px;
  --feature-body-font-size: 16px;
  --feature-body-line-height: 19.36px;
  --feature-body-letter-spacing: -0.1545px;
  --feature-cta-height: 56px;
  --feature-cta-padding: 12.356px;
  --feature-cta-font-size: 14px;
  --feature-cta-line-height: 18px;

  width: 100%;
  overflow: hidden;
  /* Match UserCases: allow page vertical scroll; horizontal via pointer drag */
  touch-action: pan-y;
  cursor: grab;
  /*
   * Figma: hero top is ~104px above the 440 media stage (~80px above card shell).
   * Keep that peek inside the viewport padding box so overflow:hidden won't crop it.
   */
  padding-top: 83px;
  user-select: none;
}

@media (min-width: 901px) {
  .guestPcSections_featViewport__dKtNJ {
    padding-top: var(--feature-viewport-top-padding);
  }
}

.guestPcSections_featViewportDragging__yKmih {
  cursor: grabbing;
  touch-action: none;
}

.guestPcSections_featTrack__7mLci {
  display: flex;
  align-items: stretch;
  gap: 40px;
  width: max-content;
  padding-left: 56px;
  padding-right: 56px;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  overflow: visible;
}

/* Widths from JS follow the 1440 Figma rail: active 783 / inactive 527 / gap 40. */
.guestPcSections_featSlide___S9I0 {
  --activation: 0;
  flex: 0 0 auto;
  width: 30%;
  height: 736px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  border-radius: 24px;
  /* Figma 0x0A000000 on #F5F5F5 → solid #EBEBEB */
  background: #ebebeb;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  /* No width CSS transition — JS interpolates width with --activation */
}

.guestPcSections_featSlide___S9I0 img,
.guestPcSections_featSlide___S9I0 video {
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
}

.guestPcSections_featSlideActive__aqLUj {
  z-index: 3;
  overflow: visible;
}

.guestPcSections_featMedia__aW2EK {
  position: relative;
  flex: 0 0 440px;
  height: 440px;
  width: 100%;
  overflow: visible;
}

@media (min-width: 901px) {
  .guestPcSections_featSlide___S9I0 {
    gap: var(--feature-card-content-gap);
    height: var(--feature-card-height);
    padding: var(--feature-card-padding);
  }
  .guestPcSections_featMedia__aW2EK {
    flex-basis: var(--feature-media-height);
    height: var(--feature-media-height);
  }
}

.guestPcSections_featStage__35dcB {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 24px;
  overflow: visible;
  background: transparent;
}

.guestPcSections_featBg__6c4oZ {
  position: absolute;
  inset: 0;
  border-radius: 24px;
  opacity: var(--activation);
  transform: scale(calc(0.96 + 0.04 * var(--activation)));
  pointer-events: none;
  filter: contrast(1.05) saturate(1.05);
}

.guestPcSections_featBg__6c4oZ::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0.35;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");
  background-size: 180px 180px;
  mix-blend-mode: overlay;
  pointer-events: none;
}

.guestPcSections_featSlide___S9I0[data-theme="rose"] .guestPcSections_featBg__6c4oZ {
  background:
    radial-gradient(ellipse 70% 80% at 40% 50%, rgba(240, 167, 169, 0.85), transparent 70%),
    conic-gradient(from 90deg at 45% 50%, #db8282, #d26c7f 20%, #f0a7a9 40%, #c97a7a 70%, #db8282);
}

.guestPcSections_featSlide___S9I0[data-theme="amber"] .guestPcSections_featBg__6c4oZ {
  background:
    radial-gradient(ellipse 70% 80% at 50% 50%, rgba(255, 171, 106, 0.55), transparent 70%),
    conic-gradient(from 180deg at 50% 50%, #c47a4a, #e8a06a, #f0c9a0, #b86a40, #c47a4a);
}

.guestPcSections_featSlide___S9I0[data-theme="sage"] .guestPcSections_featBg__6c4oZ {
  background:
    radial-gradient(ellipse 65% 75% at 50% 45%, rgba(180, 190, 170, 0.7), transparent 70%),
    conic-gradient(from 120deg at 50% 50%, #8a9580, #b0b8a4, #c9cfc0, #6f7a68, #8a9580);
}

.guestPcSections_featSlide___S9I0[data-theme="plum"] .guestPcSections_featBg__6c4oZ {
  background:
    radial-gradient(ellipse 60% 70% at 55% 45%, rgba(204, 187, 237, 0.7), transparent 65%),
    conic-gradient(
      from 90deg at 57% 50%,
      #884343,
      #99616d,
      #aa7f98,
      #bb9dc2,
      #ccbbed,
      #bb9dc2,
      #aa7f98,
      #99616d,
      #884343
    );
}

/* Inactive: centered polaroid + URL chip on flat gray shell (Figma 527w) */
.guestPcSections_featCollapsed__VX3VQ {
  position: absolute;
  inset: 0;
  display: block;
  opacity: calc(1 - var(--activation));
  transform: scale(calc(1 - 0.06 * var(--activation)));
  transform-origin: center;
  pointer-events: none;
  z-index: 1;
}

.guestPcSections_featPolaroid__F7qon {
  position: absolute;
  left: 36%;
  top: 34.03%;
  width: 23.5%;
  height: auto;
  aspect-ratio: 112.583 / 153.522;
  background: #fff;
  /* Figma polaroid outer: 16.95 → 17 */
  border-radius: 17px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1);
  transform: rotate(var(--rot, 0deg));
  transform-origin: center;
  overflow: hidden;
  box-sizing: border-box;
}

.guestPcSections_featPolaroid__F7qon img {
  position: absolute;
  top: 3.03%;
  left: 5.14%;
  width: 89.72%;
  height: 93.94%;
  object-fit: cover;
  /* Figma polaroid inner: 11.30 → 11 */
  border-radius: 11px;
  display: block;
}

.guestPcSections_featTag__e02YZ {
  /* Figma: 24px inset into the 735×440 media frame */
  position: absolute;
  top: var(--feature-tag-offset);
  left: var(--feature-tag-offset);
  z-index: 4;
  display: inline-flex;
  align-items: center;
  padding: var(--feature-tag-padding);
  background: #fff;
  border-radius: 9px;
  box-shadow: 1px 0 0 #fff, -1px 0 0 #fff;
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-size: var(--feature-tag-font-size);
  font-weight: 700;
  line-height: var(--feature-tag-line-height);
  letter-spacing: 0;
  color: #3a3a3a;
  white-space: nowrap;
  pointer-events: none;
}

.guestPcSections_featExpanded__dF9fJ {
  position: absolute;
  inset: 0;
  opacity: var(--activation);
  transform: translateY(calc(28px * (1 - var(--activation))))
    scale(calc(0.92 + 0.08 * var(--activation)));
  pointer-events: none;
  z-index: 2;
  overflow: visible;
}

.guestPcSections_featSlideActive__aqLUj .guestPcSections_featExpanded__dF9fJ {
  pointer-events: auto;
}

/*
 * Active media — Figma 2592:139462 on 735×440 stage:
 * hero 336×472 @ (239, -104); polaroid 142×173 @ (150, 132);
 * chip 225×74 @ (115, 262); arrow @ (184, 70).
 * Percentages scale with fluid card width.
 */
.guestPcSections_featHero__kUvsf {
  position: absolute;
  left: 32.47%;
  top: -23.7%;
  width: 45.74%;
  aspect-ratio: 336 / 472;
  height: auto;
  /* White frame is the hero bg; media is inset — don't rely on padding+video auto size */
  padding: 0;
  background: #fff;
  /* Figma image-preview outer: 28.59 → 29 */
  border-radius: 29px;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 2;
  box-sizing: border-box;
}

.guestPcSections_featVideo__hVSq5,
.guestPcSections_featFallback__vL0su {
  /* White frame inset: 9px on all sides */
  position: absolute;
  top: 9px;
  left: 9px;
  width: calc(100% - 18px);
  height: calc(100% - 18px);
  object-fit: cover;
  /* Figma inner Rectangle: 19.06 → 19 */
  border-radius: 19px;
  display: block;
}

.guestPcSections_featFallback__vL0su {
  z-index: 0;
}

.guestPcSections_featVideo__hVSq5 {
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.guestPcSections_featVideoPlaying__jfH4b {
  opacity: 1;
}

.guestPcSections_featArrow__tAJl6 {
  /* Figma Vector 193 @ ~(184, 70) on 735 stage; SVG is 46.7×16, then rotated */
  position: absolute;
  left: 24.97%;
  top: 15.85%;
  width: 6.35%;
  height: auto;
  aspect-ratio: 46.66 / 16;
  object-fit: contain;
  transform: rotate(-60.5deg);
  transform-origin: center center;
  z-index: 3;
  opacity: 0.85;
}

.guestPcSections_featPolaroid__F7qon.guestPcSections_featPolaroidRef__T7KKH {
  left: 22.38%;
  top: 32.21%;
  width: 15.36%;
  height: auto;
  aspect-ratio: 112.885 / 153.934;
  margin: 0;
  /* Keep Figma px radii (not %); same as .featPolaroid */
  border-radius: 17px;
  z-index: 3;
}

.guestPcSections_featPolaroid__F7qon.guestPcSections_featPolaroidRef__T7KKH img {
  top: 3.03%;
  left: 5.14%;
  width: 89.72%;
  height: 93.94%;
  border-radius: 11px;
}

.guestPcSections_featChip__f4GDa {
  position: absolute;
  left: 30.18%;
  top: 62.48%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  height: var(--feature-chip-height);
  padding: 0 var(--feature-chip-padding);
  margin: 0;
  background: #fff;
  border: 1.4px solid #e5e5e5;
  border-radius: 37px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.03);
  font-family: var(--font-sans);
  font-size: var(--feature-chip-font-size);
  font-weight: 500;
  line-height: normal;
  color: #3a3a3a;
  white-space: nowrap;
  transform: rotate(var(--rot, 0deg));
  transform-origin: center;
  box-sizing: border-box;
}

.guestPcSections_featChipActive__a_7h5 {
  left: 18.05%;
  top: 60.73%;
  margin: 0;
  height: var(--feature-chip-height);
  min-height: 0;
  width: max-content;
  min-width: 0;
  max-width: none;
  padding: 0 var(--feature-chip-padding);
  font-size: var(--feature-chip-font-size);
  transform: rotate(var(--rot, 0deg));
  z-index: 3;
  overflow: hidden;
}

.guestPcSections_featChipText__VOD_N {
  display: block;
}

.guestPcSections_featCopy__NcSTO {
  display: flex;
  flex-direction: column;
  gap: var(--feature-copy-gap);
  flex: 1;
  min-height: 0;
}

.guestPcSections_featTitle__FRtcA {
  margin: 0;
  padding-bottom: var(--feature-title-padding-bottom);
  overflow: hidden;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: var(--feature-title-font-size);
  line-height: var(--feature-title-line-height);
  letter-spacing: var(--feature-title-letter-spacing);
  color: #252525;
  white-space: pre-line;
}

.guestPcSections_featBody__tNbvZ {
  width: 100%;
  margin: 0;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: var(--feature-body-font-size);
  line-height: var(--feature-body-line-height);
  letter-spacing: var(--feature-body-letter-spacing);
  color: #6b7280;
}

.guestPcSections_featCta__wjcKE {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--feature-cta-height);
  padding: 0 var(--feature-cta-padding);
  box-sizing: border-box;
  border: none;
  border-radius: 100px;
  background: #ff631b;
  color: #fff;
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-size: var(--feature-cta-font-size);
  font-weight: 700;
  line-height: var(--feature-cta-line-height);
  letter-spacing: 0;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.guestPcSections_featCta__wjcKE:hover:not(:disabled) {
  transform: translateY(-2px);
}

.guestPcSections_featCta__wjcKE:disabled {
  cursor: wait;
  opacity: 0.7;
}

@media (min-width: 1600px) {
  .guestPcSections_featChip__f4GDa {
    left: 33.45%;
  }

  .guestPcSections_featChipActive__a_7h5 {
    left: 21.25%;
  }
}

@media (max-width: 900px) {
  .guestPcSections_featViewport__dKtNJ {
    padding-top: 83px;
  }

  .guestPcSections_featTrack__7mLci {
    padding-left: 24px;
    padding-right: 24px;
  }

  .guestPcSections_featSlide___S9I0 {
    /* Width still driven by JS percentage layout */
    height: auto;
    min-height: 0;
  }

  .guestPcSections_featSlideActive__aqLUj {
    z-index: 3;
    overflow: visible;
  }

  .guestPcSections_featMedia__aW2EK {
    flex: 0 0 auto;
    height: auto;
    aspect-ratio: 479 / 392;
  }

  .guestPcSections_featHero__kUvsf {
    left: 32.47%;
    top: -18%;
    width: 45.74%;
    height: auto;
    aspect-ratio: 336 / 472;
    padding: 0;
    border-radius: 29px;
    transform: none;
  }

  .guestPcSections_featVideo__hVSq5,
  .guestPcSections_featFallback__vL0su {
    top: 9px;
    left: 9px;
    width: calc(100% - 18px);
    height: calc(100% - 18px);
  }

  .guestPcSections_featPolaroidRef__T7KKH {
    left: 8%;
    top: 42%;
    width: 28%;
    height: auto;
    aspect-ratio: 113 / 154;
  }

  .guestPcSections_featChipActive__a_7h5 {
    left: 11.7%;
    bottom: 4%;
    transform: rotate(var(--rot, 0deg));
    height: 44px;
    font-size: 13px;
  }

  .guestPcSections_featArrow__tAJl6 {
    display: none;
  }

  .guestPcSections_featTitle__FRtcA {
    font-size: clamp(22px, 5vw, 28px);
    line-height: 1.15;
  }
}

.guestPcSections_modesSection__jjYZX {
  padding: 48px 0 0px;
  margin-bottom: 204px;
  width: 100%;
}

.guestPcSections_modesIntro__kqZY6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  margin: 0 0 56px;
  padding: 0 56px;
  box-sizing: border-box;
}

.guestPcSections_modesIntroTitle__eht4j {
  margin: 0 0 16px;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 600;
  font-size: clamp(32px, 3.5vw, 51px);
  line-height: 1.07;
  letter-spacing: -0.02em;
  color: #3a3a3a;
}

.guestPcSections_modesIntroBody__phAib {
  margin: 0 auto 24px;
  max-width: 640px;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 500;
  font-size: clamp(16px, 1.4vw, 20px);
  letter-spacing: -0.2px;
  color: #6b7280;
}

/* Figma 2592:139478 — side inset 56; card fills remaining width; height from 1328/816 */
.guestPcSections_modesList__5l1d7 {
  /* 卡片堆叠：每张卡片 sticky 吸顶，后一张滑上覆盖前一张形成重叠效果 */
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0 56px;
  box-sizing: border-box;
  /* 作为查询容器：内容盒宽度 = 视口 − 112 = 卡片宽度（设计稿 1328）。
     卡片内部用 cqw 表达 → 与 Figma 1:1 且随卡片等比缩放。 */
  container-type: inline-size;
  container-name: modecard;
}

.guestPcSections_modeDwell__D4Xcp {
  flex-shrink: 0;
  height: max(50vh, 420px);
  visibility: hidden;
  pointer-events: none;
}

.guestPcSections_modeCard__QRkB3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  /* 宽度始终撑满（视口 − 112px），高度按 1328/816。
     若按比例算出的高度会超过一屏，则限制高度为 100vh − 112px（上下各留 56px），此时宽度保持撑满、比例让位。 */
  aspect-ratio: 1328 / 816;
  height: auto;
  max-height: calc(100vh - 112px);
  border-radius: 30px;
  overflow: hidden;
  /* Figma 0x0A000000 on #F5F5F5 → #EBEBEB */
  background: #ebebeb;
  min-height: 0;
  /* 滚动时吸顶堆叠：所有卡片吸顶在同一位置，后一张（--z 更大）完全盖住前一张 */
  position: sticky;
  top: 56px;
  z-index: var(--z, 1);
}

.guestPcSections_modeCard__QRkB3[data-media="right"] .guestPcSections_modeMedia__GgBL_ {
  order: 2;
}

.guestPcSections_modeCard__QRkB3[data-media="right"] .guestPcSections_modeCopy__kkznJ {
  order: 1;
}

.guestPcSections_modeMedia__GgBL_ {
  position: relative;
  height: 100%;
  min-width: 0;
  /* 允许旋转后的参考图溢出媒体半区（卡片外层仍有 overflow:hidden 兜底裁切卡片圆角） */
  overflow: visible;
}

.guestPcSections_modeCard__QRkB3[data-theme="rose"] .guestPcSections_modeMedia__GgBL_ {
  background:
    radial-gradient(ellipse at 70% 30%, #f0a7a9, transparent 50%),
    radial-gradient(ellipse at 40% 80%, #d26c7f, transparent 55%),
    #db8282;
}

.guestPcSections_modeCard__QRkB3[data-theme="gray"] .guestPcSections_modeMedia__GgBL_ {
  background:
    radial-gradient(ellipse at 50% 40%, #e4d4c0, transparent 50%),
    radial-gradient(ellipse at 70% 70%, #c3c3c3, transparent 55%),
    #9b9b9b;
}

.guestPcSections_modeCard__QRkB3[data-theme="plum"] .guestPcSections_modeMedia__GgBL_ {
  background:
    radial-gradient(ellipse at 80% 70%, rgba(204, 187, 237, 0.9), transparent 50%),
    radial-gradient(ellipse at 30% 40%, #aa7f98, transparent 55%),
    #884343;
}

.guestPcSections_modeCard__QRkB3[data-theme="amber"] .guestPcSections_modeMedia__GgBL_ {
  background-color: #f3caad;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 664 816' preserveAspectRatio='none'><g transform='matrix(47.389 -76.439 16.798 292.61 440.04 408)'><foreignObject x='-120.2' y='-120.2' width='240.39' height='240.39'><div xmlns='http://www.w3.org/1999/xhtml' style='background-image: conic-gradient(from 90deg, rgb(243, 202, 173) -16.535%, rgb(248, 171, 130) -2.4258%, rgb(253, 139, 86) 11.684%, rgb(255, 171, 106) 32.436%, rgb(254, 153, 103) 55.837%, rgb(249, 178, 138) 69.651%, rgb(243, 202, 173) 83.465%, rgb(248, 171, 130) 97.574%, rgb(253, 139, 86) 111.68%); opacity: 0.9; height: 100%; width: 100%;'></div></foreignObject></g></svg>");
  background-position: center;
  background-size: 100% 100%;
}

/* Figma oval 612×816 inside 664 media half → ~92% width, full height, r300 */
.guestPcSections_modeMediaOval__FrUsP {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(100%, 92.17%);
  height: 100%;
  border-radius: 300px;
  overflow: hidden;
}

.guestPcSections_modeMediaOval__FrUsP img,
.guestPcSections_modeMediaOval__FrUsP video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.guestPcSections_modeFloat__9DWWC {
  position: absolute;
  /* 相对媒体半区（设计稿 宽 664 / 高 816）定位；float 宽=参考图，标签绝对叠加。
     Figma 卡1：宽 212px≈31.93%，右距媒体内边 26px≈3.92%，底距 28px≈3.43% */
  width: 31.93%;
  right: 3.92%;
  bottom: 3.43%;
  z-index: 2;
  pointer-events: none;
}

.guestPcSections_modeFloatRight__7blfh {
  right: 5.27%;
  left: auto;
  /* Figma 卡2：宽 202px≈30.42%，右距媒体外边 35px≈5.27%，底距 56px≈6.86% */
  width: 30.42%;
  bottom: 6.86%;
}

/* Reference Video 卡：标签偏右（Figma 相对参考图 +25px ≈ +12.4%） */
.guestPcSections_modeFloatRight__7blfh .guestPcSections_modeFloatPill__X_rWk {
  left: 12.4%;
  right: auto;
  top: 84.3%;
}

.guestPcSections_modeFloatUrl___sDsM {
  left: 7.83%;
  right: auto;
  /* Figma 卡3：宽 157px≈23.64%，左距 52px≈7.83%，底距 57px≈6.99% */
  width: 23.64%;
  bottom: 6.99%;
}

.guestPcSections_modeRef__BlKjC {
  /* 宽度由外层 .modeFloat 决定（媒体半区百分比），参考卡填满 */
  width: 100%;
  aspect-ratio: 212 / 255;
  height: auto;
  padding: 5.8%;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 20px 41px rgba(0, 0, 0, 0.1);
  transform: rotate(var(--r, 0deg));
  position: relative;
  box-sizing: border-box;
}

.guestPcSections_modeRef__BlKjC img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 17px;
  display: block;
}

.guestPcSections_modeRefPlay__s8DYS {
  position: absolute;
  right: 12%;
  top: 10%;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding-left: 2px;
}

.guestPcSections_modeFloatPill__X_rWk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* 标签绝对定位叠在参考图底部：卡1 顶部 81.2%、左移 -25.9%（相对参考图）；层级在图之上 */
  position: absolute;
  top: 81.2%;
  left: -25.9%;
  z-index: 2;
  height: clamp(40px, 3.92cqw, 52px);
  padding: 0 clamp(14px, 1.5cqw, 20px);
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 600;
  /* Figma 21.03px / 1328 ≈ 1.58cqw */
  font-size: clamp(14px, 1.58cqw, 21px);
  color: #3a3a3a;
  white-space: nowrap;
}

.guestPcSections_modeUrlChip__G3Ncz {
  display: flex;
  align-items: center;
  gap: 6px;
  /* URL 胶囊绝对定位叠在参考图底部：卡3 顶部 75.1%、左移 -24.8%；层级在图之上 */
  position: absolute;
  top: 75.1%;
  left: -24.8%;
  z-index: 2;
  height: clamp(52px, 6.25cqw, 83px);
  padding: 0 clamp(12px, 1.36cqw, 18px);
  background: #fff;
  border-radius: 41px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transform: rotate(var(--r, 0deg));
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 500;
  /* Figma 22.17px / 1328 ≈ 1.67cqw */
  font-size: clamp(13px, 1.67cqw, 22px);
  color: #3a3a3a;
  white-space: nowrap;
}

.guestPcSections_modeUrlChip__G3Ncz img {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.guestPcSections_modeCopy__kkznJ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(20px, 3.3cqw, 44px);
  /* Figma copy 左右 inset x=83 / 1328 ≈ 6.25cqw；竖直居中，纵向 padding 仅作最小留白 */
  padding: clamp(28px, 4.2cqw, 56px) clamp(32px, 6.25cqw, 83px);
  /* Inherit card shell gray — don’t stack another translucent layer */
  background: transparent;
  height: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.guestPcSections_modeOfferBadge__yRLsf {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  background: #fff;
  border-radius: 9px;
  font-family: var(--font-sans);
  filter: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff);
}

.guestPcSections_modeOfferFree__eTJWI {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 16.688px;
  padding: 4px 6px;
  box-sizing: content-box;
  background: #ff631b;
  border-radius: 2px;
  color: #fff;
  font-weight: 800;
  font-size: clamp(14px, 1.506cqw, 20px);
  letter-spacing: -0.4px;
  line-height: 16.688px;
}

.guestPcSections_modeOfferText__SJMJO {
  font-weight: 600;
  font-size: clamp(14px, 1.5cqw, 20px);
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #19171c;
}

.guestPcSections_modeLabel__6429V {
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 500;
  /* Figma 10.826px / 1328 ≈ 0.815cqw */
  font-size: clamp(9px, 0.815cqw, 10.826px);
  line-height: 10.826px;
  letter-spacing: 0.652px;
  text-transform: uppercase;
  color: #252525;
  margin: 0;
  padding-bottom: 2.165px;
  overflow: hidden;
}

.guestPcSections_modeTitle__aytYG {
  margin: 0;
  display: flex;
  flex-direction: column;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 500;
  color: #252525;
}

.guestPcSections_modeTitle__aytYG span {
  /* Figma 三行字号分别为 94.007 / 96.262 / 94.728，统一行高 85.21 */
  font-size: clamp(28px, 7.079cqw, 94.007px);
  line-height: clamp(25.2px, 6.416cqw, 85.21px);
  letter-spacing: -1.9821px;
}

.guestPcSections_modeTitle__aytYG span:nth-child(2) {
  font-size: clamp(28px, 7.2486cqw, 96.262px);
}

.guestPcSections_modeTitle__aytYG span:nth-child(3) {
  font-size: clamp(28px, 7.132cqw, 94.728px);
}

.guestPcSections_modeBody__bCIlx {
  margin: 0;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 500;
  /* Figma 16.78px / 1328 ≈ 1.264cqw */
  font-size: clamp(13px, 1.264cqw, 16.78px);
  line-height: 19.099px;
  letter-spacing: -0.347px;
  color: #252525;
  padding-bottom: 3.473px;
  overflow: hidden;
}

.guestPcSections_modeCta__oJPVA {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Figma 按钮：高 64 / 左右 padding 40 / 圆角 100 / 字号 15（相对 1328 → cqw） */
  height: clamp(48px, 4.82cqw, 64px);
  padding: 0 clamp(24px, 3.01cqw, 40px);
  border: none;
  border-radius: 100px;
  background: #ff631b;
  color: #fff;
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-size: clamp(13px, 1.13cqw, 15px);
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.guestPcSections_modeCta__oJPVA:hover:not(:disabled) {
  transform: translateY(-2px);
}

.guestPcSections_modeCta__oJPVA:disabled {
  cursor: wait;
  opacity: 0.7;
}

.guestPcSections_testimonialsSection__ZLboI {
  padding: 72px 0 96px;
}

.guestPcSections_testimonialsTitle__cWPZV {
  margin: 0 0 16px;
  font-family: var(--font-montserrat-var), sans-serif;
  font-weight: 900;
  font-size: clamp(32px, 4vw, 48px);
  letter-spacing: -0.03em;
  color: #111;
}

.guestPcSections_testimonialsBody__hD9PZ {
  margin: 0 auto 24px;
  max-width: 520px;
  font-family: var(--font-plus-jakarta), sans-serif;
  font-size: 15px;
  color: rgba(58, 58, 58, 0.58);
}

.guestPcSections_testimonialsGrid__6uWSk {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  text-align: left;
}

.guestPcSections_testimonialCard__jA27c {
  background: #fff;
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}

.guestPcSections_testimonialAvatar__PiC5d {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 14px;
}

.guestPcSections_testimonialHandle__n_IZr {
  font-family: var(--font-nunito), sans-serif;
  font-weight: 800;
  font-size: 13px;
  color: #111;
}

.guestPcSections_testimonialRole__Fesos {
  font-family: var(--font-plus-jakarta), sans-serif;
  font-size: 12px;
  color: rgba(58, 58, 58, 0.5);
  margin-bottom: 12px;
}

.guestPcSections_testimonialQuote__oP4o7 {
  margin: 0;
  font-family: var(--font-plus-jakarta), sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(40, 34, 40, 0.75);
}

@media (max-width: 1100px) {
  .guestPcSections_featureCardsGrid__VIj5g,
  .guestPcSections_testimonialsGrid__6uWSk {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* Keep modes 2-col + aspect-ratio; only tighten type via clamp already */
  .guestPcSections_modesList__5l1d7 {
    gap: 40px;
  }

  .guestPcSections_modeDwell__D4Xcp {
    display: none;
  }
}

@media (max-width: 720px) {
  .guestPcSections_testimonialsGrid__6uWSk {
    grid-template-columns: 1fr;
  }

  .guestPcSections_statementSection__mrBBt,
  .guestPcSections_testimonialsSection__ZLboI {
    padding-left: 0;
    padding-right: 0;
  }

  /* Modes keep 56px side inset + aspect-ratio at all widths */
  .guestPcSections_modeCard__QRkB3 {
    border-radius: 24px;
  }
}

/* ── They Love Virash — Figma 2592:139590 ─────────────────────────
   左侧标题/说明/CTA + 上下排布的导航箭头；右侧仅由导航箭头控制的卡片轨道，
   内容满屏、右侧露出 ~2.x 张卡片，卡片按屏幕比例缩放并保持宽高比。 */
.guestPcSections_loveSection__6H6BJ {
  width: 100%;
  /* padding: clamp(56px, 6vw, 104px) 0; */
  padding-top: 40px;
  padding-bottom: 50px;
  overflow-x: clip; /* 轨道向右溢出，避免撑出页面横向滚动 */
  background: #f5f5f5;
  /* 列宽 = 一张卡片宽度：按屏幕比例 28.26vw；同时限制卡片高度 ≤ 80vh
     （高度=宽×688/407，故宽度上限 = 80vh×407/688 ≈ 47.33vh） */
  --love-col: max(240px, min(28.26vw, 47.33vh));
}

.guestPcSections_loveLayout__B7Wg4 {
  display: flex;
  align-items: stretch;
  /* 列间距 = Figma 20 / 1440 ≈ 1.39vw；左内边距固定 56px */
  gap: 1.39vw;
  width: 100%;
  padding-left: 56px;
  box-sizing: border-box;
}

.guestPcSections_loveLeft__3fTDu {
  /* 左栏至少一张卡片宽，并吸收多余横向空间，使右侧始终只露出「2 张卡 + 一点点」 */
  flex: 1 1 auto;
  min-width: var(--love-col);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.guestPcSections_loveIntro__18kem {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.guestPcSections_loveTitle__SoEDu {
  margin: 0;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 600;
  font-size: clamp(32px, 3.54vw, 51px);
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: #3a3a3a;
}

.guestPcSections_loveBody__DgrKU {
  margin: clamp(20px, 2.4vw, 32px) 0 0;
  max-width: 26em;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 500;
  font-size: clamp(15px, 1.39vw, 20px);
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #6b7280;
}

.guestPcSections_loveCta__ldK8v {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(20px, 2.22vw, 32px);
  height: 46px;
  padding: 0 16px;
  border: none;
  border-radius: 100px;
  background: #ff631b;
  color: #fff;
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.guestPcSections_loveCta__ldK8v:hover:not(:disabled) {
  transform: translateY(-2px);
}

.guestPcSections_loveCta__ldK8v:disabled {
  cursor: wait;
  opacity: 0.7;
}

.guestPcSections_loveNav__xpqGX {
  display: flex;
  gap: 12.072px;
  margin-top: auto; /* 推到左栏底部，与卡片底部大致齐平 */
}

.guestPcSections_loveArrow__weFC8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  overflow: hidden;
  background: #b3b3b3;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.2s ease, background 0.2s ease;
}

.guestPcSections_loveArrow__weFC8:disabled {
  cursor: default;
  opacity: 0.3;
}

.guestPcSections_loveArrowIcon__xIQIH {
  position: relative;
  display: flex;
  flex: 0 0 14.769px;
  align-items: center;
  justify-content: center;
  width: 14.769px;
  height: 14.769px;
  overflow: hidden;
}

.guestPcSections_loveArrowIcon__xIQIH[data-dir="left"] {
  transform: rotate(180deg);
}

.guestPcSections_loveArrowGlyph__HNx1y {
  display: block;
  width: 6.514px;
  height: 11.692px;
  transform: translateX(0.335px);
}

.guestPcSections_loveRail__5p_gJ {
  /* 固定可视宽度 = 2 张卡 + 2 个间距 + 约 0.04 张卡的「一点点」露出 */
  flex: 0 0 auto;
  width: calc(var(--love-col) * 2.04 + 2.78vw);
  min-width: 0;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  gap: 1.39vw;
}

.guestPcSections_loveRail__5p_gJ::-webkit-scrollbar {
  display: none;
}

/* 滑到最右端时，末卡片右侧留出 20px */
.guestPcSections_loveCard__KpYu5:last-child {
  margin-right: 20px;
}

.guestPcSections_loveCard__KpYu5 {
  position: relative;
  flex: 0 0 auto;
  /* 卡片宽度 = 左栏同宽，保持宽高比 407:688；宽度含 80vh 高度上限约束 */
  width: var(--love-col);
  aspect-ratio: 407 / 688;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 16px;
  overflow: hidden;
}

.guestPcSections_loveQuote__P8LqP {
  position: absolute;
  top: 4.65%;
  left: 7.86%;
  width: 84.3%;
  margin: 0;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 400;
  font-size: clamp(13px, 1.11vw, 16px);
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: #6b6b6b;
  /* 保留 Figma 文案中的换行（引号独占一行 + 空行 + 正文），全部同为 16px */
  white-space: pre-line;
}

.guestPcSections_loveAvatar__H4NMI {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 47.4%;
  aspect-ratio: 193 / 218;
  object-fit: cover;
  object-position: bottom center;
}

.guestPcSections_loveMeta__fHUF6 {
  position: absolute;
  left: 52.6%;
  bottom: 4%;
  right: 6%;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.guestPcSections_loveHandle__QPLTq {
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(12px, min(1.25vw, 2.09vh), 18px);
  line-height: 1.2;
  color: #3a3a3a;
  white-space: pre-line;
}

.guestPcSections_loveRole__Um_oI {
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 400;
  font-size: clamp(11px, min(1.11vw, 1.86vh), 16px);
  line-height: 1.2;
  color: #6b6b6b;
}

/* ── CTA Hero 大图块 — Figma 2592:139610（占满全屏、比例 1440:824、底部大圆角） ── */
.guestPcSections_ctaHeroSection__mN17D {
  width: 100%;
  /* 背景由外层 .ctaFooterWrap 的暖橙渐变提供，白色卡片圆角处露出渐变 */
  background: transparent;
}

.guestPcSections_ctaHeroInner__Td_0M {
  position: relative;
  width: 100%;
  aspect-ratio: 1440 / 824;
  border-radius: 0 0 clamp(48px, 6.94vw, 100px) clamp(48px, 6.94vw, 100px);
  overflow: hidden;
  /* Figma 2592:139610：卡片底色为白色 */
  background: #ffffff;
}

.guestPcSections_ctaHeroBg__CgM8n {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.guestPcSections_ctaHeroContent__PATe_ {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 35.7%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(20px, 3.1vw, 45px);
  width: 92%;
  text-align: center;
}

.guestPcSections_ctaHeroBadge__NorRH {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  background: #fff;
  border-radius: 9px;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 600;
  font-size: clamp(13px, 1.39vw, 20px);
  color: #19171c;
}

.guestPcSections_ctaHeroTitle__A9rQh {
  margin: 0;
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-weight: 700;
  font-size: clamp(28px, 3.47vw, 50px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #fff;
}

.guestPcSections_ctaHeroBtn__3jPO1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 20px 32px;
  border: none;
  border-radius: 100px;
  background: #ff631b;
  color: #fff;
  font-family: var(--font-encode-expanded), Inter, sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.guestPcSections_ctaHeroBtn__3jPO1:hover:not(:disabled) {
  transform: translateY(-2px);
}

.guestPcSections_ctaHeroBtn__3jPO1:disabled {
  cursor: wait;
  opacity: 0.7;
}

/* ── Footer — Figma 2592:139609（全屏深色底） ── */
.guestPcSections_gfSection__VNxbF {
  position: relative;
  width: 100%;
  /* 页脚透明，露出外层 .ctaFooterWrap 的暖橙渐变（Figma footer frame fills 为空）*/
  background: transparent;
  color: #fff;
  overflow: hidden;
}

.guestPcSections_gfInner__nbY7t {
  display: flex;
  justify-content: space-between;
  gap: 48px;
  width: 100%;
  box-sizing: border-box;
  padding: clamp(48px, 5vw, 72px) 32px clamp(40px, 4vw, 56px);
}

.guestPcSections_gfBrand__Y6TGh {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 340px;
}

.guestPcSections_gfLogo__5ZqeQ {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #fff;
}

.guestPcSections_gfTagline__j6W_i {
  margin: 28px 0 0;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-size: 12px;
  line-height: 1.7;
  color: #fff;
}

.guestPcSections_gfCopyright__bow_5 {
  margin: 16px 0 0;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
}

.guestPcSections_gfCta__cq8mK {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  padding: 8px 18px;
  border: none;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.guestPcSections_gfCta__cq8mK:hover:not(:disabled) {
  opacity: 0.85;
}

.guestPcSections_gfCols__GY2Ci {
  display: flex;
  gap: clamp(24px, 4vw, 64px);
  flex-wrap: wrap;
}

.guestPcSections_gfCol__L7m2z {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 120px;
}

.guestPcSections_gfColTitle__EXqtV {
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 700;
  font-size: 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 4px;
}

.guestPcSections_gfLink__nrcRr {
  font-family: Inter, "Inter var", system-ui, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  background: transparent;
  border: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.guestPcSections_gfLink__nrcRr:hover {
  opacity: 0.7;
}

/* 底部大号品牌水印：整宽图片、贴底、裁掉下半部分 */
.guestPcSections_gfWatermark__UH8sX {
  display: block;
  width: 100%;
  padding: 0 32px;
  box-sizing: border-box;
  margin-top: clamp(24px, 4vw, 64px);
  overflow: hidden;
  user-select: none;
  pointer-events: none;
}

.guestPcSections_gfWatermarkImg__ITzVO {
  display: block;
  width: 100%;
  height: auto;
  /* Figma：水印为黑色 8% 透明度 */
  /* opacity: 0.08; */
}

.VirashV1Reels_heroSection__9k5o_ {
  --hero-headline: #3a3a3a;
  --hero-subtitle: rgba(40, 34, 40, 0.65);
  --hero-bg: #f3f4f6;

  /* Figma / landing-1440w hero ≈ 900px by content — do not force 100vh (leaves a large empty band). */
  padding: 150px 24px 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: var(--hero-bg);
  transition: background-color 0.4s;
}

.VirashV1Reels_heroSectionDark__vk35E {
  --hero-headline: #f3f4f6;
  --hero-subtitle: rgba(243, 244, 246, 0.72);
  --hero-bg: #0a0a0a;
}

.VirashV1Reels_heroSectionClearNav__lHPwS {
  justify-content: flex-start;
}

.VirashV1Reels_heroBackdrop__CrkEZ {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.VirashV1Reels_heroBgLayer__clV0Z {
  position: absolute;
  inset: 0;
  background: var(--hero-bg);
}

.VirashV1Reels_heroGlow__W39cz {
  position: absolute;
  left: 50%;
  top: 8%;
  width: min(92vw, 1308px);
  height: auto;
  aspect-ratio: 1308 / 605;
  transform: translateX(-50%);
  opacity: 0.9;
  pointer-events: none;
}

.VirashV1Reels_heroGlowImg__4kxYT {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.VirashV1Reels_heroStage__ZaZi3 {
  /* Figma 2592:139263 帧宽 1440 */
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.VirashV1Reels_heroCollage__275ge {
  /* Figma 2592:139263：拼贴紧凑盒 924.49 × 523.19，桌面按设计稿 1:1（≈925px） */
  position: relative;
  width: min(92vw, 925px);
  aspect-ratio: 924.49 / 523.19;
  margin: 0 auto;
}

.VirashV1Reels_heroCollagePhoto__kLunJ {
  position: absolute;
  overflow: hidden;
  border-radius: 2px;
  background: #ddd;
}

.VirashV1Reels_heroCollagePhoto__kLunJ img,
.VirashV1Reels_heroCollagePhoto__kLunJ video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.VirashV1Reels_heroHeadline__Jfwx4 {
  /* 标题使用设计稿导出的完整 SVG，叠在拼贴底部之上。 */
  position: relative;
  z-index: 2;
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  max-width: none;
  margin: clamp(-84px, -6vw, -60px) 40px 70px;
}

.VirashV1Reels_heroHeadlineImage__OnMRH {
  display: block;
  width: min(100%, 1355px);
  height: auto;
  object-fit: contain;
}

.VirashV1Reels_heroSubtitle__cXBLi {
  /* Figma 2592:139280 · Inter Medium 500 / 16.7px / letter-spacing -0.01em / #282228@65% */
  color: var(--hero-subtitle);
  font-family: "Inter", var(--font-sans), sans-serif;
  font-weight: 500;
  font-size: clamp(14px, 1.2vw, 16.7px);
  line-height: 1.45;
  letter-spacing: -0.01em;
  max-width: min(92vw, 720px);
  margin: 0 auto 25px;
  transition: color 0.4s;
}

.VirashV1Reels_heroTryFree__CqzJZ {
  /* Figma 2592:139281 · #FF631B 圆角胶囊 / Encode Sans Expanded 700 / 15px / 白字 */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 222px;
  height: 64px;
  padding: 0 28px;
  border: none;
  border-radius: 100px;
  background: #ff631b;
  color: #fff;
  font-family: var(--font-encode-expanded), sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.VirashV1Reels_heroTryFree__CqzJZ:hover {
  transform: translateY(-2px);
}

.VirashV1Reels_heroTryFree__CqzJZ:active {
  transform: translateY(0);
}

.VirashV1Reels_heroTryFree__CqzJZ:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

.VirashV1Reels_compareSection__A5W9w {
  /* Same canvas token as .heroSection (--hero-bg). */
  --hero-bg: #f3f4f6;

  min-height: 100vh;
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
  overflow: hidden;
  background: var(--hero-bg);
}

.VirashV1Reels_statsPanel__cI2Qe {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 72px 60px;
  min-height: 100vh;
}

.VirashV1Reels_videoSlot__BYhbO {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  width: 100%;
}

/* ── User cases (Figma 2592:139309 + cards) ───────────────────── */
.VirashV1Reels_userCasesSection__a54eu {
  position: relative;
  /* Figma: 50px gap after hero before partner block */
  padding: 50px 0 204px;
  background: #f3f4f6;
  color: #3a3a3a;
}

/* Figma 2592:139310 — Inter 16 / regular / 120% / #6B7280 / center */
.VirashV1Reels_userCasesPartnerTitle__jAlCk {
  margin: 0 0 24px;
  padding: 0 clamp(28px, 4vw, 72px);
  color: #6b7280;
  font-weight: 400;
  font-size: 16px;
  font-family: Inter, "Inter var", system-ui, sans-serif;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
}

.VirashV1Reels_userCasesTrackWrap__N_C5S {
  width: 100%;
  margin-top: 46px;
  overflow: hidden;
}

.VirashV1Reels_userCasesTrackWrapInteractive__SdK4R {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  /* Allow vertical page scroll; horizontal drag handled in JS */
  touch-action: pan-y;
}

.VirashV1Reels_userCasesTrackWrapDragging__58IdU {
  cursor: grabbing;
}

.VirashV1Reels_userCasesTrackWrapDragging__58IdU .VirashV1Reels_userCaseCard__tStfj,
.VirashV1Reels_userCasesTrackWrapDragging__58IdU .VirashV1Reels_userCaseRecreateBtn__PvcTV {
  pointer-events: none;
}

.VirashV1Reels_userCasesTrackWrapDragging__58IdU .VirashV1Reels_userCaseCard__tStfj {
  transform: none;
  transition: none;
}

.VirashV1Reels_userCasesTrack__eq6It {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 24px;
  overflow-x: auto;
  overflow-y: hidden;
  touch-action: pan-x;
  padding: 4px 0 0;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.VirashV1Reels_userCasesTrack__eq6It::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.VirashV1Reels_userCasesCardsSegment__CWWyE {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  gap: 16px;
  width: max-content;
}

.VirashV1Reels_userCasesPartnerTrack__H2q23 {
  width: 100%;
  height: 32px;
  overflow: hidden;
  opacity: 0.55;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}

.VirashV1Reels_userCasesPartnerRow__sBn4n {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 48px;
  width: max-content;
  height: 32px;
  animation: VirashV1Reels_user-cases-partner-marquee__EIK_C 40s linear infinite;
  will-change: transform;
}

.VirashV1Reels_userCasesPartnerGroup__yU2qF {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  gap: 48px;
  height: 32px;
}

.VirashV1Reels_userCasesPartnerLogo__YQimx {
  display: block;
  flex: 0 0 auto;
  height: 24px;
  width: auto;
  object-fit: contain;
  user-select: none;
  pointer-events: none;
}

@keyframes VirashV1Reels_user-cases-partner-marquee__EIK_C {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    /*
     * 四组 logo：row 宽度为 4G + 3 × 48px。
     * 25% row 宽度再补 12px，正好等于一组宽度 G + 48px。
     */
    transform: translate3d(calc(-25% - 12px), 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .VirashV1Reels_userCasesPartnerRow__sBn4n {
    animation: none;
  }
}

.VirashV1Reels_userCaseCard__tStfj {
  position: relative;
  flex: 0 0 auto;
  /*
   * Figma 2592:139429 @1440：卡高 380、9:16 卡宽约 214、gap 24。
   * 图片、视频和加载占位统一使用竖版比例；<1440 时卡高按 1440 等比缩小。
   */
  --uc-h: 380px;
  width: calc(var(--uc-h) * 9 / 16);
  height: var(--uc-h);
  aspect-ratio: 9 / 16;
  border-radius: 16px;
  overflow: hidden;
  border: 4px solid #ffffff;
  box-shadow:
    0 4px 24px rgba(10, 10, 10, 0.06),
    inset 0 1px 0 1px rgba(255, 255, 255, 0.85);
  background: #e5e5e5;
  transition: transform 0.2s ease;
}

.VirashV1Reels_userCaseCard__tStfj:hover {
  transform: translateY(-4px);
}

.VirashV1Reels_userCasePlaceholder__fQcny {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
  padding: 20px 16px;
  background: #e5e7eb;
  pointer-events: none;
}

.VirashV1Reels_userCasePlaceholderTitle__Ei0jr,
.VirashV1Reels_userCasePlaceholderTag__I2lTN {
  display: block;
  height: 12px;
  background: #d1d5db;
  border-radius: 999px;
}

.VirashV1Reels_userCasePlaceholderTitle__Ei0jr {
  width: 68%;
}

.VirashV1Reels_userCasePlaceholderTag__I2lTN {
  width: 42%;
  height: 8px;
}

@media (max-width: 1439.98px) {
  .VirashV1Reels_userCaseCard__tStfj {
    --uc-h: calc(380 / 1440 * 100vw);
  }
}

.VirashV1Reels_userCaseVideo__lVOmB {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.VirashV1Reels_userCaseGlass__yMaSs {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  /* Figma template bottom pad 16 / title↔tag gap 3 */
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 48px 16px 16px;
  text-align: left;
  background: linear-gradient(
    180deg,
    transparent 0%,
    rgba(37, 37, 37, 0.72) 100%
  );
  transition: opacity 0.2s ease;
}

.VirashV1Reels_userCaseTitle__3zwt7 {
  font-family: var(--font-encode-expanded), sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 120%;
  margin: 0;
  color: #ffffff;
}

.VirashV1Reels_userCaseTag__cj2se {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 12px;
  margin: 0;
  color: #b3b3b3;
}

/* Figma 2592:139433 — hover ReCreate pill, bottom-right */
.VirashV1Reels_userCaseRecreateBtn__PvcTV {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  height: 50px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: #ff631b;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    background-color 0.15s ease;
}

.VirashV1Reels_userCaseCard__tStfj:hover .VirashV1Reels_userCaseGlass__yMaSs,
.VirashV1Reels_userCaseCard__tStfj:focus-within .VirashV1Reels_userCaseGlass__yMaSs {
  opacity: 0;
}

.VirashV1Reels_userCaseCard__tStfj:hover .VirashV1Reels_userCaseRecreateBtn__PvcTV,
.VirashV1Reels_userCaseCard__tStfj:focus-within .VirashV1Reels_userCaseRecreateBtn__PvcTV {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.VirashV1Reels_userCaseRecreateBtn__PvcTV:hover {
  background: #ff7a3d;
}

.VirashV1Reels_userCaseRecreateBtn__PvcTV:active {
  background: #e85712;
}

.VirashV1Reels_howSection__MaEGs {
  padding: 96px 48px;
}

.VirashV1Reels_howGrid__39mVN {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.VirashV1Reels_ctaBand__h4t40 {
  margin: 0 clamp(16px, 3vw, 48px);
  padding: 88px 48px;
  text-align: center;
  border: none;
  border-radius: 40px 40px 60px 60px;
  overflow: hidden;
}

.VirashV1Reels_faqSection__e6yV5 {
  /* 与移动端一致，在 CTA 与 FAQ 标题之间保留顶部呼吸空间。 */
  padding: 48px 48px 96px;
  max-width: 680px;
  margin: 0 auto;
}

.VirashV1Reels_heroStroke__OXaDE {}

.VirashV1Reels_heroCta__F5g89 {}

@keyframes VirashV1Reels_heroMobileFadeSlideIn__kowcl {
  from {
    opacity: 0;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.VirashV1Reels_heroMobileIntro__sWglZ {
  opacity: 0;
  transform: translateY(16px);
  animation: VirashV1Reels_heroMobileFadeSlideIn__kowcl 0.56s cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.VirashV1Reels_heroMobileIntroDelay1__vTAT0 {
  animation-delay: 80ms;
}

.VirashV1Reels_heroMobileIntroDelay2__hJgWx {
  animation-delay: 150ms;
}

.VirashV1Reels_heroMobileIntroDelay3__1TCaN {
  animation-delay: 230ms;
}

.VirashV1Reels_heroMobileIntroDelay4__Fz_Lm {
  animation-delay: 300ms;
}

.VirashV1Reels_userCasesTrackAuto__MdENV {
  width: max-content;
  overflow: visible;
  touch-action: none;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

.VirashV1Reels_userCasesTrackTouch__1fyT1 {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
}

.VirashV1Reels_userCasesTrackTouch__1fyT1 .VirashV1Reels_userCaseCard__tStfj {
  scroll-snap-align: start;
}


@media (min-width: 768px) {
  .VirashV1Reels_heroSection__9k5o_ {
    padding: 150px 48px 50px;
  }
}

@media (min-width: 769px) {
  .VirashV1Reels_userCaseTag__cj2se {
    display: none;
  }
}

@media (max-width: 768px) {
  .VirashV1Reels_heroChatboxShell__hNXL1 {
    backdrop-filter: blur(12px) saturate(135%);
    -webkit-backdrop-filter: blur(12px) saturate(135%);
  }

  .VirashV1Reels_compareSection__A5W9w {
    flex-direction: column !important;
    min-height: auto !important;
  }

  .VirashV1Reels_statsPanel__cI2Qe {
    min-height: auto !important;
    padding: 48px 24px !important;
  }

  .VirashV1Reels_videoSlot__BYhbO {
    min-height: auto !important;
    padding: 24px 16px 40px !important;
  }

  .VirashV1Reels_videoSlot__BYhbO > div {
    width: min(92vw, 420px) !important;
    max-height: none !important;
    aspect-ratio: 9 / 16 !important;
  }

  .VirashV1Reels_userCasesSection__a54eu {
    padding: 40px 0 56px !important;
  }

  .VirashV1Reels_userCasesPartnerTitle__jAlCk {
    margin-bottom: 20px !important;
    padding: 0 24px !important;
  }

  .VirashV1Reels_userCasesTrackWrap__N_C5S {
    margin-top: 32px;
  }

  .VirashV1Reels_userCasesTrack__eq6It {
    padding: 0 !important;
  }

  .VirashV1Reels_userCaseCard__tStfj {
    --uc-h: 340px;
    width: calc(var(--uc-h) * 9 / 16) !important;
    height: var(--uc-h) !important;
  }

  .VirashV1Reels_howSection__MaEGs {
    padding: 64px 24px !important;
  }

  .VirashV1Reels_howGrid__39mVN {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .VirashV1Reels_heroStroke__OXaDE {
    -webkit-text-stroke: 1.5px var(--v1-hero-stroke) !important;
  }

  .VirashV1Reels_heroCta__F5g89 button,
  .VirashV1Reels_heroCta__F5g89 a {
    width: 100% !important;
    justify-content: center;
  }

  .VirashV1Reels_ctaBand__h4t40 {
    padding: 64px 24px !important;
  }

  .VirashV1Reels_ctaBand__h4t40 h2 {
    font-size: 36px !important;
  }

  .VirashV1Reels_faqSection__e6yV5 {
    padding: 0 24px 64px !important;
  }

}

@media (max-width: 480px) {
  .VirashV1Reels_heroStage__ZaZi3 {
    transform: translateY(128px);
  }
}

/* ── CTA Hero + Footer 共用暖橙角向渐变背景（Figma 2592:139609 外层 Frame）── */
.VirashV1Reels_ctaFooterWrap__VumCc {
  position: relative;
  width: 100%;
  background-color: #ff9e5e;
  background-image: conic-gradient(
    from 90deg at 0% 45%,
    rgba(253, 139, 86, 0.9) 0deg,
    rgba(255, 171, 106, 0.9) 60deg,
    rgba(254, 153, 103, 0.9) 160deg,
    rgba(243, 202, 173, 0.9) 250deg,
    rgba(253, 139, 86, 0.9) 360deg
  );
}