@charset "utf-8";

/* Final cross-page detail layer: anchors, input modality and very small
   screens. Kept separate so the same rules survive the Yunu template split. */

.home-v4 [id],
.inner-page-v2 [id] { scroll-margin-top: 104px; }

.home-v4 :where(a, button, summary),
.inner-page-v2 :where(a, button, summary) { touch-action: manipulation; }

.home-v4 :where(a, button, summary):focus-visible,
.inner-page-v2 :where(a, button, summary):focus-visible {
  outline: 2px solid #009fe8;
  outline-offset: 4px;
}

.home-v4 summary,
.inner-page-v2 summary { cursor: pointer; }

@media (max-width: 980px) {
  .inner-page-v2 .nav-toggle::before {
    color: inherit;
    content: "菜单";
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
  }
  .inner-page-v2 .nav-toggle.is-open::before { content: "关闭"; }
  .inner-page-v2 .nav-toggle i { display: none; }
}

@media (min-width: 721px) and (max-width: 980px) {
  /* The original editorial card kept a desktop side label at tablet widths,
     leaving only about 100px for the headline. Give the statement its own
     full-width row before the phone layout takes over. */
  .inner-page-v2 .wide-statement {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .inner-page-v2 .wide-statement > p:last-child {
    grid-column: 1;
    max-width: 680px;
    margin-top: 0;
  }
}

@media (max-width: 360px) {
  /* Every display heading is authored as two deliberate lines. On narrow
     devices, reduce the type rather than allowing an accidental third line. */
  .home-v4 .v6-two-line-title,
  .inner-page-v2 h1,
  .inner-page-v2 h2,
  .footer-v2 .footer-v2-opening h2 {
    font-size: 25px !important;
    line-height: 1.12 !important;
    letter-spacing: -.055em !important;
    white-space: nowrap;
  }

  .home-v4 [id],
  .inner-page-v2 [id] { scroll-margin-top: 82px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-v4 *,
  .home-v4 *::before,
  .home-v4 *::after,
  .inner-page-v2 *,
  .inner-page-v2 *::before,
  .inner-page-v2 *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* 2026-09 cross-page rhythm pass.
   Preserve each page's visual identity while making equivalent information
   feel equivalent: the same reading size, heading gap and card density. */

.home-v4 .v4-section-heading,
.inner-page-v2 :is(.page-intro .split-heading, .section-lead, .process-intro, .rich-section-head) {
  margin-bottom: clamp(48px, 4.8vw, 66px);
}

/* Keep the generous editorial scale, but remove the 30–40px jumps between
   adjacent page systems. Special modules inherit the same vertical beat. */
.home-v4 .v4-section { padding-top: clamp(112px, 9vw, 148px); padding-bottom: clamp(112px, 9vw, 148px); }
.home-v4 .v4-diagnosis { padding-top: clamp(142px, 10.5vw, 166px); }
.home-v4 .v4-ownership { padding-bottom: calc(clamp(112px, 9vw, 148px) + 54px); }
.home-v4 .v4-contact { padding-top: clamp(108px, 8.8vw, 144px); padding-bottom: clamp(108px, 8.8vw, 144px); }

.inner-page-v2 :is(
  .section-space,
  .page-section,
  .page-focus-section,
  .process-section,
  .growth-room-section,
  .boundary-section,
  .faq-section,
  .contact-section,
  .page-cta
) {
  padding-top: clamp(106px, 8.5vw, 142px);
  padding-bottom: clamp(106px, 8.5vw, 142px);
}

.inner-page-v2 :is(
  .rich-section,
  .company-film-section,
  .douyin-proof-section
),
.inner-page-v2.page-independent-site :is(
  .build-foundation,
  .site-blueprint-section,
  .ownership-section,
  .operations-section
) {
  padding-top: clamp(110px, 9vw, 146px);
  padding-bottom: clamp(110px, 9vw, 146px);
}

.inner-page-v2 .inner-hero + :is(.page-intro, .page-section) { padding-top: 0; }
.inner-page-v2 .company-film-section { padding-bottom: clamp(86px, 7vw, 112px); }

.home-v4 :is(.v4-section-heading h2, .v4-founder-copy h2, .v4-coverage-intro h2, .v4-faq-intro h2, .v4-contact h2),
.inner-page-v2 :is(.split-heading h2, .section-lead h2, .wide-statement h2, .process-intro h2, .process-heading h2, .focus-copy h2, .growth-room-copy h2, .boundary-note h2, .faq-intro h2, .page-cta h2, .about-identity h2, .rich-section-head h2, .delivery-intro h2) {
  line-height: 1.1;
  text-wrap: balance;
}

.home-v4 :is(.v4-heading-split > p, .v4-system-heading > p:last-child, .v4-coverage-intro > p:last-child, .v4-faq-intro > p:last-child),
.inner-page-v2 :is(.split-heading > p, .section-lead > p, .process-intro > p, .rich-section-head > p, .delivery-intro > p:not(.kicker), .focus-copy > p:not(.eyebrow), .growth-room-copy > p:not(.kicker)) {
  font-size: 15px;
  line-height: 1.85;
}

/* Small utility type should support the page, not disappear inside it. */
.home-v4 :is(.v4-section-index, .v4-kicker),
.inner-page-v2 :is(.kicker, .eyebrow, .breadcrumbs, .inner-chapter-rail > p) {
  font-size: 10px;
  line-height: 1.5;
}

.home-v4 :is(.v4-step-code, .v4-founder-portrait p span, .v4-ownership-grid article > p, .v4-note-list span, .v5-live-result small, .v5-stage-foot span),
.inner-page-v2 :is(.service-card-lite .card-index, .capability-card > span, .focus-list li > span, .process-step > span, .process-item > span, .delivery-row > span, .assurance-grid span, .company-timeline span, .scenario-card > p, .dm-module-card > span, .dm-skill-card header > span, .role-card > span, .audience-card > span),
.inner-page-v2 figcaption span {
  font-size: 10px;
  line-height: 1.45;
}

.inner-page-v2 figcaption small,
.home-v4 figcaption small {
  font-size: 10px;
  line-height: 1.55;
}

.home-v4 :is(.v5-stage-head, .v5-discovery-flow span, .v4-discovery-route li span, .v4-ownership-grid li span),
.inner-page-v2 :is(
  .inner-proof-card figcaption,
  .agent-page-visual figcaption,
  .growth-room-list article > p,
  .boundary-note > b,
  .search-path-card > span,
  .evidence-nodes > span,
  .answer-preview-card header span,
  .company-film-caption span,
  .company-film-play small,
  .company-film-notes p,
  .founder-authority-kicker,
  .founder-authority-principle span,
  .delivery-count small,
  .delivery-row > div > p,
  .seo-proof-card figcaption span,
  .rich-case-card figcaption span,
  .dm-pain-conclusion > span,
  .console-topbar span,
  .console-approval > span,
  .dm-deliverable-rail > p,
  .field-photo figcaption span,
  .fit-boundary > span
) {
  font-size: 10px;
  line-height: 1.5;
}

.inner-page-v2 :is(.company-film-notes p, .field-photo figcaption small) {
  line-height: 1.65;
}

.inner-page-v2.page-independent-site :is(
  .build-capability > span,
  .build-capability strong,
  .case-directory > header p,
  .case-directory > header span,
  .project-ledger-grid i,
  .site-process-number,
  .site-process-title small,
  .site-process-output,
  .site-process-phases b,
  .delivery-disclaimer,
  .ownership-compare span,
  .operations-grid span
),
.inner-page-v2.page-dongming-ai :is(
  .agent-hero-proof span,
  .dm-variance-state > span,
  .dm-variance-state > small,
  .dm-pain-ledger-head span
) {
  font-size: 10px;
  line-height: 1.5;
}

/* Card copy is read at a glance; 10–11px body copy made the richer pages feel
   denser than the homepage. Bring all six pages to one reading floor. */
.home-v4 :is(.v4-diagnosis-list p, .v4-system-step > p, .v4-case small, .v4-coverage-intro > p:last-child, .v4-faq-intro > p:last-child, .faq-list details p) {
  font-size: 13px;
  line-height: 1.82;
}

.home-v4 :is(.v4-system-step dl, .v4-case > div > p, .v4-case strong, .v4-domain-list b, .v4-note-list b, .v4-contact-button b) {
  font-size: 11px;
  line-height: 1.55;
}

.inner-page-v2 :is(.focus-list p, .process-step p, .process-item p, .delivery-row > p, .assurance-grid p, .company-timeline p, .scenario-card small, .audience-card p, .fit-boundary p) {
  font-size: 13px;
  line-height: 1.78;
}

.inner-page-v2 :is(.dm-module-card > p, .dm-module-card > small, .dm-skill-card > p, .dm-skill-card footer p, .role-card li, .role-card small) {
  font-size: 12px;
  line-height: 1.78;
}

.inner-page-v2.page-independent-site :is(
  .build-capability p,
  .site-process-step > p,
  .ownership-compare li,
  .operations-grid p
),
.inner-page-v2.page-dongming-ai :is(
  .dm-pain-ledger-body p,
  .dm-pain-ledger-body strong,
  .console-approval li
) {
  font-size: 12px;
  line-height: 1.78;
}

.inner-page-v2 .founder-authority-item p { font-size: 12px; line-height: 1.75; }

.inner-page-v2 :is(.buyer-query-card small, .evidence-nodes article small, .answer-preview-card footer span, .dm-skill-card header > b, .dm-skill-card footer span, .console-topbar p, .console-queue article small, .console-queue article em, .console-workflow li small, .console-approval li, .console-approval > p) {
  font-size: 10px;
  line-height: 1.55;
}

.inner-page-v2 :is(.proof-disclaimer, .company-source-note, .douyin-proof-source) {
  max-width: 720px;
  font-size: 10px;
  line-height: 1.75;
}

.inner-page-v2 :is(.douyin-proof-metrics dd, .douyin-window-bar small, .douyin-window-foot span) {
  font-size: 10px;
  line-height: 1.45;
}

/* Independent-site proof cards contain the densest data on the site. These
   labels stay compact, but no longer drop below a legible caption size. */
.inner-page-v2.page-independent-site :is(.case-chapter-index small, .case-chapter-summary small, .seo-proof-meta span, .seo-proof-meta b, .seo-proof-body dt, .seo-proof-tag, .seo-proof-evidence > span, .ranking-queries small, .build-case ul, .build-case b, .project-ledger header > span, .project-ledger-grid em, .project-ledger-grid small, .blueprint-base span, .blueprint-root small, .blueprint-branches span, .blueprint-branches small) {
  font-size: 10px;
  line-height: 1.5;
}

/* Repeated card families now share a quieter, more consistent internal
   rhythm without flattening their individual compositions. */
.inner-page-v2 :is(.service-card-lite, .capability-card, .scenario-card, .dm-module-card, .audience-card) {
  padding: clamp(28px, 2.2vw, 32px);
}

.inner-page-v2 :is(.service-card-lite h3, .capability-card h3, .scenario-card h3, .dm-module-card > b, .audience-card h3) {
  line-height: 1.24;
}

.inner-page-v2 :is(.service-card-lite h3, .capability-card h3) { margin-top: 48px; }
.inner-page-v2 :is(.process-step h3, .process-item h3) { margin-top: 52px; }
.inner-page-v2 .evidence-block :is(p, li) { font-size: 13px; line-height: 1.8; }
.inner-page-v2 .company-film-head { margin-bottom: clamp(46px, 4.5vw, 58px); }
.inner-page-v2 .company-film-head > p { font-size: 15px; line-height: 1.85; }

/* The interactive banners are compact interfaces, but their labels should
   still be readable without leaning into the screen. The miniature website
   preview inside the site-builder demo intentionally keeps its own scale. */
.snk-sim :is(
  .snk-sim-status,
  .snk-sim-query > span,
  .snk-sim-result-top small,
  .snk-sim-overline,
  .snk-rank-track li small,
  .snk-ai-evidence li small,
  .snk-ai-evidence li [data-demo-state],
  .snk-agent-task li small,
  .snk-agent-task li [data-demo-state],
  .snk-agent-output span,
  .snk-agent-output small
) {
  font-size: 10px;
  line-height: 1.5;
}

.snk-sim .snk-sim-note { font-size: 12px; }

.inner-page-v2 .inner-chapter-rail + .shell { margin-top: clamp(72px, 6.5vw, 92px); }
.inner-page-v2 .process-heading { margin-bottom: clamp(48px, 4.8vw, 64px); }

/* The corporate footer is a full site section, so its fine print follows the
   same readability floor as the pages above it. */
.footer-v2-kicker { font-size: 10px; }
.footer-v2-brand-block > p { font-size: 13px; line-height: 1.85; }
.footer-v2-tags span { font-size: 9px; }
.footer-v2-column > p,
.footer-v2-contact > p:first-child { font-size: 9px; }
.footer-v2-column a { min-height: 44px; font-size: 12px; }
.footer-v2-column a span { font-size: 9px; }
.footer-v2-contact-address { font-size: 11px; }
.footer-v2-contact small,
.footer-v2-signature b,
.footer-v2-legal { font-size: 10px; }

@media (max-width: 980px) {
  .home-v4 .v4-section-heading,
  .inner-page-v2 :is(.page-intro .split-heading, .section-lead, .process-intro, .rich-section-head) {
    margin-bottom: 46px;
  }

  .inner-page-v2 :is(.split-heading > p, .section-lead > p, .process-intro > p, .rich-section-head > p) {
    max-width: 680px;
  }
}

@media (max-width: 720px) {
  .home-v4 .v4-section { padding: 88px 0; }
  .home-v4 .v4-diagnosis { padding-top: 122px; }
  .home-v4 .v4-ownership { padding-bottom: 88px; }
  .home-v4 .v4-contact { padding: 88px 0; }

  .inner-page-v2 :is(.section-space, .page-section, .page-focus-section, .process-section, .growth-room-section, .rich-section, .company-film-section, .douyin-proof-section, .contact-section, .page-cta) {
    padding-top: 82px;
    padding-bottom: 82px;
  }
  .inner-page-v2 .inner-hero + :is(.page-intro, .page-section) { padding-top: 0; }

  .home-v4 .v4-section-heading,
  .inner-page-v2 :is(.page-intro .split-heading, .section-lead, .process-intro, .rich-section-head) {
    margin-bottom: 36px;
  }

  .home-v4 :is(.v4-heading-split > p, .v4-system-heading > p:last-child, .v4-coverage-intro > p:last-child, .v4-faq-intro > p:last-child),
  .inner-page-v2 :is(.split-heading > p, .section-lead > p, .process-intro > p, .rich-section-head > p, .delivery-intro > p:not(.kicker), .focus-copy > p:not(.eyebrow), .growth-room-copy > p:not(.kicker)) {
    font-size: 14px;
    line-height: 1.8;
  }

  .home-v4 :is(.v4-section-index, .v4-kicker),
  .inner-page-v2 :is(.kicker, .eyebrow, .breadcrumbs, .inner-chapter-rail > p) {
    font-size: 9px;
  }

  .inner-page-v2 :is(.service-card-lite, .capability-card, .scenario-card, .dm-module-card, .audience-card) {
    padding: 24px;
  }

  .inner-page-v2 :is(.service-card-lite h3, .capability-card h3) { margin-top: 40px; }
  .inner-page-v2 :is(.process-step h3, .process-item h3) { margin-top: 34px; }
  .inner-page-v2 .company-film-head > p { font-size: 14px; }
  .inner-page-v2 .company-film-play small,
  .inner-page-v2 .company-film-notes p { font-size: 9px; }

  .snk-sim :is(
    .snk-sim-status,
    .snk-sim-query > span,
    .snk-sim-result-top small,
    .snk-sim-overline,
    .snk-rank-track li small,
    .snk-ai-evidence li small,
    .snk-ai-evidence li [data-demo-state],
    .snk-agent-task li small,
    .snk-agent-task li [data-demo-state],
    .snk-agent-output span,
    .snk-agent-output small
  ) { font-size: 9px; }

  .inner-page-v2 .inner-chapter-rail + .shell { margin-top: 58px; }
  .inner-page-v2 .process-heading { margin-bottom: 36px; }

  .footer-v2-opening { padding-top: 70px; }
  .footer-v2-directory { gap: 38px; }
  .footer-v2-column a { min-height: 48px; font-size: 13px; }
  .footer-v2-contact-address { font-size: 12px; }
}

/* Yunucms city network — rendered only on the two city-enabled services. */
.snk-city-network {
  position: relative;
  overflow: hidden;
  padding: clamp(72px, 7.5vw, 112px) 0;
  border-top: 1px solid rgba(10, 77, 109, .09);
  background:
    radial-gradient(circle at 92% 4%, rgba(0, 159, 232, .12), transparent 28%),
    linear-gradient(180deg, #f6fbfd 0%, #eaf6fb 100%);
}
.snk-city-network::before {
  position: absolute;
  top: 0;
  left: max(24px, calc((100% - 1280px) / 2));
  width: 116px;
  height: 3px;
  background: #009fe8;
  content: "";
}
.snk-city-network-head {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, .72fr);
  gap: clamp(36px, 7vw, 112px);
  align-items: end;
  margin-bottom: 38px;
}
.snk-city-network-head > div > p {
  margin: 0 0 14px;
  color: #009fe8;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .19em;
}
.snk-city-network-head h2 {
  margin: 0;
  color: #14242c;
  font-size: clamp(38px, 4.8vw, 66px);
  letter-spacing: -.06em;
  line-height: .98;
}
.snk-city-network-head > p {
  max-width: 560px;
  margin: 0;
  color: #667981;
  font-size: 15px;
  line-height: 1.85;
}
.snk-city-network-panel {
  padding: clamp(27px, 3.5vw, 48px);
  border: 1px solid rgba(20, 67, 88, .11);
  border-radius: 28px 28px 64px 28px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 24px 70px rgba(24, 89, 117, .08);
  backdrop-filter: blur(12px);
}
.snk-city-network-label {
  display: flex;
  gap: 18px;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(20, 67, 88, .1);
}
.snk-city-network-label b { color: #14242c; font-size: 17px; }
.snk-city-network-label small { color: #85979f; font-size: 11px; }
.snk-city-links {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.snk-city-links a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 15px;
  border: 1px solid rgba(20, 67, 88, .11);
  border-radius: 999px;
  background: #fff;
  color: #50666f;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease, transform .2s ease, background .2s ease;
}
.snk-city-links a:hover,
.snk-city-links a:focus-visible {
  border-color: rgba(0, 159, 232, .45);
  background: #effaff;
  color: #007db9;
  transform: translateY(-2px);
}
.snk-city-links a.is-national {
  border-color: #009fe8;
  background: #009fe8;
  color: #fff;
  font-weight: 700;
}
.snk-city-more { margin-top: 24px; border-top: 1px solid rgba(20, 67, 88, .1); }
.snk-city-more summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 2px 0;
  color: #263b44;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  list-style: none;
}
.snk-city-more summary::-webkit-details-marker { display: none; }
.snk-city-more summary i {
  color: #009fe8;
  font-size: 20px;
  font-style: normal;
  transition: transform .2s ease;
}
.snk-city-more[open] summary i { transform: rotate(45deg); }
.snk-city-province {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(20, 67, 88, .1);
}
.snk-city-province-title {
  margin: 0 0 20px;
  color: #263b44;
  font-size: 13px;
  font-weight: 700;
}
.snk-city-groups {
  display: grid;
  gap: 0;
  padding-top: 20px;
}

/* Boundary statements use the brand blue instead of the old orange accent. */
.inner-page-v2.page-independent-site .boundary-note h2 span,
.inner-page-v2.page-google-seo .boundary-note h2 span { color: #009fe8; }
.snk-city-group {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 24px;
  padding: 21px 0;
  border-top: 1px solid rgba(20, 67, 88, .08);
}
.snk-city-group > b {
  padding-top: 11px;
  color: #14242c;
  font-size: 13px;
}

@media (max-width: 820px) {
  .snk-city-network-head { grid-template-columns: 1fr; gap: 20px; }
  .snk-city-network-head > p { font-size: 14px; line-height: 1.75; }
}

@media (max-width: 560px) {
  .snk-city-network { padding: 62px 0; }
  .snk-city-network-panel { padding: 23px 18px 27px; border-radius: 22px 22px 42px 22px; }
  .snk-city-network-label { display: block; }
  .snk-city-network-label small { display: block; margin-top: 7px; }
  .snk-city-links { gap: 7px; }
  .snk-city-links a { min-height: 36px; padding: 0 13px; font-size: 12px; }
  .snk-city-group { grid-template-columns: 1fr; gap: 10px; padding: 18px 0; }
  .snk-city-group > b { padding-top: 0; }
}

/* 2026-09-01 / corporate finishing pass.
   Keep the desktop navigation consistently right aligned on every page. */
@media (min-width: 981px) {
  .inner-page-v2 .site-nav { justify-content: flex-end; }
}

/* Yunucms city context appears only on the two city-enabled service pages. */
.snk-city-context {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid rgba(15, 157, 218, .18);
  border-radius: 999px;
  color: #087aa9;
  background: rgba(15, 157, 218, .06);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
}

@media (max-width: 980px) {
  .snk-city-context {
    width: 100%;
    justify-content: center;
    margin-bottom: 5px;
    color: #8edfff;
    border-color: rgba(142, 223, 255, .24);
    background: rgba(142, 223, 255, .07);
  }
}

/* Full supplied white brand lockup for the dark footer. */
.footer-v2-logo {
  position: static;
  display: inline-block;
  width: min(100%, 306px);
  height: auto;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}
.footer-v2-logo img {
  position: static;
  display: block;
  width: 100%;
  max-width: 306px;
  height: auto;
  object-fit: contain;
  transform: none;
  filter: drop-shadow(0 10px 22px rgba(0, 159, 232, .14));
}

/* About hero — practitioner-led, evidence-rich and visually anchored. */
.inner-page-v2.page-about .about-hero-v3 {
  min-height: 0;
  padding: 136px 0 86px;
  background:
    linear-gradient(90deg, rgba(0, 159, 232, .055) 1px, transparent 1px),
    linear-gradient(rgba(0, 159, 232, .045) 1px, transparent 1px),
    radial-gradient(circle at 87% 7%, rgba(135, 208, 244, .48), transparent 27%),
    linear-gradient(135deg, #fbfdfe 0%, #f3f9fc 62%, #eaf6fb 100%);
  background-size: 84px 84px, 84px 84px, auto, auto;
}
.inner-page-v2.page-about .about-hero-v3::before {
  top: -33vw;
  right: -20vw;
  width: 72vw;
  height: 72vw;
  border-color: rgba(0, 159, 232, .1);
  box-shadow: 0 0 0 104px rgba(0, 159, 232, .025), 0 0 0 208px rgba(0, 159, 232, .014);
}
.inner-page-v2.page-about .about-hero-v3 > .inner-hero-grid {
  min-height: 0;
  align-items: start;
  column-gap: clamp(48px, 6vw, 92px);
  row-gap: 28px;
}
.inner-page-v2.page-about .about-hero-v3 .inner-hero-copy {
  align-self: start;
  max-width: 760px;
  padding: 34px 0 12px;
}
.inner-page-v2.page-about .about-hero-v3 h1 {
  max-width: 740px;
  font-size: clamp(61px, 5.45vw, 82px);
}
.inner-page-v2.page-about .about-hero-v3 .inner-hero-lede { max-width: 620px; }

.inner-page-v2.page-about .about-hero-credentials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 34px;
  border-top: 1px solid rgba(41, 38, 39, .13);
  border-bottom: 1px solid rgba(41, 38, 39, .13);
}
.inner-page-v2.page-about .about-hero-credentials article {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 19px 16px 20px;
}
.inner-page-v2.page-about .about-hero-credentials article:first-child { padding-left: 0; }
.inner-page-v2.page-about .about-hero-credentials article + article::before {
  position: absolute;
  top: 16px;
  bottom: 16px;
  left: 0;
  width: 1px;
  background: rgba(41, 38, 39, .11);
  content: "";
}
.inner-page-v2.page-about .about-hero-credentials span {
  color: var(--cyan-deep);
  font-family: Arial, sans-serif;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .13em;
}
.inner-page-v2.page-about .about-hero-credentials b {
  margin-top: 17px;
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(18px, 1.55vw, 23px);
  letter-spacing: -.035em;
  line-height: 1.15;
  white-space: nowrap;
}
.inner-page-v2.page-about .about-hero-credentials small {
  margin-top: 7px;
  color: #7b888e;
  font-size: 10px;
  line-height: 1.5;
}
.inner-page-v2.page-about .about-hero-v3 .inner-hero-actions { margin-top: 27px; }

.inner-page-v2.page-about .about-hero-v3 .inner-proof-founder {
  min-height: 628px;
  border-radius: 28px 28px 118px 28px;
  box-shadow: 0 38px 90px rgba(29, 47, 55, .22);
}
.inner-page-v2.page-about .about-hero-v3 .inner-proof-founder img {
  min-height: 628px;
  object-position: center 18%;
}
.inner-page-v2.page-about .about-hero-photo-index {
  position: absolute;
  z-index: 3;
  top: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  padding: 9px 10px 9px 14px;
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 999px;
  color: #fff;
  background: rgba(24, 38, 44, .3);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
}
.inner-page-v2.page-about .about-hero-photo-index span {
  font-family: Arial, sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .14em;
}
.inner-page-v2.page-about .about-hero-photo-index b {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  color: #17242a;
  background: #87d0f4;
  font-family: Arial, sans-serif;
  font-size: 9px;
}

.inner-page-v2.page-about .about-hero-system {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(245px, .64fr) minmax(0, 1.7fr);
  min-height: 126px;
  overflow: hidden;
  border-radius: 22px 22px 52px 22px;
  color: #f7fbfd;
  background: #202b30;
  box-shadow: 0 24px 60px rgba(32, 43, 48, .14);
}
.inner-page-v2.page-about .about-hero-system > p {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0;
  padding: 25px 28px;
}
.inner-page-v2.page-about .about-hero-system > p span {
  color: #87d0f4;
  font-family: Arial, sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .15em;
}
.inner-page-v2.page-about .about-hero-system > p b {
  max-width: 230px;
  font-size: 17px;
  line-height: 1.35;
}
.inner-page-v2.page-about .about-hero-system ol {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
.inner-page-v2.page-about .about-hero-system li {
  display: grid;
  align-content: center;
  gap: 6px;
  min-width: 0;
  padding: 21px 20px;
  border-left: 1px solid rgba(255, 255, 255, .11);
}
.inner-page-v2.page-about .about-hero-system li span {
  color: #87d0f4;
  font-family: Arial, sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .12em;
}
.inner-page-v2.page-about .about-hero-system li b {
  color: #fff;
  font-size: 15px;
  line-height: 1.3;
  white-space: nowrap;
}
.inner-page-v2.page-about .about-hero-system li small {
  color: #8fa4ad;
  font-size: 9px;
  line-height: 1.45;
}

/* Public content proof — four facts now have enough room to be read. */
.inner-page-v2.page-about .douyin-proof-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  margin: 36px 0 32px;
  border: 0;
}
.inner-page-v2.page-about .douyin-proof-metrics > div,
.inner-page-v2.page-about .douyin-proof-metrics > div:first-child {
  display: flex;
  flex-direction: column;
  min-height: 132px;
  padding: 21px 22px 19px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255, 255, 255, .8);
}
.inner-page-v2.page-about .douyin-proof-metrics > div:nth-child(2) {
  border-color: rgba(0, 159, 232, .22);
  background: #edf8fd;
}
.inner-page-v2.page-about .douyin-proof-metrics > div + div::before { display: none; }
.inner-page-v2.page-about .douyin-proof-metrics dt {
  font-size: clamp(36px, 3.2vw, 46px);
  white-space: nowrap;
}
.inner-page-v2.page-about .douyin-proof-metrics dd {
  margin: auto 0 0;
  padding-top: 20px;
  color: #73848b;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .035em;
  line-height: 1.55;
}

@media (max-width: 1180px) and (min-width: 981px) {
  .inner-page-v2.page-about .about-hero-v3 > .inner-hero-grid {
    grid-template-columns: minmax(0, 1.06fr) minmax(410px, .8fr);
    column-gap: 40px;
  }
  .inner-page-v2.page-about .about-hero-v3 h1 { font-size: clamp(55px, 5.45vw, 66px); }
  .inner-page-v2.page-about .about-hero-credentials article { padding-right: 11px; padding-left: 11px; }
  .inner-page-v2.page-about .about-hero-credentials article:first-child { padding-left: 0; }
  .inner-page-v2.page-about .about-hero-credentials small { font-size: 9px; }
}

@media (max-width: 980px) {
  .inner-page-v2.page-about .about-hero-v3 { padding: 120px 0 78px; }
  .inner-page-v2.page-about .about-hero-v3 .inner-hero-copy { padding-top: 0; }
  .inner-page-v2.page-about .about-hero-v3 .inner-proof-founder,
  .inner-page-v2.page-about .about-hero-v3 .inner-proof-founder img { min-height: 560px; }
  .inner-page-v2.page-about .about-hero-system {
    grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  }
  .inner-page-v2.page-about .about-hero-system li { padding-right: 14px; padding-left: 14px; }
}

@media (max-width: 720px) {
  .footer-v2-logo { width: min(100%, 270px); }
  .footer-v2-logo img { max-width: 270px; }

  .inner-page-v2.page-about .about-hero-v3 { padding: 106px 0 58px; background-size: 56px 56px, 56px 56px, auto, auto; }
  .inner-page-v2.page-about .about-hero-v3 h1 { font-size: clamp(36px, 10.5vw, 47px); }
  .inner-page-v2.page-about .about-hero-credentials { grid-template-columns: 1fr; margin-top: 28px; }
  .inner-page-v2.page-about .about-hero-credentials article,
  .inner-page-v2.page-about .about-hero-credentials article:first-child {
    display: grid;
    grid-template-columns: 94px minmax(0, 1fr);
    gap: 4px 13px;
    padding: 15px 0;
  }
  .inner-page-v2.page-about .about-hero-credentials article + article { border-top: 1px solid rgba(41, 38, 39, .1); }
  .inner-page-v2.page-about .about-hero-credentials article + article::before { display: none; }
  .inner-page-v2.page-about .about-hero-credentials span { grid-row: 1 / 3; align-self: center; }
  .inner-page-v2.page-about .about-hero-credentials b { margin-top: 0; font-size: 17px; }
  .inner-page-v2.page-about .about-hero-credentials small { margin-top: 0; font-size: 9px; }
  .inner-page-v2.page-about .about-hero-v3 .inner-proof-founder,
  .inner-page-v2.page-about .about-hero-v3 .inner-proof-founder img { min-height: 440px; }
  .inner-page-v2.page-about .about-hero-system { grid-template-columns: 1fr; border-radius: 20px 20px 44px 20px; }
  .inner-page-v2.page-about .about-hero-system > p { gap: 18px; padding: 22px; }
  .inner-page-v2.page-about .about-hero-system ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inner-page-v2.page-about .about-hero-system li { min-height: 104px; padding: 17px 18px; border-top: 1px solid rgba(255, 255, 255, .11); }
  .inner-page-v2.page-about .about-hero-system li:nth-child(odd) { border-left: 0; }

  .inner-page-v2.page-about .douyin-proof-metrics { gap: 8px; margin: 29px 0 28px; }
  .inner-page-v2.page-about .douyin-proof-metrics > div,
  .inner-page-v2.page-about .douyin-proof-metrics > div:first-child {
    min-height: 114px;
    padding: 16px 14px 15px;
  }
  .inner-page-v2.page-about .douyin-proof-metrics dt { font-size: clamp(28px, 9vw, 34px); }
  .inner-page-v2.page-about .douyin-proof-metrics dd { padding-top: 14px; font-size: 9px; line-height: 1.5; }
}