:root {
  --v4-navy: #07182e;
  --v4-blue: #1676d2;
  --v4-orange: #ff6500;
  --v4-ink: #09172b;
  --v4-muted: #637287;
  --v4-line: #dce4ec;
  --v4-soft: #f3f6f9;
}

/* Inner pages use page-specific structures instead of one repeated hero. */
body:not(.home-page) main { overflow: hidden; }
body:not(.home-page) .section-title h2 { font-size: clamp(38px, 4.4vw, 62px) !important; line-height: 1.08 !important; }
body:not(.home-page) .site-header .header-actions,
body:not(.home-page) .site-header .mobile-menu-toggle { position: relative; z-index: 8; }
body:not(.home-page) .site-header .site-logo { position: relative; z-index: 2; }

/* Product center: compact editorial cover and stronger catalogue rhythm. */
.page-products .product-v2-hero { min-height: 560px !important; grid-template-columns: .78fr 1.22fr !important; }
.page-products .product-v2-hero > :first-child { padding-top: 56px !important; padding-bottom: 56px !important; }
.page-products .product-v2-hero h1 { max-width: 540px; font-size: clamp(50px, 5.2vw, 72px) !important; }
.page-products .product-v2-visual,
.page-products .product-v2-visual img { height: 560px !important; min-height: 560px !important; }
.page-products .product-v2-visual img { object-fit: cover !important; }
.page-products .product-v2-visual div { max-width: 520px; padding: 24px 28px !important; background: rgba(255,255,255,.94) !important; color: var(--v4-ink) !important; }
.page-products .product-v2-overview { padding-top: 110px !important; }
.page-products .product-v2-group-grid { margin-top: 46px; }
.page-products .product-v2-list .section-title { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; max-width: none; align-items: end; }
.page-products .product-v2-card-grid { margin-top: 46px; }
.page-products .product-v2-card:nth-child(1),
.page-products .product-v2-card:nth-child(2) { grid-column: span 1 !important; }
.page-products .product-v2-card img { filter: saturate(.9) contrast(1.02); }

