:root,
:root[data-theme="ivory"] {
  --bg: #f5f5f7;
  --bg-alt: #ffffff;
  --card: #ffffff;
  --ink: #1d1d1f;
  --muted: #6e6e73;
  --accent: #0071e3;
  --accent-soft: rgba(0, 113, 227, .1);
  --line: rgba(0, 0, 0, .075);
  --line-strong: rgba(0, 0, 0, .13);
  --band-bg: #f5f5f7;
  --band-ink: #1d1d1f;
  --ph-border: rgba(0, 0, 0, .1);
  --ph-bg: rgba(0, 0, 0, .025);
  --ph-stripe: rgba(0, 0, 0, .035);
  --ph-text: #6e6e73;
  --shadow: 0 18px 50px rgba(0, 0, 0, .08);
  --shadow-large: 0 32px 90px rgba(0, 0, 0, .1);
  --font-cn: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "PingFang SC", "Helvetica Neue", sans-serif;
  --font-serif: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Helvetica Neue", sans-serif;
  --font-en: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", sans-serif;
}

html { background: var(--bg); }
body {
  background: var(--bg);
  font-family: var(--font-cn);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a, button { -webkit-tap-highlight-color: transparent; }
.h-cn {
  font-family: var(--font-cn);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.045em;
}
.h-en {
  font-family: var(--font-en);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -.035em;
}
.en-caps {
  font-family: var(--font-en);
  font-weight: 600;
  letter-spacing: .11em;
  line-height: 1.55;
}

.motion-nav {
  top: 14px;
  right: max(18px, 3vw);
  left: max(18px, 3vw);
  min-height: 56px;
  padding: 7px 8px 7px 18px;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 22px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 10px 38px rgba(0, 0, 0, .08);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
}
.motion-nav__links a {
  color: #515154;
  font-family: var(--font-en);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .02em;
}
.motion-nav__cursor { bottom: -8px; height: 3px; border-radius: 999px; }
.motion-nav__cta,
.hero__cta {
  border: 0;
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
  font-family: var(--font-cn);
  font-weight: 600;
  letter-spacing: 0;
  box-shadow: none;
}
.motion-nav__cta { padding: 13px 20px; }
.motion-nav__cta:hover,
.hero__cta:hover { background: #0077ed; color: #fff; transform: translateY(-1px); }
.hero__cta i { background: rgba(255, 255, 255, .16); color: #fff; }
.motion-nav__cta:active,
.hero__cta:active,
.hero__primary:active,
.mobile-sticky-cta:active { transform: scale(.97); transition-duration: 100ms; }

.hero {
  background:
    radial-gradient(circle at 80% 33%, rgba(0, 113, 227, .11), transparent 27%),
    linear-gradient(180deg, #fff 0%, #f5f5f7 100%);
  border-bottom: 0;
}
.hero__nav {
  min-height: 82px;
  padding: 12px 4vw;
  border-bottom: 0;
}
.hero__menu a {
  color: #515154;
  font-family: var(--font-en);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .035em;
}
.hero__menu a::after { display: none; }
.hero__grid {
  grid-template-columns: minmax(420px, .9fr) minmax(560px, 1.1fr);
  gap: clamp(36px, 4.5vw, 86px);
  padding-top: clamp(42px, 4.6vw, 88px);
  padding-bottom: clamp(38px, 4vw, 76px);
}
.hero__edition {
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: clamp(30px, 3vw, 54px);
  padding: 0;
  border: 0;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .035em;
}
.hero__edition span {
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .045);
}
.hero__edition span:last-child { margin-left: 0; text-align: left; }
.hero__title-en {
  color: var(--muted);
  font-style: normal;
  font-size: clamp(17px, 1.4vw, 25px);
  font-weight: 600;
  letter-spacing: -.025em;
}
.hero__title-cn {
  max-width: 8.8em;
  margin-top: 14px;
  font-size: clamp(48px, 4.75vw, 84px);
  font-weight: 650;
  line-height: 1;
  letter-spacing: -.055em;
}
.hero__title-cn strong { color: var(--accent); font-weight: inherit; }
.hero__title-cn > span {
  clip-path: none !important;
  transform: none !important;
}
.hero__lead {
  max-width: 31em;
  margin-top: 24px;
  font-size: clamp(14px, 1vw, 18px);
  line-height: 1.65;
}
.hero__metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 30px;
  border: 0;
}
.hero__metrics > div {
  padding: 14px 12px;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .74);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .045);
}
.hero__metrics b {
  color: var(--ink);
  font-family: var(--font-en);
  font-size: clamp(18px, 1.4vw, 26px);
  font-weight: 600;
  letter-spacing: -.03em;
}
.hero__metrics small { margin-top: .5em; font-size: 10px; letter-spacing: 0; text-transform: none; }
.hero__primary {
  justify-content: center;
  min-width: 0;
  min-height: 48px;
  margin-top: 24px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}
