@import url("a714-refinements.css?v=715");
@import url("a716-banners.css?v=716");
@import url("a717-site.css?v=718");

/* V7.12: original assets retained; shared homepage grid and a readable launch entry. */
.a712-page .h74 .a711-shell { width:min(1280px,88%); }
.a712-page .h74 #home-news>.wrap { width:min(1280px,88%); max-width:1280px; padding-inline:0; }
.a712-page .a79-carousel .a79-pagination { left:max(6%,calc((100% - 1280px)/2)); }
.a712-page .h74 .a79-launch-kicker { font-size:27px; line-height:1.4; font-weight:500; padding:0; margin-bottom:17px; letter-spacing:1px; border:0; border-radius:0; color:#fff; }
.a712-page .h74 .a79-launch-position { font-size:19px; line-height:1.7; margin-bottom:25px; }
.a712-page .h74 .a79-launch-position>span { font-size:15px; margin-left:13px; }
.a712-page .a79-launch-slide .a78-slide-inner { padding-top:40px; padding-bottom:76px; }
.a712-page .h74 .a79-launch-slide h2 { font-size:clamp(42px,3.7vw,59px); line-height:1.24; margin-bottom:18px; }
.a712-page .h74 .a79-launch-slide h2>span { display:inline-block; font-size:.64em; line-height:1.5; margin-bottom:4px; font-weight:500; letter-spacing:.2px; }
.a712-page .h74 .a79-launch-sub { font-size:14px; line-height:1.7; margin-bottom:22px; }
.a712-page .h74 .a79-launch-slide .a78-event-time { font-size:22px; line-height:1.5; margin-bottom:22px; }
.a712-page .a79-launch-slide .a78-slide-actions { gap:32px; align-items:center; flex-wrap:nowrap; }
.a712-page .a79-launch-slide .a78-slide-actions>.h74-button { min-height:52px; }
.a712-page .a712-reservation { margin:0; text-align:center; }
.a712-page .a712-qr-button { border:0; padding:5px; border-radius:5px; background:white; display:block; box-shadow:0 3px 18px #00153026; transition:box-shadow .25s; }
.a712-page .a712-qr-button:hover { box-shadow:0 0 0 4px #c5e5ff40; }
.a712-page .a712-qr-image { --a712-qr-size:86px; display:block; width:var(--a712-qr-size); height:var(--a712-qr-size); background-image:url('bangyan-launch-reservation-qr-20260929.png'); background-repeat:no-repeat; background-size:contain; background-position:center; }
.a712-page .a712-reservation figcaption { font-size:12px; letter-spacing:.8px; line-height:1.5; color:#ecf7ff; margin-top:7px; }
.a712-page .a712-reservation-dialog { width:min(420px,92vw); }
.a712-page .a712-reservation-body { display:flex; flex-direction:column; align-items:center; padding:30px 20px; }
.a712-page .a712-reservation-body .a712-qr-image { --a712-qr-size:235.5px; border:0; box-shadow:0 0 0 10px #fff; margin-bottom:21px; }
.a712-page .h74 .a712-reservation-body p { font-size:14px; }
.a712-page .a712-reservation-body small { font-size:12px; color:#61788c; margin-top:9px; }
.a712-page .a712-reservation-body a { margin-top:22px; font-size:13px; }
@media(max-width:1100px) and (min-width:801px) {
  .a712-page .h74 .a79-launch-kicker { font-size:23px; }
  .a712-page .a79-launch-slide .a78-slide-inner { padding-top:30px; padding-bottom:67px; }
}
@media(max-width:800px) {
  .a712-page .h74 .a79-launch-kicker { font-size:22px; padding:0; margin-bottom:12px; }
  .a712-page .h74 .a79-launch-position { font-size:17px; margin-bottom:21px; }
  .a712-page .h74 .a79-launch-position>span { font-size:12px; margin-left:8px; }
  .a712-page .a79-launch-slide .a78-slide-inner { padding-top:38px; padding-bottom:60px; }
  .a712-page .h74 .a79-launch-slide h2 { font-size:39px; margin-bottom:12px; }
  .a712-page .h74 .a79-launch-sub { margin-bottom:17px; font-size:12px; }
  .a712-page .h74 .a79-launch-slide .a78-event-time { font-size:19px; margin-bottom:19px; }
  .a712-page .a79-launch-slide .a78-slide-actions { gap:28px; align-items:center; }
  .a712-page .a712-qr-image { --a712-qr-size:86px; }
  .a712-page .a712-reservation figcaption { font-size:11px; }
  .a712-page .a79-carousel .a79-launch-art { bottom:55px; height:62vw; right:-28px; max-height:280px; }
}
@media(prefers-reduced-motion:reduce) { .a712-page .a712-qr-button { transition:none; } }

/* Compact product diagrams without scaling their already-small labels. */
.a712-page #cloud-pc .product-choice .a78-mini { max-width:460px; margin:0 auto 22px; min-height:228px; }
.a712-page #cloud-pc .product-choice .a78-mini-kicker { margin-bottom:12px; }
.a712-page #cloud-pc .product-choice .a78-cpc-path { min-height:166px; }
.a712-page #cloud-pc .product-choice .a78-environment { padding:9px 9px 8px; }
.a712-page #cloud-pc .product-choice .a78-environment-title { margin-bottom:8px; }
.a712-page #cloud-pc .product-choice .a78-machine { padding:8px 4px; gap:3px; }
.a712-page #cloud-pc .product-choice .a78-data-location { margin-top:8px; padding-top:7px; }
.a712-page #cloud-pc .product-choice .a78-chassis { padding:10px; }
.a712-page #cloud-pc .product-choice .a78-dual-machines .a78-machine { min-height:78px; padding:9px 4px; }
.a712-page #cloud-pc .product-choice .a78-shared-workplace { padding-top:22px; }
.a712-page #cloud-pc .product-choice .a78-shared-workplace strong { padding:6px 18px; }
.a712-page .a711-business-intro .a711-heading>p { max-width:900px; font-size:16px; }
@media(max-width:900px) and (min-width:721px) {
 .a712-page #cloud-pc .product-choice .a78-mini { min-height:325px; }
}
@media(max-width:720px) {
 .a712-page #cloud-pc .product-choice .a78-mini { min-height:0; max-width:100%; margin-bottom:23px; }
 .a712-page #cloud-pc .product-choice .a78-cpc-path { gap:11px; }
}

/* V7.20: distribute desktop navigation across the available header width. */
@media(min-width:1200px) {
  .site-header-inner {
    gap:clamp(14px,1.25vw,18px) !important;
  }
  .site-header .primary-nav {
    flex:1 1 0;
    min-width:0;
    justify-content:space-between;
    gap:clamp(4px,.7vw,12px) !important;
  }
  .site-header .nav-group,
  .site-header .nav-contact {
    flex:0 0 auto;
  }
  .site-header .nav-summary {
    padding-inline:clamp(0px,.15vw,2px) !important;
    font-size:clamp(14px,1vw,15px) !important;
  }
}

/* Long English labels scale continuously instead of overflowing near 1200px. */
@media(min-width:1200px) {
  html[lang^="en"] .site-header-inner {
    gap:clamp(8px,1vw,18px) !important;
  }
  html[lang^="en"] .site-header .brand img {
    width:clamp(120px,calc(15vw - 60px),180px) !important;
  }
  html[lang^="en"] .site-header .primary-nav {
    gap:clamp(2px,.35vw,6px) !important;
  }
  html[lang^="en"] .site-header .nav-summary {
    padding-inline:0 !important;
    font-size:clamp(12px,calc(.5vw + 6px),14px) !important;
  }
  html[lang^="en"] .site-header .nav-submenu-toggle {
    width:12px;
    min-width:12px;
    padding-inline:0;
  }
  html[lang^="en"] .site-header .nav-contact {
    margin-left:0;
    padding-inline:clamp(4px,.6vw,10px);
    font-size:clamp(12px,.85vw,13.5px);
  }
}

/* Keep the logo, language switcher and menu button usable on narrow phones. */
@media(max-width:480px) {
  .site-header-inner { gap:8px !important; }
  .site-header .brand img { width:clamp(132px,42vw,160px) !important; }
  .site-header .header-actions { gap:6px; }
  .site-header .language-switcher {
    min-width:72px;
    font-size:13px;
  }
  .site-header .menu-toggle {
    width:44px;
    min-width:44px;
  }
}

/* V7.21: restore the listing-event image on the investor-relations hero. */
@media(min-width:801px) {
  .a710-page main.a76-investors .a710-inner-hero > .a710-hero-picture {
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:auto !important;
    width:64% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:50% 55% !important;
    z-index:0 !important;
    mask-image:linear-gradient(to right,transparent,#000 28%) !important;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 28%) !important;
  }

  .a710-page main.a76-investors .a710-inner-hero::after {
    display:none !important;
  }

  .a710-page main.a76-investors .a710-inner-hero > .v5-page-hero-grid {
    position:relative;
    z-index:1 !important;
  }
}

@media(max-width:800px) {
  .a710-page main.a76-investors .a710-inner-hero {
    height:auto !important;
    min-height:560px !important;
    align-items:flex-start !important;
    padding:42px 0 275px !important;
  }

  .a710-page main.a76-investors .a710-inner-hero > .a710-hero-picture {
    top:auto !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100% !important;
    height:270px !important;
    object-fit:cover !important;
    object-position:50% 53% !important;
    z-index:0 !important;
    mask-image:linear-gradient(transparent,#000 22%) !important;
    -webkit-mask-image:linear-gradient(transparent,#000 22%) !important;
  }

  .a710-page main.a76-investors .a710-inner-hero::after {
    display:none !important;
  }

  .a710-page main.a76-investors .a710-inner-hero > .v5-page-hero-grid {
    position:relative;
    z-index:1 !important;
  }
}

/* V7.22: treat the logo, eight navigation entries and language controls as
   equal peers so both edge gaps match every menu-to-menu gap. */
@media(min-width:1200px) {
  .site-header-inner {
    display:grid !important;
    grid-template-columns:max-content repeat(8,max-content) max-content;
    align-items:center;
    justify-content:space-between;
    gap:0 clamp(12px,1.35vw,24px) !important;
  }
  .site-header .primary-nav { display:contents !important; }
  .site-header .brand,
  .site-header .nav-group,
  .site-header .nav-contact,
  .site-header .header-actions { min-width:0; }
  .site-header .brand { justify-self:start; }
  .site-header .header-actions { justify-self:end; }
  .site-header .nav-contact { margin:0 !important; align-self:center; }
}

@media(min-width:1200px) and (max-width:1399px) {
  html[lang^="en"] .site-header-inner { gap:0 clamp(6px,.75vw,11px) !important; }
  html[lang^="en"] .site-header .brand img { width:clamp(112px,10vw,140px) !important; }
  html[lang^="en"] .site-header .nav-summary,
  html[lang^="en"] .site-header .nav-contact { font-size:clamp(11.5px,.9vw,12.5px) !important; }
}

/* Restore the dark blueprint treatment used by the governance module. */
.a710-page main.a76-investors #governance.v5-dark {
  color:#fff !important;
  background-color:#08182f !important;
  background-image:linear-gradient(#4e8be61a 1px,transparent 1px),linear-gradient(90deg,#4e8be61a 1px,transparent 1px) !important;
  background-size:64px 64px !important;
}
.a710-page main.a76-investors #governance.v5-dark::before { display:none !important; }
.a710-page main.a76-investors #governance.v5-dark .v5-section-head h2 { color:#fff !important; }
.a710-page main.a76-investors #governance.v5-dark .v5-section-head p:not(.v5-kicker),
.a710-page main.a76-investors #governance.v5-dark .v5-three p { color:#b9cbe0 !important; }
.a710-page main.a76-investors #governance.v5-dark .v5-three article {
  color:#fff !important;
  background:#ffffff0a !important;
  border-color:#395778 !important;
  box-shadow:none !important;
}
.a710-page main.a76-investors #governance.v5-dark .v5-three h3 { color:#fff !important; }

/* Long English in-page labels must scroll as complete items on small screens,
   never shrink into each other. */
.a710-page .v5-subnav > .v5-wrap > a { flex:0 0 auto; }