html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase):has(>.site-account-row) {
  --homepage-promo-band: var(--homepage-carousel-band-height, 13.75dvh);
  --homepage-promo-dock-track: calc((var(--homepage-promo-band) - 32px) / 4);
  --homepage-promo-control-height: 32px;
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  min-height: 0;
  transform: none !important;
  row-gap: 0 !important;
  grid-template-rows: repeat(4, var(--homepage-promo-dock-track)) 32px minmax(72px, 1fr) repeat(4, var(--homepage-promo-dock-track)) 32px !important;
}
html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase) :is(.download-menu,.next-download,.ac-qr-control,.ac-qr-button,.header-agent-mode,.header-capability-grid>button,.website-quality,.homepage-carousel-control,.homepage-carousel-toggle,.homepage-language-control,.homepage-language-trigger,.contact-trigger,.site-account-row,.site-account-button) {
  height: var(--homepage-promo-control-height) !important;
  min-height: var(--homepage-promo-control-height) !important;
  align-self: start;
}
html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase)>.header-capability-grid {
  grid-template-rows: repeat(2, var(--homepage-promo-dock-track)) 32px !important;
  row-gap: 0 !important;
}
html body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-showcase {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 6;
  min-width: 0;
  min-height: 0;
  align-self: stretch;
  height: auto;
  max-height: none;
  margin-block: 6px;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(155deg, rgba(13, 31, 45, .7), rgba(4, 8, 18, .7));
  box-shadow: inset 0 0 22px rgba(55, 187, 225, .07), 0 9px 25px rgba(0, 0, 0, .28);
  color: #dff9ff;
}
html body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-showcase>.dual-flow-canvas {
  z-index: 5 !important;
  border-radius: inherit;
}
.homepage-promo-heading {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 28px;
  padding: 0 9px;
  border-bottom: 1px solid rgba(122, 221, 242, .13);
  font: 700 11px/1.2 'Microsoft YaHei', sans-serif;
  letter-spacing: .05em;
}
.homepage-promo-heading span { color: rgba(193, 235, 245, .58); font-size: 10px; font-weight: 500; letter-spacing: 0; }
.homepage-promo-body { position: relative; z-index: 1; display: block; height: calc(100% - 28px); min-height: 42px; padding: 4px 5px 6px; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; scroll-behavior: smooth; }
.homepage-promo-body::-webkit-scrollbar { display: none; }
.homepage-promo-body:focus-visible { outline: 1px solid rgba(111,225,255,.7); outline-offset: -2px; }
.homepage-promo-body>a { display: block; width: 100%; box-sizing: border-box; padding: 5px 4px; overflow: hidden; border-bottom: 1px solid rgba(126,214,234,.08); color: #cfeef5; font: 11px/1.45 'Microsoft YaHei',sans-serif; text-overflow: ellipsis; white-space: nowrap; text-decoration: underline; text-decoration-color: rgba(126,214,234,.32); text-underline-offset: 2px; }
.homepage-promo-body>a:is(:hover,:focus-visible) { color: #fff; background: rgba(104,220,244,.08); text-decoration-color: currentColor; outline: none; }
.homepage-promo-body>a[data-promo-pending="true"] { cursor: pointer; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .website-quality { grid-row: 7 !important; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .homepage-carousel-control { grid-row: 8 !important; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) :is(.homepage-language-control,.ac-language-switch) { grid-row: 9 !important; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .contact-trigger { grid-row: 10 !important; }
html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase)>.site-account-row { grid-row: 11 !important; }
/* Keep the controls at their existing size; only their row starts follow the carousel bands. */
@media (max-width: 720px) {
  .homepage-promo-showcase { display: none !important; }
  html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase) { row-gap: 6px !important; }
  html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase)>.header-capability-grid { grid-template-rows: repeat(3,32px) !important; row-gap: 6px !important; }
  html body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.homepage-promo-showcase):has(>.site-account-row) { top: 50% !important; bottom: auto !important; height: auto !important; min-height: 0; transform: translateY(-50%) !important; grid-template-rows: repeat(10, 32px) !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .website-quality { grid-row: 6 !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .homepage-carousel-control { grid-row: 7 !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) :is(.homepage-language-control,.ac-language-switch) { grid-row: 8 !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase) .contact-trigger { grid-row: 9 !important; }
  html body[data-next-style] .next-status-header .next-action-zone:has(>.homepage-promo-showcase)>.site-account-row { grid-row: 10 !important; }
}
/* Layout B uses one entry in the original compact rail. Layout A is archived in docs/ui-baselines. */
html[data-homepage-promo-layout="button"] body[data-next-style].has-homepage-carousels .next-status-header .next-action-zone:has(>.site-account-row) {
  top:50%!important;bottom:auto!important;height:auto!important;transform:translateY(-50%)!important;
  grid-template-rows:repeat(11,32px)!important;row-gap:6px!important;
}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.homepage-promo-trigger {
  position:relative;isolation:isolate;grid-column:1/-1;grid-row:6!important;
  height:32px;min-height:32px;width:100%;box-sizing:border-box;padding:0 10px;
  border:0;border-radius:9px;background:var(--homepage-control-fill,rgba(0,0,0,.7));
  color:#dff9ff;font:700 12px/1.3 'Microsoft YaHei',sans-serif;cursor:pointer;
}
.homepage-promo-trigger:focus-visible{outline:2px solid #9cf2ff;outline-offset:2px}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.website-quality{grid-row:7!important}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.homepage-carousel-control{grid-row:8!important}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>:is(.homepage-language-control,.ac-language-switch){grid-row:9!important}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.contact-trigger{grid-row:10!important}
html[data-homepage-promo-layout="button"] body[data-next-style] .next-status-header .next-action-zone>.site-account-row{grid-row:11!important}
#homepage-promo-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:16px;width:min(1440px,calc(100vw - 32px));height:min(810px,calc((100vw - 32px) * .5625),calc(100dvh - 32px));max-width:none;max-height:none;background:#000;color:#effbff;overflow:hidden;box-shadow:12px 20px 60px rgba(0,0,0,.5)}
#homepage-promo-dialog:not([open]){display:none}
#homepage-promo-dialog.is-expanded{width:calc(100vw - 16px);height:calc(100dvh - 16px)}
#homepage-promo-dialog>iframe{display:block;width:100%;height:100%;border:0;background:#000}