/* Brand Hero and the two-direction transition. The artwork is decorative. */
.home-v4 .v4-hero { position:relative; isolation:isolate; padding:0; background:#101e32; color:#f4f7fc; }
.v4-hero-art { position:absolute; z-index:-1; inset:0; overflow:hidden; }
.v4-hero-art picture { display:block; height:100%; }
.v4-hero-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 53%; }
.v4-hero-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#101e32 0%,#101e32f5 30%,#101e32bb 43%,#101e3200 68%); }
.v4-hero-inner { min-height:clamp(510px,44vw,690px); display:flex; align-items:center; padding-block:70px; }
.home-v4 .v4-hero-copy { padding:0; max-width: min(100%,38rem); }
.home-v4 .v4-hero .v4-eyebrow { color:#c6d8e9; font-size:13px; line-height:1.5; letter-spacing:.085em; margin:0 0 19px; }
.home-v4 .v4-hero h1 { font-size:clamp(39px,4.15vw,64px); font-weight:400; line-height:1.1; letter-spacing:-.04em; }
.home-v4 .v4-hero h1 span:last-child { color:#cfdeef; }
html[lang="zh-CN"] .home-v4 .v4-hero h1 { font-family:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",sans-serif; font-size:clamp(39px,4.25vw,64px); line-height:1.24; letter-spacing:-.025em; }
.home-v4 .v4-hero-intro { color:#d2dce9; font-size:17px; line-height:1.75; max-width:28em; margin:21px 0 28px; }
.home-v4 .v4-hero .v4-actions { gap:12px; }
.home-v4 .v4-hero .v4-button { min-height:48px; gap:12px; font-size:14px; font-weight:600; background:#ebf0f7; border-color:#ebf0f7; color:#132840; }
.home-v4 .v4-hero .v4-button:hover { background:#fff; }
.home-v4 .v4-hero .v4-button-secondary { color:#edf4fc; background:#17283d; border-color:#91a4b9; }
.home-v4 .v4-hero .v4-button-secondary:hover { background:#263d56; }
.home-v4 .v4-hero a:focus-visible { outline-color:#c4daff; }
.v4-business-bridge { background:#e9eef0; color:var(--b-ink); }
.home-v4 .v4-hero-base { margin:0 auto; border:0; padding:12px 0; align-items:center; gap:6px 30px; color:var(--b-copy); font-size:13px; }
.home-v4 .v4-hero-base > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,3vw,44px); }
.home-v4 .v4-hero-base a { align-items:center; min-height:44px; gap:7px; color:var(--b-ink); font-size:14px; font-weight:600; }
.home-v4 .v4-hero-base a:hover { color:var(--b-blue); text-decoration:underline; text-underline-offset:4px; }
.home-v4 :is(.v4-business-bridge,.v4-engineering,.v4-commerce) a:focus-visible { outline-color:#2d5d8c; }
.home-v4 .v4-engineering { background:var(--b-paper); color:var(--b-ink); padding:clamp(36px,4.5vw,64px) 0 clamp(48px,5.2vw,74px); }
.home-v4 .v4-engineering-grid { align-items:start; }
.home-v4 .v4-engineering .v4-business-copy .v4-section-label { justify-content:flex-start; align-items:baseline; flex-flow:row wrap; gap:4px 14px; border:0; padding:0; margin:0 0 10px; font-size:13px; font-weight:600; color:var(--b-blue); }
.home-v4 .v4-engineering .v4-section-label > span { font-size:12px; font-weight:400; color:var(--b-copy); }
.home-v4 .v4-engineering figcaption { color:var(--b-copy); font-size:12px; }
.home-v4 :is(.v4-engineering,.v4-commerce) .v4-text-link { border-color:#728899; font-size:15px; }
.home-v4 :is(.v4-engineering,.v4-commerce) .v4-text-link:hover { text-decoration:underline; text-underline-offset:4px; }
.home-v4 .v4-commerce .v4-button { background:var(--b-navy); border-color:var(--b-navy); color:#fff; }

.home-v4 .v4-commerce-visual { min-height: 310px; padding: clamp(22px,3vw,32px); background: #dbe6ea; border-color: var(--b-line); }
.home-v4 .v4-engineering-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:clamp(36px,5.2vw,74px); }
.home-v4 .v4-business-copy h2 { font-size: clamp(34px,3.1vw,46px); }
@media (max-width:900px) {
  .v4-hero-inner { min-height:470px; padding-block:52px; }
  .v4-hero-art::after { background:linear-gradient(90deg,#101e32 0%,#101e32f0 39%,#101e3294 61%,#101e3200 95%); }
  .home-v4 :is(.v4-engineering-grid,.v4-commerce-grid) { grid-template-columns:minmax(0,1fr); gap:30px; }
}
@media (max-width:640px) {
  .v4-hero-inner { min-height:0; padding-block:32px 0; }
  .v4-hero-art { position:relative; aspect-ratio:1.75; z-index:0; }
  .home-v4 .v4-hero { display:flex; flex-direction:column; }
  .v4-hero-art { order:1; }
  .v4-hero-art img { object-position:center; }
  .v4-hero-art::after { background:linear-gradient(180deg,#101e32 0%,#101e3200 27%); }
  .home-v4 .v4-hero-copy { z-index:2; }
  .home-v4 .v4-hero .v4-eyebrow { font-size:11px; margin-bottom:13px; }
  .home-v4 .v4-hero h1 { font-size:clamp(30px,8.6vw,43px); }
  html[lang="zh-CN"] .home-v4 .v4-hero h1 { font-size:clamp(33px,9.5vw,45px); }
  .home-v4 .v4-hero-intro { font-size:15px; margin:14px 0 18px; }
  .home-v4 .v4-hero .v4-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .home-v4 .v4-hero .v4-button { padding:8px 10px; font-size:13px; gap:6px; }
  .home-v4 .v4-hero-base { flex-direction:column; align-items:start; gap:0; padding:10px 0 3px; }
  .home-v4 .v4-hero-base > div { width:100%; gap:10px; }
  .home-v4 .v4-hero-base a { font-size:13px; }
  .home-v4 .v4-engineering-grid { gap:19px; }
  .home-v4 .v4-business-copy h2 { font-size:clamp(28px,8vw,34px); }
  .home-v4 .v4-commerce-visual { min-height:0; }
}


.home-v4 .v4-engineering .v4-business-copy p,
.home-v4 .v4-engineering .v4-areas span { color: var(--b-copy); }
.home-v4 .v4-engineering .v4-business-copy .v4-section-intro,
.home-v4 .v4-engineering .v4-areas li { color: var(--b-ink); }
.home-v4 .v4-engineering .v4-areas li { border-color: var(--b-line); }
.home-v4 .figure-engineering .v4-image-window { aspect-ratio: 3/2; }
.home-v4 .v4-engineering { padding-bottom: clamp(48px,5.2vw,74px); }
.home-v4 .v4-business-copy p { font-size: 16px; line-height: 1.85; max-width: 34rem; }
.home-v4 .v4-business-copy .v4-section-intro { font-size: 19px; line-height: 1.6; }
.home-v4 .v4-areas li { font-size: 14px; }
.home-v4 .v4-areas span { font-size: 11px; }
.home-v4 .v4-commerce { background: var(--b-mist); color: var(--b-ink); padding: clamp(42px,4.5vw,64px) 0 clamp(52px,5.3vw,76px); }
.home-v4 .v4-commerce .v4-section-label { color: var(--b-blue); border-color: var(--b-line); font-size: 13px; margin-bottom: 26px; }
.home-v4 .v4-commerce .v4-section-label > span,.home-v4 .v4-commerce .v4-business-copy p { color: var(--b-copy); font-size: 16px; }
.home-v4 .v4-commerce .v4-section-label > span { font-size: 12px; }
.home-v4 .v4-commerce .v4-business-copy .v4-section-intro { color: var(--b-ink); }
.home-v4 .v4-commerce .v4-text-link { border-color: #728899; }
.home-v4 .v4-commerce-visual :is(.v4-eyebrow,.v4-market,.v4-market span,.v4-display-type,.v4-display-type span) { color: var(--b-ink); }
.home-v4 .v4-display-type { font-size: clamp(52px,6vw,84px); }
html[lang="zh-CN"] .home-v4 .v4-display-type { font-size: clamp(35px,4.3vw,64px); line-height: 1.25; letter-spacing: -.035em; }
.home-v4 .v4-market { border-color: var(--b-line); font-size: 14px; flex-wrap: wrap; }
.home-v4 .v4-market span:first-child { font-size: 12px; }

/* Reference A: continuous sky through the header and a two-column business strip. */
.home-v4 .v4-hero { background:#09294a; }
.v4-hero-inner { min-height:clamp(475px,46vw,690px); padding-block:102px 107px; }
.v4-hero-art img { object-position:center 82%; }
.v4-hero-art::after { background:linear-gradient(90deg,#061b3a43 0%,#061b3a25 39%,transparent 61%); }
.home-v4 .v4-hero-copy { max-width:min(100%,43rem); }
.home-v4 .v4-hero .v4-eyebrow { margin-bottom:14px; }
.home-v4 .v4-hero .v4-eyebrow::before,.p-reference-hero .p-hero-copy::before {
  content:""; display:block; width:56px; height:4px; background:var(--reference-teal); margin-bottom:16px;
}
.home-v4 .v4-hero h1 { font-weight:650; letter-spacing:-.033em; }
html[lang="zh-CN"] .home-v4 .v4-hero h1 { font-weight:500; }
.home-v4 .v4-hero h1 span:last-child { color:inherit; }
.home-v4 .v4-hero-intro { color:#f3f6fa; }
.home-v4 .v4-hero .v4-button { border-radius:6px; }
.home-v4 .v4-hero .v4-button-secondary { background:#102d51ba; }
.v4-business-bridge { background:var(--b-paper); border-bottom:1px solid #dbe4ef; }
.home-v4 .v4-hero-base { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:24px 0; }
.home-v4 .v4-hero-base a { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:clamp(12px,2vw,27px); min-height:60px; padding:0 clamp(12px,2.8vw,40px); }
.home-v4 .v4-hero-base a:first-child { border-right:1px solid #c4d1e2; }
.v4-direction-copy { display:grid; gap:2px; }
.v4-direction-copy strong { font-size:clamp(17px,1.55vw,23px); line-height:1.2; }
.v4-direction-copy > span { font-size:14px; font-weight:400; line-height:1.45; }
.v4-direction-arrow { font-size:23px; }
.v4-hero-base .reference-icon { width:clamp(34px,4vw,54px); height:auto; }
@media (max-width:900px) {
  .v4-hero-inner { padding-block:60px 85px; }
  .v4-hero-art::after { background:linear-gradient(90deg,#061b3ad9 0%,#061b3a90 47%,transparent 90%); }
}
@media (max-width:640px) {
  .v4-hero-inner { min-height:0; padding-block:28px 12px; }
  .home-v4 .v4-hero .v4-eyebrow::before { width:36px; height:3px; margin-bottom:10px; }
  .v4-hero-art { aspect-ratio:1.83; }
  .v4-hero-art img { object-position:center 85%; }
  .v4-hero-art::after { background:linear-gradient(#09294a,transparent 27%); }
  .home-v4 .v4-hero-base { padding:14px 0; }
  .home-v4 .v4-hero-base a { grid-template-columns:auto minmax(0,1fr); gap:8px; align-content:start; padding:2px 8px; }
  .v4-hero-base .reference-icon { width:24px; }
  .v4-direction-copy strong { font-size:15px; }
  .v4-direction-copy > span { font-size:12px; }
  .v4-direction-arrow { display:none; }
}