/* Solutions: image-led industry lanes, not a wall of equal cards. */
body.page-solutions .solution-v2-hero {
  min-height: 540px !important;
  padding-top: 76px !important;
  padding-bottom: 68px !important;
  padding-right: calc(50% + 72px) !important;
  background: var(--v4-navy) !important;
}
body.page-solutions .solution-v2-hero::after { content: ''; position: absolute; inset: 0 0 0 auto; width: 48%; height: 100% !important; background: url('assets/cases/xiqing-news.jpg') center / cover no-repeat; z-index: 0; }
body.page-solutions .solution-v2-hero::before { content: ''; position: absolute; left: max(28px, calc((100vw - 1360px)/2)); bottom: 0; width: 180px; height: 4px; background: var(--v4-orange); z-index: 2; }
body.page-solutions .solution-v2-hero > * { position: relative; z-index: 3; }
body.page-solutions .solution-v2-hero h1 { max-width: 690px !important; font-size: clamp(46px, 3.9vw, 56px) !important; line-height: 1.12 !important; }
.page-solutions .solution-v2-overview { padding-top: 100px !important; }
.page-solutions .solution-v2-industry-grid { grid-template-columns: 1fr 1fr !important; gap: 24px !important; margin-top: 44px; }
.page-solutions .solution-v2-industry-grid a { min-height: 350px; display: flex; flex-direction: column; justify-content: flex-end; padding: 38px !important; overflow: hidden; color: #fff !important; border: 0 !important; background-size: cover !important; background-position: center !important; position: relative; isolation: isolate; }
.page-solutions .solution-v2-industry-grid a::before { content: ''; position: absolute; inset: 0; background: rgba(5,21,41,.7); z-index: -1; }
.page-solutions .solution-v2-industry-grid a:first-child { background-image: url('assets/home-v3/professional-av.jpg') !important; }
.page-solutions .solution-v2-industry-grid a:nth-child(2) { background-image: url('assets/home-review-v2/smart-classroom-v2.jpg') !important; }
.page-solutions .solution-v2-industry-grid h3 { color: #fff !important; font-size: 38px !important; }
.page-solutions .solution-v2-industry-grid p,
.page-solutions .solution-v2-industry-grid span { color: #dfe8f2 !important; }
.page-solutions .solution-v2-lane { padding-top: 110px !important; padding-bottom: 110px !important; }
.page-solutions .solution-v2-lane.education { background: var(--v4-soft) !important; }
.page-solutions .solution-v2-grid { grid-template-columns: 1.15fr .85fr .85fr !important; gap: 0 !important; margin-top: 50px; border-top: 1px solid var(--v4-line); }
.page-solutions .solution-v2-grid article { min-height: 300px; padding: 36px !important; border: 0 !important; border-right: 1px solid var(--v4-line) !important; border-bottom: 1px solid var(--v4-line) !important; border-radius: 0 !important; background: transparent !important; }
.page-solutions .solution-v2-grid article:first-child { grid-row: span 2; background: var(--v4-navy) !important; color: #fff; }
.page-solutions .solution-v2-grid article:first-child h3,
.page-solutions .solution-v2-grid article:first-child p,
.page-solutions .solution-v2-grid article:first-child li { color: #fff !important; }

/* Case studies: magazine-style light split instead of the shared dark banner. */
body.page-cases .case-page-hero {
  min-height: 430px !important;
  width: 100%;
  padding-top: 70px !important;
  padding-bottom: 70px !important;
  padding-right: calc(50% + 70px) !important;
  color: var(--v4-ink) !important;
  background: #fff !important;
}
body.page-cases .case-page-hero::after { content: ''; position: absolute; inset: 0 0 0 auto; width: 50%; height: auto; background: url('assets/cases/xiqing-news.jpg') center / cover no-repeat; z-index: 0; }
body.page-cases .case-page-hero::before { content: ''; position: absolute; left: max(28px, calc((100vw - 1360px)/2)); bottom: 0; width: 150px; height: 4px; background: var(--v4-orange); z-index: 2; }
body.page-cases .case-page-hero > * { color: var(--v4-ink) !important; position: relative; z-index: 2; }
body.page-cases:not(.home-page) .case-page-hero h1 { color: var(--v4-ink) !important; }
body.page-cases .case-page-hero .crumbs { color: #718096 !important; }
body.page-cases:not(.home-page) .case-page-hero .lead { color: var(--v4-muted) !important; }
.page-cases .stats { max-width: 1360px; margin: 0 auto; background: #fff !important; border-bottom: 1px solid var(--v4-line); }
.page-cases .stat { padding: 34px 30px !important; border-right: 1px solid var(--v4-line); }
.page-cases .case-spotlight-section { padding-top: 100px !important; padding-bottom: 100px !important; background: var(--v4-soft) !important; }
.page-cases .case-spotlight { background: #fff !important; border: 1px solid var(--v4-line); box-shadow: none !important; }
.page-cases .case-spotlight-copy h2,
.page-cases .case-spotlight-copy p { color: var(--v4-ink) !important; }
.page-cases .case-grid { gap: 24px !important; }
.page-cases .case-card { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; border-bottom: 1px solid var(--v4-line) !important; }
.page-cases .case-card img { height: 290px !important; }

/* About: confident company story, fewer boxes, stronger images. */
body.page-about .about-v4-hero { min-height: 460px !important; background: var(--v4-navy) !important; }
body.page-about .about-v4-hero::after { content: 'CENTURY FARON'; position: absolute; right: max(28px, calc((100vw - 1360px)/2)); bottom: 34px; color: rgba(255,255,255,.05); font-size: clamp(70px, 10vw, 150px); font-weight: 800; letter-spacing: -.06em; width: auto; height: auto; background: none; z-index: 0; }
body.page-about .about-v4-hero .eyebrow { color: var(--v4-orange) !important; letter-spacing: .17em; }
.about-v4-intro { display: grid; grid-template-columns: .84fr 1.16fr; gap: 78px; align-items: center; padding-top: 110px !important; padding-bottom: 110px !important; }
.about-v4-copy h2 { margin: 16px 0 28px; font-size: clamp(38px, 4vw, 58px); line-height: 1.12; }
.about-v4-copy p { color: var(--v4-muted); font-size: 17px; line-height: 1.95; }
.about-v4-actions { display: flex; gap: 12px; margin-top: 32px; }
.about-v4-media { position: relative; margin: 0; overflow: hidden; background: var(--v4-navy); }
.about-v4-media img { display: block; width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.about-v4-media figcaption { position: absolute; left: 24px; right: 24px; bottom: 22px; padding: 20px 22px; display: grid; gap: 5px; background: rgba(255,255,255,.94); }
.about-v4-media figcaption strong { font-size: 19px; }
.about-v4-media figcaption span { color: var(--v4-muted); font-size: 13px; }
.about-v4-pillars { padding: 110px max(28px, calc((100vw - 1360px)/2)) !important; background: var(--v4-soft) !important; }
.about-v4-pillar-grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; margin-top: 50px; border-top: 1px solid #ccd6e0; }
.about-v4-pillar-grid article { min-height: 270px; padding: 34px; border-right: 1px solid #ccd6e0; border-bottom: 1px solid #ccd6e0; }
.about-v4-pillar-grid article:first-child { background: var(--v4-navy); color: #fff; }
.about-v4-pillar-grid span { color: var(--v4-orange); font: 700 13px/1 sans-serif; }
.about-v4-pillar-grid h3 { margin: 44px 0 16px; font-size: 30px; }
.about-v4-pillar-grid p { color: inherit; opacity: .76; line-height: 1.8; }
.about-v4-process { padding-top: 110px !important; padding-bottom: 110px !important; }
.about-v4-cta { margin-top: 70px; padding: 44px 48px; display: grid; grid-template-columns: 1fr 1fr auto; gap: 24px; align-items: center; background: var(--v4-navy); color: #fff; }
.about-v4-cta h3 { margin: 0; font-size: 28px; }
.about-v4-cta p { margin: 0; color: #bdcada; }

/* Other editorial pages get distinct crops rather than the repeated product workstation hero. */
body.page-contact .page-hero { background-image: url('assets/cases/tianjin-normal.jpg') !important; background-position: center 55% !important; }
body.page-downloads .page-hero { background-image: url('assets/home-review-v2/dream-factory-workstation-v2.png') !important; background-position: center 55% !important; }
body.page-content .video-v2-hero { background: var(--v4-navy) !important; }

@media (max-width: 900px) {
  body:not(.home-page) .logo-company-name { display: none !important; }
  body:not(.home-page) .site-header .site-logo,
  body:not(.home-page) .site-header .logo { width: 86px !important; min-width: 86px !important; }
  .page-products .product-v2-hero { grid-template-columns: 1fr !important; }
  .page-products .product-v2-list .section-title { grid-template-columns: 1fr; gap: 18px; }
  .page-solutions .solution-v2-industry-grid,
  .page-solutions .solution-v2-grid { grid-template-columns: 1fr !important; }
  body.page-solutions .solution-v2-hero { padding: 54px 24px 330px !important; }
  body.page-solutions .solution-v2-hero::after { inset: auto 0 0; width: 100%; height: 280px !important; }
  .page-solutions .solution-v2-grid article:first-child { grid-row: auto; }
  .page-cases .case-page-hero { padding: 54px 24px 330px !important; }
  .page-cases .case-page-hero::after { inset: auto 0 0; width: 100%; height: 280px; }
  .page-cases .stats { grid-template-columns: 1fr 1fr !important; }
  .about-v4-intro { grid-template-columns: 1fr; gap: 38px; padding: 70px 24px !important; }
  .about-v4-pillar-grid { grid-template-columns: 1fr; }
  .about-v4-pillars { padding: 70px 24px !important; }
  .about-v4-process { padding: 70px 24px !important; }
  .about-v4-cta { grid-template-columns: 1fr; padding: 34px 26px; }
}