.hero__primary:hover { background: #0077ed; }
.hero__kv {
  border-radius: 30px;
  box-shadow: var(--shadow-large);
}
.hero__kv::after { border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .58); }
.hero__kv figcaption {
  right: 18px;
  bottom: 18px;
  left: 18px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 14px;
  background: rgba(255, 255, 255, .68);
  font-family: var(--font-en);
  letter-spacing: .07em;
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
}
.hero__ticker {
  min-height: 52px;
  border-top: 0;
  background: rgba(255, 255, 255, .6);
  font-family: var(--font-en);
  letter-spacing: .04em;
}
.hero__ticker b { font-family: var(--font-cn); font-weight: 600; letter-spacing: 0; }

.value-card,
.day-card,
.deliver-card,
.audience__visual,
.ui-frame,
.site-demo,
.portrait-sample,
.pc-compare,
.model-studio video,
.video-carousel__panel video {
  border: 1px solid rgba(0, 0, 0, .055);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 14px 44px rgba(0, 0, 0, .065);
}
.value-card,
.day-card,
.deliver-card { padding: clamp(26px, 2.4vw, 44px); }
.value-card::after,
.category-flow__systems-grid .ui-frame::before,
.ui-frame::after { display: none; }
.value-card h3,
.audience-item__body h3,
.day-card h3,
.deliver-card h3,
.mentor__name,
.model-photo__pair-head strong,
.model-studio figcaption strong,
.portrait-sample figcaption strong,
.portrait-result figcaption strong,
.pc-compare__label strong { font-family: var(--font-cn); letter-spacing: -.025em; }
.slot-image,
.mentor__photo .slot-image,
.member-gallery__item .slot-image { border-radius: 22px; }
.ui-frame__bar {
  border-bottom-color: rgba(0, 0, 0, .055);
  background: rgba(245, 245, 247, .82);
}
.model-studio video,
.site-demo,
.video-carousel__panel video { overflow: hidden; }
.portrait-result { overflow: hidden; border-radius: 26px; box-shadow: var(--shadow); }

