
.hero{gap:30px;grid-template-columns:40% minmax(0,1fr);padding-top:40px;padding-bottom:48px;min-height:640px}.hero-copy{padding-right:0}.hero h1{font-size:clamp(38px,3.65vw,56px);line-height:1.42}.hero-copy>p{font-size:16px}.engineering-hero{position:relative;min-width:0;overflow:hidden;border:1px solid #d8e3ef;border-radius:20px;background:#fff;box-shadow:0 24px 60px -36px #164c8948}.engineering-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px 0;font-size:11px;color:#5c7086;letter-spacing:.025em}.engineering-head>span:first-child{display:flex;align-items:center;gap:8px;color:#1c4e77}.engineering-head i{width:6px;height:6px;border-radius:50%;background:#2988bf}.engineering-scene{position:relative;height:365px;isolation:isolate;background:radial-gradient(ellipse at 65% 48%,#edf3fa,transparent 65%)}.engineering-assembly,.engineering-scene canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.engineering-assembly{mix-blend-mode:multiply}.engineering-scene canvas{visibility:hidden;touch-action:none;cursor:grab}.engineering-scene canvas.is-dragging{cursor:grabbing}.engineering-scene canvas:focus-visible{outline:3px solid #3086c8;outline-offset:-4px}.engineering-scene.model-ready canvas{visibility:visible}.engineering-scene.model-ready .engineering-assembly,.engineering-scene.model-ready .engineering-activate{display:none}.engineering-source{position:absolute;z-index:1;left:20px;bottom:22px;width:148px;border:1px solid #dce6ef;border-radius:9px;padding:11px;background:#fffffff5;box-shadow:0 8px 24px #16426b0a;transition:transform .2s}.engineering-source:hover{transform:translateY(-3px)}.engineering-source>span{display:block;font-size:11px;color:#2e526f}.engineering-source b{font-weight:500;font-size:10px;color:#4787b5;margin-right:5px}.engineering-source img{display:block;width:100%;height:82px;object-fit:contain;margin:8px 0}.engineering-source small{font-size:9px;color:#6b7f92}.engineering-activate{position:absolute;z-index:2;bottom:22px;right:32px;display:flex;align-items:center;gap:8px;border:1px solid #b7cee4;border-radius:22px;background:#fff;color:#1b588e;padding:10px 17px;box-shadow:0 5px 14px #244b6d0b;font:inherit;font-size:12px;cursor:pointer}.engineering-activate span{font-size:19px;line-height:1}.engineering-activate:hover{background:#f0f7ff;border-color:#458ac4}.engineering-activate:disabled{cursor:wait;opacity:.7}.engineering-scene .ih-model-status{position:absolute;z-index:3;bottom:62px;right:20px;max-width:62%;font-size:11px;color:#315b7d;line-height:1.6;background:#fffffff0;padding:8px 12px;border-radius:6px;margin:0}.engineering-scene [hidden]{display:none!important}.engineering-hint{display:none;position:absolute;right:24px;top:14px;font-size:10px;color:#6b8094;pointer-events:none}.model-ready .engineering-hint{display:block}.engineering-scene .ih-reset{position:absolute;right:24px;bottom:22px;border:1px solid #c6d8e9;background:#fff;border-radius:18px;padding:8px 13px;font:inherit;font-size:11px;color:#315c83;cursor:pointer}.engineering-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e7eef5;padding:20px 24px}.engineering-caption>div>span{color:#5c829f;font-size:10px;letter-spacing:.07em}.engineering-caption h2{font-size:20px;font-weight:600;line-height:1.6;margin:7px 0 0}.engineering-caption>a{font-size:11px;color:#225e96;white-space:nowrap}.engineering-caption>a span{font-size:17px;margin-left:6px}.engineering-flow{display:flex;justify-content:center;align-items:center;gap:22px;background:#f5f8fc;padding:13px 20px;border-top:1px solid #e7eef5;color:#567189;font-size:11px}.engineering-flow i{font-style:normal;color:#85a9c5}
@media(max-width:1100px){.hero{gap:22px}.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.engineering-head{padding-inline:18px;font-size:10px}.engineering-scene{height:340px}.engineering-source{width:125px;left:16px}.engineering-source img{height:70px}.engineering-caption{padding:18px}.engineering-caption h2{font-size:17px}.engineering-caption>a{font-size:10px}}
@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:0;gap:34px}.hero-copy{max-width:720px}.hero h1{font-size:48px}.engineering-hero{width:100%;max-width:760px;margin-inline:auto}.engineering-scene{height:390px}.engineering-source{width:156px;left:24px;bottom:24px}.engineering-source img{height:90px}.engineering-caption h2{font-size:21px}}
@media(max-width:650px){.hero{padding-top:25px;padding-bottom:30px;gap:26px}.hero h1{font-size:38px}.hero-copy>p{font-size:15px}.engineering-hero{border-radius:13px}.engineering-head{padding:16px 14px 0;font-size:9px;gap:6px}.engineering-scene{height:275px}.engineering-source{left:12px;bottom:16px;width:104px;padding:8px}.engineering-source>span{font-size:9px}.engineering-source b{font-size:9px;margin-right:3px}.engineering-source img{height:58px;margin:6px 0}.engineering-source small{font-size:8px}.engineering-activate{right:14px;bottom:16px;font-size:10px;padding:8px 11px;gap:4px}.engineering-activate span{font-size:16px}.engineering-caption{padding:16px 14px;gap:8px;align-items:flex-start}.engineering-caption>div>span{font-size:9px}.engineering-caption h2{font-size:15px;margin-top:5px}.engineering-caption>a{font-size:10px;padding-top:22px}.engineering-caption>a span{font-size:13px;margin-left:2px}.engineering-flow{gap:15px;padding:11px 9px;font-size:10px}.engineering-scene .ih-model-status{right:10px;bottom:56px;font-size:10px}.engineering-hint{top:10px;right:14px;font-size:9px}.engineering-scene .ih-reset{right:14px;bottom:16px;font-size:10px}.engineering-caption>a{white-space:normal;min-width:76px}.engineering-caption h2{max-width:205px}}
@media(prefers-reduced-motion:reduce){.engineering-source{transition:none}}
