/* Chengxi v39.8.4 — homepage-only balanced visual system.
   Hairlines establish order in selected concept modules;
   products, cases, people and actions retain the stable rounded-card language. */
:root{
  --cx-home-hairline:rgba(15,23,42,.13);
  --cx-home-hairline-dark:rgba(255,255,255,.16);
  --cx-home-shadow:0 14px 42px rgba(15,23,42,.065);
  --cx-home-shadow-hover:0 20px 54px rgba(15,23,42,.095);
}
body.page-home.cx-home-balanced-v3984{background:#f6f8fb;}
@media (min-width:821px){
  body.page-home.cx-home-balanced-v3984 .hero-inner{padding-top:96px;padding-bottom:90px;gap:64px;}
  body.page-home.cx-home-balanced-v3984 h1{max-width:760px;font-size:clamp(48px,5.75vw,78px);line-height:1;letter-spacing:-.064em;}
  body.page-home.cx-home-balanced-v3984 .hero-sub{max-width:720px;line-height:1.82;}
  body.page-home.cx-home-balanced-v3984 .hero-panel{border-radius:32px;box-shadow:0 18px 58px rgba(15,23,42,.085);}
  body.page-home.cx-home-balanced-v3984 section:not(.cx-entry-screen){padding-top:102px;padding-bottom:102px;}

  body.page-home.cx-home-balanced-v3984 .section-head,
  body.page-home.cx-home-balanced-v3984 .cx-head{max-width:860px;margin-left:0;margin-right:auto;margin-bottom:50px;text-align:left;}
  body.page-home.cx-home-balanced-v3984 #position .section-head,
  body.page-home.cx-home-balanced-v3984 #matrix .section-head,
  body.page-home.cx-home-balanced-v3984 #delivery .section-head,
  body.page-home.cx-home-balanced-v3984 #solution .section-head{padding-top:20px;border-top:1px solid var(--cx-home-hairline);}
  body.page-home.cx-home-balanced-v3984 #delivery .section-head{border-top-color:var(--cx-home-hairline-dark);}
  body.page-home.cx-home-balanced-v3984 h2{max-width:900px;font-size:clamp(32px,3.65vw,50px);line-height:1.1;letter-spacing:-.048em;}
  body.page-home.cx-home-balanced-v3984 .section-sub,
  body.page-home.cx-home-balanced-v3984 .cx-head p{max-width:760px;line-height:1.9;}

  body.page-home.cx-home-balanced-v3984 .card,
  body.page-home.cx-home-balanced-v3984 .cx-card,
  body.page-home.cx-home-balanced-v3984 .cx-section-card,
  body.page-home.cx-home-balanced-v3984 .module,
  body.page-home.cx-home-balanced-v3984 .instructor-mini-card,
  body.page-home.cx-home-balanced-v3984 .acc,
  body.page-home.cx-home-balanced-v3984 .recommender,
  body.page-home.cx-home-balanced-v3984 .product{border-radius:24px;box-shadow:var(--cx-home-shadow);}
  body.page-home.cx-home-balanced-v3984 .card,
  body.page-home.cx-home-balanced-v3984 .cx-card{padding:30px;}
  body.page-home.cx-home-balanced-v3984 .card:hover,
  body.page-home.cx-home-balanced-v3984 .cx-card:hover,
  body.page-home.cx-home-balanced-v3984 .module:hover,
  body.page-home.cx-home-balanced-v3984 .instructor-mini-card:hover,
  body.page-home.cx-home-balanced-v3984 .acc:hover,
  body.page-home.cx-home-balanced-v3984 .product:hover{transform:translateY(-2px);box-shadow:var(--cx-home-shadow-hover);}
  body.page-home.cx-home-balanced-v3984 .card-title{margin-bottom:11px;}
  body.page-home.cx-home-balanced-v3984 .card p,
  body.page-home.cx-home-balanced-v3984 .cx-card p,
  body.page-home.cx-home-balanced-v3984 .module p,
  body.page-home.cx-home-balanced-v3984 .mini p,
  body.page-home.cx-home-balanced-v3984 .product p{line-height:1.82;}

  /* 01 — three-step pathway becomes one calm card-led composition.
     It is intentionally different from the linear site index below. */
  body.page-home.cx-home-balanced-v3984 .home-pathway-v39{
    padding:96px 28px;
    background:#f4f7fb;
    border:0;
  }
  body.page-home.cx-home-balanced-v3984 .home-pathway-v39 .wrap{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);
    gap:72px;
    align-items:start;
  }
  body.page-home.cx-home-balanced-v3984 .pathway-v39-head{
    margin:0;
    padding-top:18px;
    border-top:1px solid var(--cx-home-hairline);
  }
  body.page-home.cx-home-balanced-v3984 .pathway-v39-head h2{
    max-width:620px;
  }
  body.page-home.cx-home-balanced-v3984 .pathway-v39-head p{
    max-width:600px;
  }
  body.page-home.cx-home-balanced-v3984 .pathway-v39-grid{
    display:grid;
    grid-template-columns:1fr;
    overflow:hidden;
    border:1px solid var(--cx-card-border);
    border-radius:28px;
    background:#fff;
    box-shadow:var(--cx-home-shadow);
  }
  body.page-home.cx-home-balanced-v3984 .pathway-v39-item{
    min-height:132px;
    display:grid;
    grid-template-columns:54px 150px minmax(0,1fr);
    gap:20px;
    align-items:center;
    padding:28px 32px;
    border:0;
    border-bottom:1px solid var(--cx-home-hairline);
    border-radius:0;
    background:#fff;
  }
  body.page-home.cx-home-balanced-v3984 .pathway-v39-item:last-child{border-bottom:0;}
  body.page-home.cx-home-balanced-v3984 .pathway-v39-item:nth-child(2){background:#f8fbff;}
  body.page-home.cx-home-balanced-v3984 .pathway-v39-item:hover{
    background:#f4f8ff;
    transform:none;
  }
  body.page-home.cx-home-balanced-v3984 .pathway-v39-item small{
    margin:0;
  }
  body.page-home.cx-home-balanced-v3984 .pathway-v39-item b{
    margin:0;
    font-size:22px;
  }
  body.page-home.cx-home-balanced-v3984 .pathway-v39-item p{
    margin:0;
  }

  /* 02 — five-part site index remains linear, but is separated into its own white band. */
  body.page-home.cx-home-balanced-v3984 .cx-route{
    max-width:none;
    margin:0;
    padding:78px 28px 92px;
    transform:none;
    background:#fff;
  }
  body.page-home.cx-home-balanced-v3984 .cx-route-label{
    max-width:1180px;
    margin:0 auto 28px;
    padding-top:18px;
    border-top:1px solid var(--cx-home-hairline);
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
  }
  body.page-home.cx-home-balanced-v3984 .cx-route-label span{
    color:#0066ff;
    font-size:11px;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
  }
  body.page-home.cx-home-balanced-v3984 .cx-route-label p{
    margin:0;
    color:#747b88;
    font-size:13px;
  }
  body.page-home.cx-home-balanced-v3984 .cx-route-inner{
    max-width:1180px;
    margin:0 auto;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:0;
    padding:0;
    border:0;
    border-top:1px solid var(--cx-home-hairline);
    border-bottom:1px solid var(--cx-home-hairline);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  body.page-home.cx-home-balanced-v3984 .cx-route a{
    min-height:118px;
    padding:26px 22px;
    border-right:1px solid var(--cx-home-hairline);
    border-radius:0;
  }
  body.page-home.cx-home-balanced-v3984 .cx-route a:last-child{border-right:0;}
  body.page-home.cx-home-balanced-v3984 .cx-route a:hover{background:rgba(0,102,255,.035);}

  /* 03 — one black structural event with hairline columns */
  body.page-home.cx-home-balanced-v3984 .position-statement{border-radius:32px;padding:44px;box-shadow:0 28px 82px rgba(0,0,0,.24);}
  body.page-home.cx-home-balanced-v3984 .statement-main{gap:44px;padding-bottom:34px;}
  body.page-home.cx-home-balanced-v3984 .asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:28px;border-top:1px solid var(--cx-home-hairline-dark);border-bottom:1px solid var(--cx-home-hairline-dark);}
  body.page-home.cx-home-balanced-v3984 .asset-card{min-height:218px;padding:32px 28px;border:0;border-right:1px solid var(--cx-home-hairline-dark);border-radius:0;background:transparent;box-shadow:none;}
  body.page-home.cx-home-balanced-v3984 .asset-card:last-child{border-right:0;}
  body.page-home.cx-home-balanced-v3984 .asset-card:hover{transform:none;background:rgba(255,255,255,.055);border-color:var(--cx-home-hairline-dark);}

  /* 04 — platform / product / delivery as an editorial strip */
  body.page-home.cx-home-balanced-v3984 .layer-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--cx-home-hairline);border-bottom:1px solid var(--cx-home-hairline);border-radius:0;background:transparent;box-shadow:none;}
  body.page-home.cx-home-balanced-v3984 .layer{min-height:190px;padding:32px 28px;border:0;border-right:1px solid var(--cx-home-hairline);border-radius:0;background:transparent;box-shadow:none;}
  body.page-home.cx-home-balanced-v3984 .layer:last-child{border-right:0;}
  body.page-home.cx-home-balanced-v3984 .layer:hover{transform:none;background:rgba(0,102,255,.03);box-shadow:none;}

  /* Product, sample, advisor and action modules intentionally remain rounded. */
  body.page-home.cx-home-balanced-v3984 .product-grid{gap:18px;}
  body.page-home.cx-home-balanced-v3984 .product{padding:26px;}
  body.page-home.cx-home-balanced-v3984 .cx-section-card{padding:38px;}
  body.page-home.cx-home-balanced-v3984 .cx-black-panel{padding:40px;border-radius:32px;}
  body.page-home.cx-home-balanced-v3984 .journey-step{border-radius:20px;padding:24px 20px;}
  body.page-home.cx-home-balanced-v3984 .recommend-card{border-radius:24px;}
  body.page-home.cx-home-balanced-v3984 .recommender{padding:32px;gap:30px;}

  /* Dark cards never reverse to a white surface on hover. */
  body.page-home.cx-home-balanced-v3984 .dark .card:hover,
  body.page-home.cx-home-balanced-v3984 .dark .cx-card:hover,
  body.page-home.cx-home-balanced-v3984 .dark .journey-step:hover,
  body.page-home.cx-home-balanced-v3984 .cx-black-panel .cx-card:hover,
  body.page-home.cx-home-balanced-v3984 .position-statement .asset-card:hover{background:rgba(255,255,255,.095)!important;color:#fff!important;}
  body.page-home.cx-home-balanced-v3984 .dark .card:hover h3,
  body.page-home.cx-home-balanced-v3984 .dark .cx-card:hover h3,
  body.page-home.cx-home-balanced-v3984 .dark .journey-step:hover b,
  body.page-home.cx-home-balanced-v3984 .cx-black-panel .cx-card:hover h3,
  body.page-home.cx-home-balanced-v3984 .position-statement .asset-card:hover .card-title{color:#fff!important;}
  body.page-home.cx-home-balanced-v3984 .dark .card:hover p,
  body.page-home.cx-home-balanced-v3984 .dark .cx-card:hover p,
  body.page-home.cx-home-balanced-v3984 .dark .journey-step:hover p,
  body.page-home.cx-home-balanced-v3984 .cx-black-panel .cx-card:hover p,
  body.page-home.cx-home-balanced-v3984 .position-statement .asset-card:hover p{color:rgba(255,255,255,.68)!important;}
}
@media (max-width:820px){body.page-home.cx-home-balanced-v3984 .section-head,body.page-home.cx-home-balanced-v3984 .cx-head{text-align:left;}}
@media (prefers-reduced-motion:reduce){body.page-home.cx-home-balanced-v3984 .card,body.page-home.cx-home-balanced-v3984 .cx-card,body.page-home.cx-home-balanced-v3984 .asset-card,body.page-home.cx-home-balanced-v3984 .module,body.page-home.cx-home-balanced-v3984 .instructor-mini-card,body.page-home.cx-home-balanced-v3984 .product{transition:none!important;}}


/* v39.8.4 — balanced card and line rhythm. Structural modules keep hairlines;
   product, people, sample and action modules are intentionally card-shaped. */
body.page-home.cx-home-balanced-v3984{
  --cx-card-border:rgba(15,23,42,.105);
  --cx-card-shadow:0 14px 38px rgba(15,23,42,.075);
  --cx-card-shadow-hover:0 22px 56px rgba(15,23,42,.115);
}
body.page-home.cx-home-balanced-v3984 #matrix,
body.page-home.cx-home-balanced-v3984 #architect-entry,
body.page-home.cx-home-balanced-v3984 #instructor-preview,
body.page-home.cx-home-balanced-v3984 #solution{background:#fff;}
body.page-home.cx-home-balanced-v3984 #showroom,
body.page-home.cx-home-balanced-v3984 #flagship{background:#f7f9fc;}
body.page-home.cx-home-balanced-v3984 #matrix .product,
body.page-home.cx-home-balanced-v3984 #showroom .cx-card,
body.page-home.cx-home-balanced-v3984 #architect-entry .cx-card,
body.page-home.cx-home-balanced-v3984 #instructor-preview .instructor-mini-card,
body.page-home.cx-home-balanced-v3984 #flagship .card,
body.page-home.cx-home-balanced-v3984 #flagship .module,
body.page-home.cx-home-balanced-v3984 #solution .card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--cx-card-border);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--cx-card-shadow);
}
body.page-home.cx-home-balanced-v3984 #matrix .product::before,
body.page-home.cx-home-balanced-v3984 #showroom .cx-card::before,
body.page-home.cx-home-balanced-v3984 #architect-entry .cx-card::before,
body.page-home.cx-home-balanced-v3984 #instructor-preview .instructor-mini-card::before,
body.page-home.cx-home-balanced-v3984 #flagship .card::before,
body.page-home.cx-home-balanced-v3984 #flagship .module::before,
body.page-home.cx-home-balanced-v3984 #solution .card::before{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(0,102,255,.55),rgba(0,163,255,.12),transparent 88%);
  pointer-events:none;
}
body.page-home.cx-home-balanced-v3984 #matrix .product:hover,
body.page-home.cx-home-balanced-v3984 #showroom .cx-card:hover,
body.page-home.cx-home-balanced-v3984 #architect-entry .cx-card:hover,
body.page-home.cx-home-balanced-v3984 #instructor-preview .instructor-mini-card:hover,
body.page-home.cx-home-balanced-v3984 #flagship .card:hover,
body.page-home.cx-home-balanced-v3984 #flagship .module:hover,
body.page-home.cx-home-balanced-v3984 #solution .card:hover{
  transform:translateY(-3px);
  border-color:rgba(0,102,255,.20);
  box-shadow:var(--cx-card-shadow-hover);
}
body.page-home.cx-home-balanced-v3984 #matrix .product,
body.page-home.cx-home-balanced-v3984 #showroom .cx-card,
body.page-home.cx-home-balanced-v3984 #architect-entry .cx-card,
body.page-home.cx-home-balanced-v3984 #instructor-preview .instructor-mini-card{
  min-height:100%;
}
body.page-home.cx-home-balanced-v3984 #ai-org .cx-card,
body.page-home.cx-home-balanced-v3984 #wukong-ceo-preview .cx-card{
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(255,255,255,.075);
  box-shadow:none;
}
body.page-home.cx-home-balanced-v3984 #ai-org .cx-card:hover,
body.page-home.cx-home-balanced-v3984 #wukong-ceo-preview .cx-card:hover{
  transform:translateY(-2px);
  border-color:rgba(120,184,255,.38);
  background:rgba(255,255,255,.105)!important;
  box-shadow:none;
}
body.page-home.cx-home-balanced-v3984 #ai-org .cx-card:hover h3,
body.page-home.cx-home-balanced-v3984 #wukong-ceo-preview .cx-card:hover h3{color:#fff!important;}
body.page-home.cx-home-balanced-v3984 #ai-org .cx-card:hover p,
body.page-home.cx-home-balanced-v3984 #wukong-ceo-preview .cx-card:hover p{color:rgba(255,255,255,.68)!important;}

