/* One full-width photographic banner. The existing CMS image and RFQ action remain.
   REQ136（2026-10-10）：banner 改为浅色通透合成图（左留白 + 淡蓝过渡曲线 + 右侧零件照片
   渐隐融合），首屏文案随之切换为深色系。
   REQ136-R4（2026-10-10 追加）：合成图中缝严格在 50%，照片占右半幅并保持清晰（虚化只在中缝
   窄带内），故 object-position 改为居中——中缝在任意视口都稳定落在 50%；左侧白色渐变只覆盖
   左半幅，不再压到照片。
   REQ136-R5（2026-10-10 追加）：页面内容左右加宽（--shell 1220→1570px，单侧留白减半），
   banner 文案的内边距同步改读 --shell，保证与其它模块内容左右边界一致。 */
.hero.hero-banner{isolation:isolate;position:relative;display:flex;align-items:center;width:100%;max-width:none;min-height:500px;padding:64px max(30px,calc((100vw - var(--shell,1570px))/2 + 30px));overflow:hidden;background:#f2f8ff;color:var(--ink);gap:0}
.hero-banner .hero-visual{position:absolute;inset:0;height:auto;width:100%;z-index:-2;border-radius:0;box-shadow:none;background:#f2f8ff}
.hero-banner .hero-banner-image{width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:1;filter:none}
.hero-banner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.32) 16%,rgba(255,255,255,.12) 30%,rgba(255,255,255,0) 46%)}
.hero-banner .hero-copy{width:min(560px,52%);position:relative;z-index:1}
.hero-banner h1{font-size:clamp(38px,4.2vw,62px);color:var(--ink)}.hero-banner .hero-text{font-size:16px;color:var(--muted);margin:20px 0 25px;max-width:510px}
.hero-banner .eyebrow{color:var(--orange)}.hero-banner .secondary-button{border-color:#a8c3e8;color:#003c8c;background:#ffffffd9}.hero-banner .hero-actions{flex-wrap:wrap;gap:12px}
.hero-banner .proof-row{margin-top:30px}.hero-banner .proof-row span{border-color:#cfe1f7;padding:0 20px}.hero-banner .proof-row span:first-child{padding-left:0}.hero-banner .proof-row small{color:var(--muted)}.hero-banner .proof-row b{color:var(--ink);font-size:19px}
.hero-banner .visual-label.top{top:24px;left:auto;right:30px;text-shadow:0 1px 4px #071626}.hero-banner .visual-label.lower{text-shadow:0 1px 4px #071626}
.rfq-address-fields{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.rfq-address-fields h3{font-size:15px;margin:0 0 10px}.rfq-address-fields label{display:block;margin:12px 0}.rfq-address-fields textarea{display:block;width:100%;margin-top:6px;min-height:74px;padding:10px;border:1px solid var(--line);background:var(--white);color:var(--ink);resize:vertical}.rfq-address-fields .billing-same{display:flex;align-items:center;gap:8px}.rfq-address-fields .billing-same input{width:16px;min-height:16px;margin:0;accent-color:var(--orange)}.rfq-address-fields small{display:block;color:var(--muted);font-size:12px;line-height:1.6}.rfq-address-review{margin-top:15px;white-space:pre-line;overflow-wrap:anywhere;font-size:13px}
@media(max-width:760px){.hero.hero-banner{min-height:500px;padding:48px 24px}.hero-banner .hero-copy{width:100%;max-width:530px}.hero-banner::before{background:linear-gradient(90deg,#ffffffe8,#ffffffcc)}.hero-banner h1{font-size:clamp(36px,7.6vw,52px)}.hero-banner .hero-text{font-size:15px}.hero-banner .visual-label.top{display:none}.hero-banner .proof-row span{padding:0 12px}.hero-banner .proof-row b{font-size:17px}.hero-banner .visual-label.lower{bottom:12px;right:20px}}
@media(prefers-reduced-motion:reduce){.hero-banner .primary-button{transition:none}}