.workflow-band {
  padding-top: clamp(86px, 8vw, 150px);
  padding-bottom: clamp(86px, 8vw, 150px);
  background: #f5f5f7;
  color: var(--ink);
}
.workflow-band__pill { border: 0; background: #fff; box-shadow: 0 10px 34px rgba(0, 0, 0, .06); }
.workflow-experience {
  --accent: #0071e3;
  min-height: auto;
  padding: clamp(96px, 9vw, 170px) 4vw clamp(88px, 8vw, 150px);
  background:
    radial-gradient(circle at 50% 43%, rgba(0, 113, 227, .09), transparent 34%),
    #fff;
  color: var(--ink);
}
.workflow-experience::after { display: none; }
.workflow-experience__canvas { opacity: .12; }
.workflow-experience__glow { opacity: .8; }
.workflow-experience__eyebrow { letter-spacing: .1em; }
.workflow-experience__title {
  margin-top: 20px;
  font-size: clamp(48px, 5.7vw, 96px);
  font-weight: 650;
}
.workflow-experience__lead { max-width: 720px; margin-top: 24px; font-size: clamp(15px, 1.05vw, 19px); line-height: 1.65; }
.workflow-experience__scene { width: min(88%, 1280px); margin-top: clamp(54px, 6vw, 96px); }
.workflow-experience__system {
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 30px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 34px 100px rgba(0, 0, 0, .12);
}
.workflow-experience__system::before { display: none; }
.workflow-experience__topbar,
.workflow-experience__system-foot { letter-spacing: .07em; }
.workflow-experience__topbar { border-bottom-color: rgba(0, 0, 0, .06); }
.workflow-experience__system-foot { border-top-color: rgba(0, 0, 0, .06); }
.workflow-experience__viewport { background: #e9eef2; }
.workflow-experience__scan,
.video-generation__scanline,
.vg-scan { display: none; }
.workflow-experience__dim { background: rgba(0, 113, 227, .15); }
.workflow-experience__signal {
  gap: 7px;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 18px;
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 16px 48px rgba(0, 0, 0, .1);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
}
.workflow-experience__signal::after { background: linear-gradient(90deg, rgba(0, 113, 227, .55), transparent); }
.workflow-experience__signal strong { font-family: var(--font-cn); font-weight: 600; letter-spacing: -.02em; }
.workflow-experience__status { border-top-color: rgba(0, 0, 0, .08); }
.workflow-experience__progress i { background: linear-gradient(90deg, var(--accent), rgba(0, 113, 227, .12)); }

.video-generation {
  padding-top: clamp(100px, 9vw, 170px);
  padding-bottom: clamp(100px, 9vw, 170px);
  background: #f5f5f7;
}
.video-generation__head { margin-bottom: clamp(44px, 5vw, 82px); }
.video-generation__head,
.prompt-video__head {
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  align-items: end;
  padding-bottom: 0;
}
.video-generation__head::before,
.video-generation__head::after,
.prompt-video__head::before,
.prompt-video__head::after { display: none; }
.video-generation__head h2,
.prompt-video__head h2 {
  max-width: 8em;
  margin-top: 18px;
  font-size: clamp(54px, 6.1vw, 112px);
  font-weight: 650;
  line-height: .96;
  letter-spacing: -.065em;
}
.video-generation__head .en-caps,
.prompt-video__head .en-caps {
  color: var(--muted);
  font-size: 11px;
  letter-spacing: .09em;
}
.video-generation__intro,
.prompt-video__intro { align-self: end; padding: 0 0 .5em; }
.video-generation__intro p,
.prompt-video__intro p {
  max-width: 28em;
  color: var(--muted);
  font-size: clamp(16px, 1.12vw, 20px);
  line-height: 1.55;
}
.case-kicker { border: 0; background: rgba(0, 113, 227, .1); color: var(--accent); letter-spacing: .04em; }
.video-generation__showcase {
  gap: clamp(20px, 2.2vw, 36px);
  padding: clamp(18px, 2vw, 30px);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .06);
}
.video-generation__asset {
  padding: clamp(14px, 1.35vw, 22px);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .055);
}
.video-generation__asset figcaption,
.prompt-video__demo figcaption,
.model-studio figcaption { border: 0; letter-spacing: .02em; }
.video-generation__asset figcaption::after { display: none; }
.video-generation__asset img,
.video-generation__asset video,
.prompt-video__demo video {
  border: 0;
  border-radius: 18px;
  box-shadow: none;
}
.prompt-video {
  margin-top: clamp(80px, 9vw, 150px);
  padding: clamp(54px, 5vw, 86px);
  border: 0;
  border-radius: 34px;
  background: #fff;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .07);
}
.prompt-video__head { margin-bottom: clamp(36px, 4vw, 66px); }
.prompt-video__demo {
  padding: clamp(14px, 1.6vw, 24px);
  border-radius: 24px;
  background: #f5f5f7;
}
.prompt-video__demo figcaption strong { font-family: var(--font-cn); letter-spacing: -.01em; }

