/* Home hero v6:user-supplied black/gold artwork; scoped to the homepage banner. */
#panel-home .home-hero-v6 {
  display:block !important;
  position:relative;
  isolation:isolate;
  container:home-hero / inline-size;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden;
  border:1px solid rgba(109,113,230, .16) !important;
  border-radius:24px !important;
  background:linear-gradient(90deg, rgba(249,252,255,.38), rgba(249,252,255,.03) 60%), url('/web/shared/releases/20261008-web-desktop-sync1/assets/home-hero/gold-landscape-v1.webp') center 56% / cover no-repeat, #f7faff !important;
  box-shadow:inset 0 1px 0 rgba(109,113,230,.035), 0 18px 40px rgba(89,122,173,.16) !important;
  text-align:left !important;
}
#panel-home .home-hero-v6::before,
#panel-home .home-hero-v6::after { display:none !important; }
#panel-home .home-hero-stage {
  position:relative;
  box-sizing:border-box;
  min-height:432px;
  padding:28px 44px 26px;
}
#panel-home .home-hero-copy { position:relative; z-index:3; width:55%; text-align:left; pointer-events:none; }
/* The transparent copy box must not intercept the adjacent artwork buttons. */
#panel-home .home-hero-copy .home-hero-button { pointer-events:auto; }
#panel-home .home-hero-eyebrow {
  margin:0 0 14px !important;
  color:#7768df !important;
  font-size:10px !important;
  font-weight:500;
  line-height:16px;
  letter-spacing:4.2px;
}
#panel-home .home-hero-title {
  margin:0 !important;
  padding:0;
  color:#29496f !important;
  font:850 62px/1.14 'Microsoft YaHei', 'PingFang SC', system-ui, sans-serif !important;
  letter-spacing:-1.7px !important;
  text-align:left !important;
  text-shadow:0 3px 20px rgba(89,122,173,.24);
  -webkit-text-fill-color:#29496f;
}
#panel-home .home-hero-title > span {
  display:block;
  white-space:nowrap;
  color:#7768df;
  background:linear-gradient(180deg, #eeeaff 6%, #eeeaff 60%, #eeeaff 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
#panel-home .home-hero-description {
  max-width:600px;
  margin:14px 0 0 !important;
  color:#7185a3 !important;
  font-size:15px !important;
  font-weight:400;
  line-height:1.8;
  text-align:left !important;
}
#panel-home .home-hero-actions { display:flex; gap:14px; align-items:stretch; margin-top:22px; }
#panel-home .home-hero-button {
  display:inline-flex;
  position:relative;
  align-items:center;
  justify-content:center;
  gap:13px;
  box-sizing:border-box;
  min-height:56px;
  padding:0 24px;
  border-radius:999px;
  cursor:pointer;
  font-family:inherit;
  font-size:16px;
  font-weight:750;
  line-height:1.25;
  text-align:left;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
}
#panel-home .home-hero-primary {
  min-width:198px;
  color:#19150a !important;
  background:linear-gradient(110deg, #eeeaff, #eeeaff) !important;
  border:1px solid #c8cdf6 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6), 0 6px 26px rgba(109,113,230,.2);
}
#panel-home .home-hero-secondary {
  min-width:198px;
  color:#29496f !important;
  background:rgba(249,252,255,.58) !important;
  border:1px solid rgba(109,113,230,.24) !important;
  box-shadow:inset 0 1px 0 rgba(109,113,230,.04);
}
#panel-home .home-hero-button-icon { flex:0 0 22px; width:22px; height:22px; }
#panel-home .home-hero-secondary .home-hero-button-icon { color:#7768df; }
#panel-home .home-hero-button-arrow { flex:0 0 16px; width:16px; height:16px; margin-left:auto; }
#panel-home .home-hero-secondary .home-hero-button-arrow { color:#7768df; }
#panel-home .home-hero-button-label { display:grid; gap:3px; }
#panel-home .home-hero-button-label b { color:inherit; font-size:14px; font-weight:650; }
#panel-home .home-hero-button-label small { color:#7185a3; font-size:11px; font-weight:400; }
#panel-home .home-hero-primary:hover { transform:translateY(-2px); box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 9px 30px rgba(109,113,230,.28); }
#panel-home .home-hero-secondary:hover { transform:translateY(-2px); border-color:rgba(109,113,230,.56) !important; background-color:#f7faff !important; }
#panel-home .home-hero-button:active { transform:translateY(0); }
#panel-home .home-hero-button:focus-visible,
#panel-home .home-hero-tile:focus-visible { outline:2px solid #c8cdf6 !important; outline-offset:5px; }
#panel-home .home-hero-features {
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr)) minmax(0, 1.35fr);
  gap:22px;
  width:min(880px, 66%);
  margin:32px 0 0;
  padding:0;
  list-style:none;
}
#panel-home .home-hero-features > li { display:flex; align-items:center; min-width:0; gap:14px; text-align:left; }
#panel-home .home-hero-feature-icon {
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:13px;
  border:1px solid rgba(109,113,230,.15);
  color:#7768df;
  background:linear-gradient(145deg, rgba(109,113,230,.13), rgba(109,113,230,.06));
  box-shadow:inset 0 1px 0 rgba(109,113,230,.04);
}
#panel-home .home-hero-feature-icon > svg { width:22px; height:22px; }
#panel-home .home-hero-features b { display:block; color:#29496f; font-size:13px; font-weight:600; line-height:1.5; white-space:nowrap; }
#panel-home .home-hero-feature-modes > span { display:inline-block; white-space:nowrap; }
#panel-home .home-hero-features small { display:block; margin-top:5px; color:#7185a3; font-size:11px; font-weight:400; line-height:1.5; }
#panel-home .home-hero-art { position:absolute; z-index:2; width:49%; height:100%; top:0; right:0; }
#panel-home .home-hero-aura {
  position:absolute;
  width:68%;
  height:84%;
  left:9%;
  bottom:24px;
  pointer-events:none;
  background:radial-gradient(ellipse, rgba(109,113,230,.15), rgba(109,113,230,.06) 35%, transparent 70%);
}
#panel-home .home-hero-robot-holder { position:absolute; left:45%; bottom:70px; height:346px; width:309px; transform:translateX(-50%); pointer-events:none; }
#panel-home .home-hero-robot {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(109,113,230,.14));
  animation:homeHeroFloat 7s ease-in-out infinite;
}
#panel-home .home-hero-podium { position:absolute; left:45%; bottom:8px; width:365px; height:80px; transform:translateX(-50%); pointer-events:none; }
#panel-home .home-hero-motto {
  position:absolute;
  top:34px;
  right:36px;
  width:200px;
  color:#7768df;
  font:21px/1.4 'STKaiti', 'KaiTi', serif;
  letter-spacing:1px;
  transform:rotate(-9deg);
  pointer-events:none;
}
#panel-home .home-hero-motto > span { display:block; white-space:nowrap; }
#panel-home .home-hero-motto > svg { display:block; width:100%; height:27px; margin-top:-7px; }
#panel-home .home-hero-tile.hv-chip {
  position:absolute;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:16px;
  box-sizing:border-box;
  min-height:0 !important;
  width:162px;
  height:74px;
  margin:0 !important;
  padding:12px 18px !important;
  border:1px solid rgba(109,113,230,.68) !important;
  border-radius:12px !important;
  background:linear-gradient(145deg, rgba(109,113,230,.38), rgba(109,113,230,.24)) !important;
  color:#7768df !important;
  font:600 19px/1.2 'Microsoft YaHei', system-ui, sans-serif;
  font-size:19px !important;
  box-shadow:inset 0 1px 0 rgba(109,113,230,.14), 0 5px 18px rgba(89,122,173,.22), 0 2px 10px rgba(109,113,230,.1);
  backdrop-filter:blur(9px);
  transform:rotate(var(--home-tile-tilt, -7deg));
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
  cursor:pointer;
}
#panel-home .home-hero-tile.hv-chip:hover { transform:translateY(-3px) rotate(var(--home-tile-tilt, -7deg)); border-color:#c8cdf6 !important; box-shadow:inset 0 1px 0 rgba(109,113,230,.2), 0 5px 24px rgba(109,113,230,.22); }
#panel-home .home-hero-tile.hv-chip:active { transform:rotate(var(--home-tile-tilt, -7deg)); }
#panel-home .home-hero-tile-icon { width:29px; height:29px; flex:0 0 29px; color:#7768df; }
#panel-home .home-hero-type-icon { display:grid; place-items:center; border-radius:4px; color:#443118; background:linear-gradient(135deg, #eeeaff, #eeeaff); font:800 25px/1 Georgia, serif; }
#panel-home .home-hero-tile-copy { --home-tile-tilt:-9deg; top:56px; left:-2%; }
#panel-home .home-hero-tile-image { --home-tile-tilt:10deg; top:178px; left:-12%; width:138px !important; height:68px !important; }
#panel-home .home-hero-tile-audio { --home-tile-tilt:8deg; top:142px; right:28px; }
#panel-home .home-hero-tile-video { --home-tile-tilt:-6deg; right:17%; bottom:91px; }
#panel-home .home-hero-signature { position:absolute; right:32px; bottom:24px; color:#7768df; font-size:9px; font-weight:500; font-style:italic; line-height:1.8; letter-spacing:3px; text-align:right; pointer-events:none; }
#panel-home .home-inspiration-target:focus { outline:1px solid rgba(109,113,230,.58); outline-offset:3px; }
@keyframes homeHeroFloat { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@container home-hero (max-width:1250px) {
  #panel-home .home-hero-stage { min-height:400px; padding:26px 32px 24px; }
  #panel-home .home-hero-title { font-size:54px !important; }
  #panel-home .home-hero-description { font-size:14px !important; }
  #panel-home .home-hero-features { width:70%; gap:16px; margin-top:28px; }
  #panel-home .home-hero-feature-icon { flex-basis:42px; width:42px; height:42px; }
  #panel-home .home-hero-features > li { gap:10px; }
  #panel-home .home-hero-features b { font-size:12px; }
  #panel-home .home-hero-features small { font-size:10px; }
  #panel-home .home-hero-robot-holder { width:268px; height:300px; bottom:73px; }
  #panel-home .home-hero-tile.hv-chip { width:142px; height:65px; gap:12px; font-size:17px !important; }
  #panel-home .home-hero-tile-image { width:122px !important; height:60px !important; left:-8%; top:168px; }
  #panel-home .home-hero-tile-copy { left:-4%; top:54px; }
  #panel-home .home-hero-tile-audio { top:130px; right:20px; }
  #panel-home .home-hero-tile-video { right:8%; bottom:88px; }
  #panel-home .home-hero-motto { width:172px; font-size:18px; right:22px; top:26px; }
  #panel-home .home-hero-podium { width:325px; }
}
@container home-hero (max-width:1050px) {
  #panel-home .home-hero-stage { min-height:436px; padding:28px; }
  #panel-home .home-hero-copy { width:55%; }
  #panel-home .home-hero-title { font-size:48px !important; }
  #panel-home .home-hero-description { max-width:430px; }
  #panel-home .home-hero-actions { gap:10px; margin-top:20px; }
  #panel-home .home-hero-button { gap:10px; padding:0 18px; min-height:52px; font-size:14px; }
  #panel-home .home-hero-primary, #panel-home .home-hero-secondary { min-width:0; width:176px; }
  #panel-home .home-hero-features { grid-template-columns:repeat(2, minmax(0, 1fr)); width:51%; gap:18px 20px; margin-top:28px; }
  #panel-home .home-hero-art { width:43%; }
  #panel-home .home-hero-robot-holder { left:48%; bottom:79px; width:258px; height:290px; }
  #panel-home .home-hero-podium { left:48%; bottom:18px; width:294px; }
  #panel-home .home-hero-tile.hv-chip { width:121px; height:57px; padding:10px 12px !important; gap:10px; font-size:15px !important; }
  #panel-home .home-hero-tile-icon { width:25px; height:25px; flex-basis:25px; }
  #panel-home .home-hero-type-icon { font-size:22px; }
  #panel-home .home-hero-tile-copy { left:-11%; top:34px; }
  #panel-home .home-hero-tile-image { width:113px !important; height:55px !important; left:-16%; top:151px; }
  #panel-home .home-hero-tile-audio { top:123px; right:12px; }
  #panel-home .home-hero-tile-video { right:8%; bottom:112px; }
  #panel-home .home-hero-motto { top:18px; right:20px; width:157px; font-size:16px; }
  #panel-home .home-hero-signature { bottom:16px; right:22px; }
}
@container home-hero (max-width:810px) {
  #panel-home .home-hero-stage { padding:25px; }
  #panel-home .home-hero-title { font-size:40px !important; letter-spacing:-1px !important; }
  #panel-home .home-hero-eyebrow { font-size:9px !important; letter-spacing:2.4px; }
  #panel-home .home-hero-description { font-size:13px !important; }
  #panel-home .home-hero-actions { gap:8px; }
  #panel-home .home-hero-button { flex:1; width:auto; padding:0 12px; font-size:13px; gap:8px; }
  #panel-home .home-hero-button-icon { width:18px; height:18px; flex-basis:18px; }
  #panel-home .home-hero-button-label b { font-size:12px; }
  #panel-home .home-hero-button-label small { font-size:10px; }
  #panel-home .home-hero-button-arrow { width:12px; height:12px; flex-basis:12px; }
  #panel-home .home-hero-features { width:56%; gap:20px 14px; }
  #panel-home .home-hero-feature-icon { flex-basis:36px; width:36px; height:36px; border-radius:10px; }
  #panel-home .home-hero-features > li { gap:8px; }
  #panel-home .home-hero-features small { max-width:130px; }
  #panel-home .home-hero-art { width:42%; }
  #panel-home .home-hero-robot-holder { width:223px; height:250px; bottom:102px; }
  #panel-home .home-hero-tile.hv-chip { width:102px; height:52px; gap:8px; font-size:13px !important; }
  #panel-home .home-hero-tile-image { width:98px !important; height:50px !important; top:152px; left:-5%; }
  #panel-home .home-hero-tile-copy { top:42px; left:-3%; }
  #panel-home .home-hero-tile-audio { right:10px; top:151px; }
  #panel-home .home-hero-tile-video { bottom:133px; right:11%; }
  #panel-home .home-hero-podium { bottom:41px; width:248px; }
  #panel-home .home-hero-motto { font-size:14px; width:140px; top:16px; right:14px; }
}
@container home-hero (max-width:650px) {
  #panel-home .home-hero-stage { display:flex; flex-direction:column; min-height:0; padding:26px 24px 24px; }
  #panel-home .home-hero-copy { width:100%; order:1; }
  #panel-home .home-hero-title { font-size:44px !important; }
  #panel-home .home-hero-description { max-width:100%; font-size:14px !important; }
  #panel-home .home-hero-actions { max-width:400px; }
  #panel-home .home-hero-art { position:relative; width:100%; height:300px; flex:0 0 300px; margin:24px 0 0; order:2; }
  #panel-home .home-hero-robot-holder { left:50%; bottom:38px; width:235px; height:263px; }
  #panel-home .home-hero-podium { left:50%; bottom:-18px; width:286px; }
  #panel-home .home-hero-tile-copy { left:0; top:17px; }
  #panel-home .home-hero-tile-image { left:-3px; top:139px; }
  #panel-home .home-hero-tile-audio { top:93px; right:0; }
  #panel-home .home-hero-tile-video { right:3%; bottom:44px; }
  #panel-home .home-hero-motto { display:none; }
  #panel-home .home-hero-signature { bottom:0; right:0; font-size:8px; }
  #panel-home .home-hero-features { width:100%; order:3; gap:22px 16px; margin-top:28px; }
}
@container home-hero (max-width:380px) {
  #panel-home .home-hero-stage { padding:23px 18px; }
  #panel-home .home-hero-title { font-size:38px !important; }
  #panel-home .home-hero-description { font-size:13px !important; }
  #panel-home .home-hero-eyebrow { letter-spacing:2px; }
  #panel-home .home-hero-button { padding:0 10px; gap:6px; font-size:12px; }
  #panel-home .home-hero-robot-holder { width:205px; height:230px; bottom:44px; }
  #panel-home .home-hero-tile.hv-chip { width:90px; height:48px; gap:7px; padding:8px 10px !important; }
  #panel-home .home-hero-tile-image { width:90px !important; height:48px !important; top:139px; }
  #panel-home .home-hero-tile-copy { top:21px; }
  #panel-home .home-hero-tile-video { right:0; bottom:57px; }
  #panel-home .home-hero-tile-icon { width:22px; height:22px; flex-basis:22px; }
  #panel-home .home-hero-podium { width:245px; }
  #panel-home .home-hero-features { gap:20px 12px; }
}
@media (prefers-reduced-motion:reduce) {
  #panel-home .home-hero-v6,
  #panel-home .home-hero-v6 * { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}