/* Homepage botanical finale: one large Full Bloom event at the end of the journey. */
body.page-home.cx-home-balanced-v3984 .cx-floral-finale{
  position:relative;
  overflow:hidden;
  padding:clamp(92px,11vw,164px) 28px clamp(86px,10vw,148px);
  background:#fff;
  color:#0a0a0a;
  border-top:1px solid rgba(15,23,42,.12);
}
body.page-home.cx-home-balanced-v3984 .cx-floral-finale-inner{
  max-width:1180px;
  margin:0 auto;
}
body.page-home.cx-home-balanced-v3984 .cx-floral-finale-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-bottom:18px;
  border-bottom:1px solid #d8d8d8;
  color:#747474;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.page-home.cx-home-balanced-v3984 .cx-floral-finale-copy{
  max-width:850px;
  padding-top:clamp(44px,6vw,78px);
}
body.page-home.cx-home-balanced-v3984 .cx-floral-finale-copy h2{
  margin:0;
  max-width:900px;
  color:#0a0a0a;
  font-size:clamp(38px,5.2vw,72px);
  font-weight:650;
  line-height:1.06;
  letter-spacing:-.055em;
}
body.page-home.cx-home-balanced-v3984 .cx-floral-finale-copy p{
  max-width:650px;
  margin:22px 0 0;
  color:#747474;
  font-size:16px;
  line-height:1.9;
}
body.page-home.cx-home-balanced-v3984 .cx-floral-finale-art{
  margin:clamp(54px,7vw,92px) auto 0;
  width:min(100%,1080px);
}
body.page-home.cx-home-balanced-v3984 .cx-floral-finale-art img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
body.page-home.cx-home-balanced-v3984 .cx-floral-finale-foot{
  display:flex;
  justify-content:space-between;
  gap:24px;
  margin-top:clamp(44px,6vw,72px);
  padding-top:18px;
  border-top:1px solid #d8d8d8;
  color:#747474;
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
@media(max-width:820px){
  body.page-home.cx-home-balanced-v3984 #matrix .product,
  body.page-home.cx-home-balanced-v3984 #showroom .cx-card,
  body.page-home.cx-home-balanced-v3984 #architect-entry .cx-card,
  body.page-home.cx-home-balanced-v3984 #instructor-preview .instructor-mini-card,
  body.page-home.cx-home-balanced-v3984 #flagship .card,
  body.page-home.cx-home-balanced-v3984 #flagship .module,
  body.page-home.cx-home-balanced-v3984 #delivery .journey-step,
  body.page-home.cx-home-balanced-v3984 #solution .card,
  body.page-home.cx-home-balanced-v3984 #solution .recommend-card{border-radius:21px;}
  body.page-home.cx-home-balanced-v3984 .cx-floral-finale{padding:74px 20px 72px;}
  body.page-home.cx-home-balanced-v3984 .cx-floral-finale-meta,
  body.page-home.cx-home-balanced-v3984 .cx-floral-finale-foot{align-items:flex-start;flex-direction:column;gap:8px;}
  body.page-home.cx-home-balanced-v3984 .cx-floral-finale-copy{padding-top:38px;}
  body.page-home.cx-home-balanced-v3984 .cx-floral-finale-copy h2{font-size:clamp(34px,11vw,52px);}
  body.page-home.cx-home-balanced-v3984 .cx-floral-finale-copy p{font-size:14px;}
  body.page-home.cx-home-balanced-v3984 .cx-floral-finale-art{margin-top:44px;width:100%;}
}


/* v39.8.5 — preserve dark delivery and recommendation surfaces.
   These components have their own text/color system and must not be included in the generic white-card restoration. */
body.page-home.cx-home-balanced-v3984 #delivery .journey-step{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:rgba(255,255,255,.07);
  box-shadow:none;
}
body.page-home.cx-home-balanced-v3984 #delivery .journey-step:hover{
  transform:translateY(-2px);
  border-color:rgba(120,184,255,.38);
  background:rgba(255,255,255,.10);
  box-shadow:none;
}
body.page-home.cx-home-balanced-v3984 #delivery .journey-step::before{
  color:#78b8ff;
}
body.page-home.cx-home-balanced-v3984 #delivery .journey-step b{
  color:#fff;
}
body.page-home.cx-home-balanced-v3984 #delivery .journey-step p{
  color:rgba(255,255,255,.66);
}
body.page-home.cx-home-balanced-v3984 #solution .recommend-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:linear-gradient(145deg,#06080d,#10131b);
  color:#fff;
  box-shadow:0 20px 60px rgba(15,23,42,.14);
}
body.page-home.cx-home-balanced-v3984 #solution .recommend-card:hover{
  transform:translateY(-2px);
  border-color:rgba(120,184,255,.30);
  background:linear-gradient(145deg,#070b12,#121a28);
  box-shadow:0 24px 68px rgba(15,23,42,.18);
}
body.page-home.cx-home-balanced-v3984 #solution .recommend-card small{
  color:#78b8ff;
}
body.page-home.cx-home-balanced-v3984 #solution .recommend-card h3{
  color:#fff;
}
body.page-home.cx-home-balanced-v3984 #solution .recommend-card p,
body.page-home.cx-home-balanced-v3984 #solution .recommend-card .rec-list li{
  color:rgba(255,255,255,.70);
}