.signup {
  padding: clamp(88px, 8vw, 150px) 4vw;
  border: 0;
  background: #f5f5f7;
}
.signup::after { display: none; }
.signup__meta {
  width: min(100%, 1420px);
  margin-inline: auto;
}
.signup__year { font-style: normal; font-weight: 600; letter-spacing: -.04em; }
.signup__tags { color: var(--muted); }
.signup__grid {
  width: min(100%, 1420px);
  margin: 30px auto 0;
  padding: clamp(36px, 4.8vw, 80px);
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius: 34px;
  background:
    radial-gradient(circle at 82% 30%, rgba(0, 113, 227, .09), transparent 34%),
    #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .07);
}
.signup__title { font-weight: 650; }
.signup__underline { display: none; }
.signup__scarcity { color: var(--muted); letter-spacing: 0; }
.signup__scarcity::before { width: 6px; height: 6px; border-radius: 50%; }
.signup__status {
  display: grid;
  gap: 14px;
  padding: clamp(28px, 3vw, 46px);
  border-radius: 24px;
  background: rgba(0, 113, 227, .085);
}
.signup__status > span { color: var(--accent); font-size: 11px; font-weight: 600; letter-spacing: .08em; }
.signup__status strong { font-size: clamp(26px, 2.4vw, 44px); font-weight: 650; line-height: 1.08; letter-spacing: -.04em; }
.signup__status p { color: var(--muted); font-size: clamp(12px, .9vw, 16px); line-height: 1.65; }
.partners-title,
.logo-roller { background: #fff; }
.partners-title { padding-top: clamp(70px, 7vw, 120px); }
.logo-roller__item { border-radius: 20px; }
.partner-logo { opacity: .48; transition: opacity .3s ease, filter .3s ease, transform .3s ease; }
.logo-roller__item:hover .partner-logo { transform: scale(1.025); }
.build-note { border: 0; background: #fff; }

@media (hover: hover) and (pointer: fine) {
  .value-card:hover,
  .day-card:hover,
  .deliver-card:hover { transform: translateY(-2px); box-shadow: 0 18px 52px rgba(0, 0, 0, .085); }
}

@media (max-width: 1100px) and (min-width: 861px) {
  .hero__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero__title-cn { font-size: clamp(38px, 4.6vw, 58px); }
}

@media (max-width: 860px) {
  .hero { background: linear-gradient(180deg, #fff 0%, #f5f5f7 100%); }
  .hero__nav { min-height: 68px; padding: 12px 5vw; }
  .hero__cta { padding-left: 15px; }
  .hero__grid { padding-top: 34px; padding-bottom: 50px; gap: 34px; }
  .hero__edition { margin-bottom: 26px; }
  .hero__title-en { font-size: 22px; }
  .hero__title-cn { max-width: 10em; font-size: clamp(40px, 11vw, 54px); }
  .hero__lead { font-size: 15px; }
  .hero__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero__kv,
  .hero__kv .slot-image { min-height: 0; }
  .hero__kv { border-radius: 24px; }
  .hero__ticker { padding-inline: 5vw; }
  .value-card,
  .day-card,
  .deliver-card,
  .audience__visual,
  .ui-frame,
  .site-demo,
  .portrait-sample,
  .pc-compare,
  .model-studio video,
  .video-carousel__panel video { border-radius: 20px; }
  .workflow-experience { padding: 88px 5vw 82px; }
  .workflow-experience__head { text-align: left; }
  .workflow-experience__title { font-size: clamp(40px, 10.5vw, 58px); }
  .workflow-experience__lead { margin-inline: 0; }
  .workflow-experience__scene { width: 100%; margin-top: 52px; }
  .workflow-experience__system { border-radius: 22px; }
  .workflow-experience__signal { border-radius: 16px; }
  .workflow-experience__status { margin-top: 48px; }
  .video-generation { padding: 88px 5vw; }
  .video-generation__head { margin-bottom: 38px; }
  .video-generation__head,
  .prompt-video__head { grid-template-columns: 1fr; align-items: start; gap: 22px; }
  .video-generation__head h2,
  .prompt-video__head h2 { font-size: clamp(44px, 12vw, 62px); }
  .video-generation__intro,
  .prompt-video__intro { padding: 0; }
  .video-generation__showcase { padding: 12px; border-radius: 24px; }
  .video-generation__asset { border-radius: 18px; }
  .prompt-video { margin-top: 70px; padding: 32px 18px 18px; border-radius: 26px; }
  .prompt-video__head { margin-bottom: 30px; }
  .prompt-video__demo { padding: 10px; border-radius: 18px; }
  .signup { padding: 78px 5vw; }
  .signup__meta { align-items: flex-start; gap: 14px; }
  .signup__grid { gap: 32px; margin-top: 24px; padding: 30px 20px 20px; border-radius: 26px; }
  .signup__status { padding: 24px; border-radius: 20px; }
  .mobile-sticky-cta {
    border: 0;
    border-radius: 18px;
    background: rgba(29, 29, 31, .9);
    color: #fff;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .18);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
  }
}

@media (max-width: 520px) {
  .brand-logo { width: 150px; min-width: 150px; }
  .hero__cta span { display: none; }
  .hero__cta { width: 40px; height: 40px; padding: 0; justify-content: center; }
  .hero__cta i { width: auto; height: auto; background: transparent; }
  .hero__title-cn { max-width: none; font-size: clamp(39px, 10.8vw, 46px); }
  .hero__title-cn strong { display: block; margin-top: .08em; }
  .hero__metrics > div { padding: 12px 10px; }
  .video-generation__head h2,
  .prompt-video__head h2 { font-size: clamp(40px, 12vw, 56px); }
  .prompt-video__demo figcaption { align-items: flex-start; flex-direction: column; gap: 8px; }
  .signup__meta { display: grid; }
}

@media (prefers-reduced-transparency: reduce) {
  .motion-nav,
  .hero__kv figcaption,
  .workflow-experience__signal,
  .mobile-sticky-cta { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .mobile-sticky-cta { background: #1d1d1f; }
}

@media (prefers-contrast: more) {
  .motion-nav,
  .value-card,
  .day-card,
  .deliver-card,
  .video-generation__asset,
  .prompt-video,
  .signup__grid { border-color: rgba(0, 0, 0, .4); }
}

/* ============================================================
   V5 Type Calm · restrained hierarchy and theme-safe materials
   ============================================================ */
:root {
  --type-display-xl: clamp(40px, 3.96vw, 76px);
  --type-display: clamp(32px, 2.92vw, 56px);
  --type-title: clamp(22px, 1.67vw, 32px);
  --type-headline: clamp(18px, 1.15vw, 22px);
  --type-body: clamp(15px, .89vw, 17px);
  --type-caption: clamp(12px, .73vw, 14px);
  --type-label: clamp(11px, .63vw, 12px);
  --type-micro: clamp(10px, .57vw, 11px);
  --track-display-xl: -.022em;
  --track-display: -.018em;
  --track-title: -.012em;
  --track-headline: -.008em;
  --track-body: 0;
  --track-caption: .01em;
  --track-label: .08em;
  --track-micro: .06em;
  --leading-display-xl: 1.05;
  --leading-display: 1.1;
  --leading-title: 1.2;
  --leading-headline: 1.35;
  --leading-body: 1.6;
  --leading-caption: 1.5;
  --leading-label: 1.4;
  --leading-micro: 1.2;
}

.t-display-xl {
  font-size: var(--type-display-xl);
  font-weight: 650;
  line-height: var(--leading-display-xl);
  letter-spacing: var(--track-display-xl);
}
.t-display {
  font-size: var(--type-display);
  font-weight: 600;
  line-height: var(--leading-display);
  letter-spacing: var(--track-display);
}
.t-title {
  font-size: var(--type-title);
  font-weight: 600;
  line-height: var(--leading-title);
  letter-spacing: var(--track-title);
}
.t-headline {
  font-size: var(--type-headline);
  font-weight: 600;
  line-height: var(--leading-headline);
  letter-spacing: var(--track-headline);
}
.t-body {
  font-size: var(--type-body);
  font-weight: 400;
  line-height: var(--leading-body);
  letter-spacing: var(--track-body);
}
.t-caption {
  font-size: var(--type-caption);
  font-weight: 400;
  line-height: var(--leading-caption);
  letter-spacing: var(--track-caption);
}
.t-label {
  font-size: var(--type-label);
  font-weight: 600;
  line-height: var(--leading-label);
  letter-spacing: var(--track-label);
}
.t-micro {
  font-size: var(--type-micro);
  font-weight: 500;
  line-height: var(--leading-micro);
  letter-spacing: var(--track-micro);
}

body {
  font-size: var(--type-body);
  font-weight: 400;
  line-height: var(--leading-body);
  letter-spacing: var(--track-body);
}
body *,
body *::before,
body *::after { font-style: normal; }

.h-cn,
.h-en { font-style: normal; }

.hero__title-cn,
.value__title {
  font-size: var(--type-display-xl);
  font-weight: 650;
  line-height: var(--leading-display-xl);
  letter-spacing: var(--track-display-xl);
}

.audience__title,
.workflow-band__title,
.workflow-experience__title,
.cases__title .h-cn,
.model-photo__head h2,
.product-case__head h2,
.distill__title,
.category-flow__title,
.video-generation__head h2,
.site-building__title,
.timetable__title,
.delivery__title,
.past__title,
.video-carousel__head .h-cn,
.signup__title,
.partners-title h2 {
  font-size: var(--type-display);
  font-weight: 600;
  line-height: var(--leading-display);
  letter-spacing: var(--track-display);
}

.prompt-video__head h2,
.visual-sys__title,
.model-studio__head h3,
.portrait-lab__head h3,
.category-flow__systems-head h3,
.site-case__head h3,
.signup__status strong {
  font-size: var(--type-title);
  font-weight: 600;
  line-height: var(--leading-title);
  letter-spacing: var(--track-title);
}

.value-card h3,
.audience-item__body h3,
.mentor__name,
.workflow-band__right-cn,
.workflow-experience__signal strong,
.model-photo__pair-head strong,
.model-studio figcaption strong,
.portrait-sample figcaption strong,
.portrait-result figcaption strong,
.pc-compare__label strong,
.distill__lead,
.site-building__lead,
.day-card h3,
.deliver-card h3,
.prompt-video__demo figcaption strong {
  font-size: var(--type-headline);
  font-weight: 600;
  line-height: var(--leading-headline);
  letter-spacing: var(--track-headline);
}

.hero__lead,
.value__aside-cn,
.audience-item__body p,
.mentor__bio,
.mentor__team-note,
.workflow-band__lead,
.workflow-experience__lead,
.visual-sys__copy,
.model-studio__head p,
.portrait-lab__intro p,
.product-case__copy,
.distill__sub,
.category-flow__copy,
.category-flow__systems-head > p,
.video-generation__intro p,
.prompt-video__intro p,
.site-building__copy,
.delivery__sub,
.signup__sub,
.signup__scarcity,
.signup__status p {
  font-size: var(--type-body);
  font-weight: 400;
  line-height: var(--leading-body);
  letter-spacing: var(--track-body);
}

.value-card p,
.value-card small,
.visual-sys__note,
.portrait-sample figcaption small,
.portrait-result figcaption p,
.category-flow__systems-note,
.video-generation__asset figcaption,
.prompt-video__demo figcaption,
.site-building__features span,
.site-demo__bar a,
.day-card li,
.deliver-card p,
.past__note,
.reviews__note,
.partners-title__note,
.signup__tags {
  font-size: var(--type-caption);
  font-weight: 400;
  line-height: var(--leading-caption);
  letter-spacing: var(--track-caption);
}

.en-caps,
.hero__edition,
.hero__menu a,
.motion-nav__links a,
.motion-nav__cta,
.hero__cta,
.hero__primary,
.audience__en,
.audience-item__num,
.mentor-tag,
.workflow-experience__eyebrow,
.workflow-experience__live,
.workflow-experience__status > span,
.model-photo__pair-head span,
.case-kicker,
.site-case__head span,
.day-card__label,
.deliver-card__hint,
.signup__status > span,
.signup__year {
  color: var(--muted);
  font-size: var(--type-label);
  font-weight: 600;
  line-height: var(--leading-label);
  letter-spacing: var(--track-label);
}

.hero__metrics small,
.hero__ticker,
.workflow-experience__topbar,
.workflow-experience__system-foot,
.workflow-experience__signal small,
.media-fig,
.vc-folio,
.site-demo__bar strong,
.site-demo__stage::after,
.theme-switch__label {
  font-size: var(--type-micro);
  font-weight: 500;
  line-height: var(--leading-micro);
  letter-spacing: var(--track-micro);
}

.hero__title-en,
.hero__metrics b,
.mentor__cn-label {
  font-size: var(--type-title);
  font-weight: 600;
  line-height: var(--leading-title);
  letter-spacing: var(--track-title);
}

.hero__edition span,
.case-kicker,
.mentor-tag {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.hero__title-cn strong,
.value-card p b,
.workflow-band__arrow,
.cases__tag b,
.deliver-card__hint { color: inherit; }
.value__bar,
.cases__foot-cn::before,
.portrait-result__badge,
.deliver-card__num,
.portrait-lab__proof,
.workflow-experience__signal span { display: none; }

.hero,
.workflow-band,
.workflow-experience,
.cases,
.model-photo,
.product-case,
.distill,
.timetable,
.past,
.partners-title,
.logo-roller { background: var(--bg); color: var(--ink); }
.value,
.audience,
.mentor,
.visual-sys,
.category-flow,
.video-generation,
.site-building,
.delivery,
.video-carousel,
.signup { background: var(--bg-alt); color: var(--ink); }

.motion-nav,
.hero__metrics > div,
.value-card,
.day-card,
.deliver-card,
.audience__visual,
.ui-frame,
.workflow-experience__system,
.workflow-experience__signal,
.video-generation__showcase,
.video-generation__asset,
.prompt-video,
.prompt-video__demo,
.site-demo,
.signup__grid,
.signup__status,
.logo-roller__item,
.build-note {
  border-color: var(--line);
  background: var(--card);
  color: var(--ink);
}

.motion-nav {
  background: color-mix(in srgb, var(--card) 78%, transparent);
  box-shadow: 0 10px 38px color-mix(in srgb, var(--ink) 8%, transparent);
}
.motion-nav__links a,
.hero__menu a { color: var(--muted); }
.hero__metrics > div { box-shadow: inset 0 0 0 1px var(--line); }
.hero__kv,
.portrait-result { box-shadow: var(--shadow-large, var(--shadow)); }
.value__title { color: var(--ink); }
.value__title span {
  padding: 0;
  background: none;
  box-shadow: none;
}

.value-card,
.day-card,
.deliver-card {
  padding: clamp(24px, 2vw, 32px);
  border-radius: 24px;
  box-shadow: 0 14px 44px color-mix(in srgb, var(--ink) 6.5%, transparent);
}
.video-generation__showcase {
  padding: clamp(18px, 2vw, 30px);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--ink) 6%, transparent);
}
.video-generation__asset {
  box-shadow: 0 12px 36px color-mix(in srgb, var(--ink) 5.5%, transparent);
}
.prompt-video { box-shadow: 0 26px 80px color-mix(in srgb, var(--ink) 7%, transparent); }
.prompt-video__demo { background: var(--bg-alt); }
.signup__grid {
  background: var(--card);
  box-shadow: 0 24px 70px color-mix(in srgb, var(--ink) 7%, transparent);
}
.signup__status { background: var(--accent-soft); }
.signup__year { color: var(--muted); }

.workflow-experience {
  --accent: inherit;
  background: var(--bg);
}
.workflow-experience__canvas { opacity: .08; }
.workflow-experience__glow { opacity: .32; }
.workflow-experience__scene { width: min(88%, 1280px); }
.workflow-experience__system {
  background: color-mix(in srgb, var(--card) 94%, transparent);
  box-shadow: 0 34px 100px color-mix(in srgb, var(--ink) 12%, transparent);
}
.workflow-experience__viewport { background: color-mix(in srgb, var(--bg-alt) 88%, var(--muted)); }
.workflow-experience__signal {
  background: color-mix(in srgb, var(--card) 84%, transparent);
  box-shadow: 0 16px 48px color-mix(in srgb, var(--ink) 10%, transparent);
}
.workflow-experience__head { text-align: left; }
.workflow-experience__lead { width: min(720px, 100%); margin-inline: 0; }

.video-generation__head,
.prompt-video__head,
.site-building__head,
.category-flow__head,
.category-flow__systems-head {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: clamp(32px, 5vw, 88px);
  align-items: end;
}
.category-flow__systems-head > :last-child { grid-column: 2; }
.video-generation__head h2,
.prompt-video__head h2 { max-width: 10em; margin-top: 16px; }
.site-building__title { max-width: 13em; }

.timetable,
.delivery,
.past,
.video-carousel,
.signup,
.partners-title { padding-top: clamp(88px, 8vw, 140px); padding-bottom: clamp(88px, 8vw, 140px); }
.timetable__days,
.delivery__grid,
.past__grid { margin-top: clamp(36px, 4vw, 64px); }
.delivery__sub,
.past__note,
.partners-title__note { margin-top: 16px; }

.partner-logo {
  opacity: .55;
  filter: grayscale(1);
  transition: opacity .3s ease;
}
.logo-roller__item:hover .partner-logo {
  opacity: .72;
  filter: grayscale(1);
  transform: none;
}

@media (hover: hover) and (pointer: fine) {
  .value-card:hover,
  .day-card:hover,
  .deliver-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 52px color-mix(in srgb, var(--ink) 8.5%, transparent);
  }
}

@media (max-width: 860px) {
  .hero { background: var(--bg); }
  .hero__grid,
  .value__head,
  .audience__content,
  .mentor__grid,
  .workflow-band__grid,
  .visual-sys__grid,
  .model-studio__head,
  .portrait-lab__head,
  .product-case__head,
  .category-flow__head,
  .category-flow__systems-head,
  .video-generation__head,
  .prompt-video__head,
  .site-building__head,
  .signup__grid { grid-template-columns: minmax(0, 1fr); }
  .category-flow__systems-head > :last-child { grid-column: auto; }
  .hero__title-cn,
  .value__title { font-size: var(--type-display-xl); }
  .workflow-experience__title,
  .video-generation__head h2,
  .prompt-video__head h2 { font-size: inherit; }
  .workflow-experience__title,
  .video-generation__head h2 { font-size: var(--type-display); }
  .prompt-video__head h2 { font-size: var(--type-title); }
  .workflow-experience__lead { margin-inline: 0; }
  .value-card,
  .day-card,
  .deliver-card { padding: 24px; }
  .prompt-video { padding: 32px 18px 18px; }
}

@media (max-width: 520px) {
  .promo-page { width: 100%; max-width: 100%; overflow: clip; }
  .hero__title-cn { max-width: none; }
  .hero__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .audience__list,
  .audience__visuals,
  .model-photo__grid,
  .distill__row,
  .category-flow__systems-grid,
  .video-generation__showcase,
  .timetable__days,
  .delivery__grid { grid-template-columns: minmax(0, 1fr); }
  .audience-item,
  .audience-item:nth-child(even) { padding-inline: 0; border-left: 0; }
  .model-photo__pair--featured { grid-column: auto; }
  .video-generation__asset,
  .prompt-video__demo,
  .signup__grid { min-width: 0; }
  .signup__meta { max-width: 100%; }
  .site-building__features span { white-space: normal; }
  .logo-roller__item { min-width: 210px; }
}

/* V5 Type Calm · final component normalization */
.value-card__num,
.audience__en,
.audience-item__num,
.day-card__label {
  font-size: var(--type-label);
  font-weight: 600;
  font-style: normal;
  line-height: var(--leading-label);
  letter-spacing: var(--track-label);
}

.value-card p b,
.portrait-lab__intro strong,
.model-photo__pair-head strong,
.model-studio figcaption strong,
.portrait-sample figcaption strong,
.portrait-result figcaption strong,
.video-generation__asset figcaption strong,
.prompt-video__demo figcaption strong {
  font-size: var(--type-headline);
  font-weight: 600;
  font-style: normal;
  line-height: var(--leading-headline);
  letter-spacing: var(--track-headline);
}

.mentor__big-en,
.cases__foot-cn {
  font-size: var(--type-display);
  font-weight: 600;
  font-style: normal;
  line-height: var(--leading-display);
  letter-spacing: var(--track-display);
}

.workflow-experience__topbar,
.workflow-experience__topbar b,
.workflow-experience__system-foot,
.cases__tag,
.cases__tag b,
.model-photo__pair-head span,
.portrait-sample figcaption span,
.portrait-result figcaption > span,
.prompt-video__demo figcaption small,
.vc-folio,
.vc-folio b {
  font-size: var(--type-micro);
  font-weight: 500;
  font-style: normal;
  line-height: var(--leading-micro);
  letter-spacing: var(--track-micro);
}

.portrait-sample figcaption small,
.portrait-result figcaption p,
.video-generation__asset figcaption {
  font-size: var(--type-caption);
  font-weight: 400;
  font-style: normal;
  line-height: var(--leading-caption);
  letter-spacing: var(--track-caption);
}

.vc-arrow {
  font-size: var(--type-body);
  font-weight: 500;
  font-style: normal;
  line-height: 1;
}

.hero__ticker b {
  font-size: var(--type-label);
  font-weight: 600;
  line-height: var(--leading-label);
  letter-spacing: var(--track-label);
}

.workflow-band__arrow {
  font-size: var(--type-headline);
  font-weight: 500;
  line-height: var(--leading-headline);
}

.workflow-experience__system-foot b,
.workflow-experience__status b,
.mp-card figcaption,
.model-studio figcaption span,
.portrait-lab__proof span,
.portrait-lab__proof b,
.pc-compare__label b {
  font-size: var(--type-micro);
  font-weight: 500;
  font-style: normal;
  line-height: var(--leading-micro);
  letter-spacing: var(--track-micro);
}