:root {
  --ink: #121a2e;
  --muted: #647084;
  --blue: #5265d9;
  --purple: #7162c9;
  --cyan: #45bdc8;
  --paper: #f6f8fc;
  --line: #e1e6ef;
  --dark: #121a32;
  --sans: "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;
  --display: "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;
}

body { color: var(--ink); }
.hero { background: radial-gradient(circle at 76% 34%, #293c77 0, #182447 28%, transparent 53%), linear-gradient(120deg, #11182d, #17233f 58%, #101a30); }
.hero h1 { font-weight: 850; letter-spacing: -.055em; }
.section-head h2, .method h2, .contact h2 { letter-spacing: -.045em; font-weight: 820; }
.hero h1 span, .section-head h2 span, .method h2 span, .contact h2 span { background: linear-gradient(90deg, #66ccd2, #7d7bdd); -webkit-background-clip: text; }
.eyebrow, .kicker { letter-spacing: .16em; }
.button-primary, .contact-form button { background: linear-gradient(135deg, #5569dc, #6d62c7); }
.brand-mark { background: linear-gradient(135deg, #45bdc8, #6e65c8); }
.hero-console { background: linear-gradient(160deg, rgba(34, 48, 83, .9), rgba(15, 24, 47, .94)); transform: none; right: clamp(-45px, 2vw, 34px); }
.system-ready { font-size: 34px !important; letter-spacing: -.03em; }
.system-ready small { font-size: 10px !important; letter-spacing: .16em; color: #65cbd2 !important; }
.main-metric { height: 210px; }
.mini-grid strong { font-size: 21px; }
.mini-grid strong span { font-size: 12px; color: #65cbd2; }
.metric-card > span, .pipeline-title, .pipeline-row b { font-size: 12px; }
.mini-grid small, .pipeline-row small, .pipeline-row > em, .console-head > em { font-size: 10px; }
.system { background: linear-gradient(180deg, #fff 0%, #f5f8fc 100%); }
.problem-grid article {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 0;
  box-shadow: 0 18px 48px rgba(39, 54, 87, .08);
}
.problem-grid article::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 240px;
  height: 240px;
  right: -105px;
  top: -115px;
  border-radius: 50%;
  opacity: .8;
}
.problem-grid article::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 5px;
}
.problem-grid article:nth-child(1) { background: linear-gradient(145deg, #e5dcfa 0%, #f1ecfc 48%, #faf8ff 100%); }
.problem-grid article:nth-child(1)::before { background: radial-gradient(circle, rgba(105, 81, 197, .32), rgba(121, 103, 215, 0) 70%); }
.problem-grid article:nth-child(1)::after { background: linear-gradient(90deg, #7062c9, #a38ee8); }
.problem-grid article:nth-child(2) { background: linear-gradient(145deg, #cdeff0 0%, #e6f8f8 48%, #f7fdfd 100%); }
.problem-grid article:nth-child(2)::before { background: radial-gradient(circle, rgba(33, 162, 172, .3), rgba(61, 187, 194, 0) 70%); }
.problem-grid article:nth-child(2)::after { background: linear-gradient(90deg, #36aeb7, #65d7d8); }
.problem-grid article:nth-child(3) { background: linear-gradient(145deg, #d7e5fa 0%, #eaf2fc 48%, #f8faff 100%); }
.problem-grid article:nth-child(3)::before { background: radial-gradient(circle, rgba(54, 96, 184, .3), rgba(70, 113, 206, 0) 70%); }
.problem-grid article:nth-child(3)::after { background: linear-gradient(90deg, #4771ca, #779ee1); }
.problem-grid article:nth-child(1):hover { border-color: transparent; box-shadow: 0 25px 60px rgba(91, 71, 173, .17); }
.problem-grid article:nth-child(2):hover { border-color: transparent; box-shadow: 0 25px 60px rgba(39, 143, 150, .16); }
.problem-grid article:nth-child(3):hover { border-color: transparent; box-shadow: 0 25px 60px rgba(56, 91, 165, .16); }
.icon { background: rgba(255,255,255,.64); border: 1px solid rgba(255,255,255,.8); box-shadow: 0 10px 24px rgba(40,54,90,.1); }
.icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.spark { color: #5b69d0; }
.target { color: #2697a2; }
.bolt { color: #7064b9; }
.engine { background: #141d35; }
.engine-flow article { background: linear-gradient(145deg, rgba(42, 57, 92, .72), rgba(21, 31, 57, .82)); border-color: #344362; }
.engine-flow i { background: linear-gradient(135deg, #5265d9, #6865bc); }
.products { background: var(--paper); }
.product-feature { background: linear-gradient(120deg, #253566, #354b86 55%, #287984); box-shadow: 0 28px 70px rgba(37, 55, 104, .18); }
.feature-product-shot { position: relative; min-width: 0; margin: 34px 34px 34px 0; overflow: hidden; border: 1px solid rgba(255,255,255,.3); border-radius: 16px; background: #eef3fb; box-shadow: 0 26px 60px rgba(7,19,52,.34); }
.feature-product-shot img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 39% center; }
.feature-product-shot figcaption { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid rgba(255,255,255,.34); border-radius: 10px; background: rgba(15,26,57,.82); backdrop-filter: blur(12px); }
.feature-product-shot figcaption b { font-size: 12px; }
.feature-product-shot figcaption span { color: #c8d4ed; font-size: 10px; }
.core { background: radial-gradient(circle at 35% 30%, #78d8dc, #6573d3 57%, #394b96); }
.product-grid article {
  isolation: isolate;
  overflow: hidden;
  border: 1px solid transparent;
  min-height: 470px;
  box-shadow: 0 14px 36px rgba(38, 52, 90, .07);
}
.card-product-shot { height: 156px; margin: 23px -12px 0; overflow: hidden; border: 1px solid rgba(63,76,119,.15); border-radius: 12px; background: #f2f5fa; box-shadow: 0 12px 26px rgba(42,56,96,.11); }
.card-product-shot img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; transition: transform .4s ease; }
.product-grid article:hover .card-product-shot img { transform: scale(1.035); }
.card-product-shot.generated img { width: 300%; max-width: none; }
.card-product-shot.crop-left img { object-position: left center; transform: translateX(0); }
.card-product-shot.crop-center img { transform: translateX(-33.333%); }
.card-product-shot.crop-right img { transform: translateX(-66.666%); }
.product-grid article:hover .card-product-shot.crop-left img { transform: translateX(0) scale(1.02); }
.product-grid article:hover .card-product-shot.crop-center img { transform: translateX(-33.333%) scale(1.02); }
.product-grid article:hover .card-product-shot.crop-right img { transform: translateX(-66.666%) scale(1.02); }
.avatar-crop img { object-position: 24% 52%; }
.product-grid h3 { margin-top: 24px; }
.card-visual { position: relative; height: 156px; margin: 23px -12px 0; overflow: hidden; border: 1px solid rgba(63,76,119,.15); border-radius: 14px; background: rgba(255,255,255,.58); box-shadow: inset 0 1px rgba(255,255,255,.85), 0 12px 26px rgba(42,56,96,.09); }
.visual-top { display: flex; align-items: center; justify-content: space-between; padding: 13px 15px 9px; }
.visual-top b { color: #34415c; font-size: 9px; letter-spacing: .12em; }
.visual-top em { padding: 4px 7px; border-radius: 20px; color: #5564bd; background: rgba(255,255,255,.7); font-size: 8px; font-style: normal; font-weight: 700; }
.content-flow { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 10px 8px; }
.content-flow i { padding: 7px 10px; border-radius: 8px; color: #6652a3; background: rgba(255,255,255,.76); font-size: 9px; font-style: normal; font-weight: 700; box-shadow: 0 5px 12px rgba(81,61,137,.08); }
.content-flow b { color: #a391d1; font-size: 11px; }
.content-bars { display: flex; gap: 5px; align-items: end; height: 34px; padding: 4px 20px 0; }
.content-bars span { flex: 1; border-radius: 3px 3px 0 0; background: linear-gradient(180deg,#8069cf,#b8a7e8); }
.content-bars span:nth-child(1) { height: 42%; }.content-bars span:nth-child(2) { height: 68%; }.content-bars span:nth-child(3) { height: 94%; }
.sales-stage { display: grid; grid-template-columns: 1fr 1.2fr; gap: 15px; padding: 5px 15px; }
.mini-funnel { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.mini-funnel span { height: 9px; border-radius: 3px; background: linear-gradient(90deg,#5974de,#53b8c0); }
.mini-funnel span:nth-child(1){width:90%}.mini-funnel span:nth-child(2){width:70%}.mini-funnel span:nth-child(3){width:52%}.mini-funnel span:nth-child(4){width:34%}
.mini-chat { position: relative; height: 45px; padding: 7px; border-radius: 8px; background: rgba(255,255,255,.7); }
.mini-chat i { display: block; width: 70%; height: 4px; margin: 3px 0; border-radius: 4px; background: #c3cae1; }
.mini-chat i:nth-child(2){width:52%}.mini-chat i:nth-child(3){width:62%;margin-left:auto;background:#9eadde}.mini-chat b { position: absolute; right: 6px; top: 6px; color:#fff;background:#6475d5;border-radius:5px;padding:3px;font-size:7px; }
.visual-metrics { display:flex; gap:18px; padding:7px 15px; color:#68748b; font-size:8px; }.visual-metrics span{display:flex;gap:4px;align-items:baseline}.visual-metrics b{color:#283754;font-size:14px}
.ip-stage { display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;padding:5px 22px; }
.ip-avatar { position:relative;width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#49bcb4,#7bcfc8);box-shadow:0 0 0 7px rgba(255,255,255,.52); }
.ip-avatar i { position:absolute;width:18px;height:18px;left:21px;top:11px;border-radius:50%;background:#fff; }.ip-avatar span{position:absolute;width:32px;height:18px;left:14px;bottom:10px;border-radius:18px 18px 8px 8px;background:#fff}
.ip-waves span { display:block;height:6px;margin:6px 0;border-radius:6px;background:linear-gradient(90deg,#43aaa7,#b9e2dc); }.ip-waves span:nth-child(2){width:70%}.ip-waves span:nth-child(3){width:88%}.ip-waves span:nth-child(4){width:55%}
.channel-dots { display:flex;justify-content:center;gap:6px;margin-top:5px}.channel-dots i{padding:4px 8px;border-radius:12px;color:#397d7c;background:rgba(255,255,255,.7);font-size:7px;font-style:normal;font-weight:700}
.knowledge-map { position:relative;height:105px;margin:0 12px; }.knowledge-map span,.knowledge-map i{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;font-style:normal;font-weight:700}.k-core{left:50%;top:37px;width:54px;height:54px;transform:translateX(-50%);color:#fff;background:#4f76c6;font-size:9px;box-shadow:0 8px 18px rgba(50,91,164,.25)}.knowledge-map i{width:34px;height:34px;color:#416d9f;background:rgba(255,255,255,.8);font-size:8px}.k1{left:9%;top:8px}.k2{right:9%;top:8px}.k3{left:20%;bottom:2px}.k4{right:20%;bottom:2px}.knowledge-map b{position:absolute;left:18%;right:18%;top:25px;bottom:17px;background:linear-gradient(24deg,transparent 49.5%,#a8bddb 50%,transparent 50.8%),linear-gradient(-24deg,transparent 49.5%,#a8bddb 50%,transparent 50.8%)}
.worker-row { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px 12px}.worker-row>span{padding:9px 4px 7px;text-align:center;border-radius:9px;background:rgba(255,255,255,.7)}.worker-row i{display:grid;place-items:center;width:26px;height:26px;margin:0 auto 5px;border-radius:8px;color:#fff;background:#c5864f;font-size:9px;font-style:normal}.worker-row b{display:block;color:#77563d;font-size:7px}.worker-pulse{display:flex;align-items:center;gap:4px;padding:3px 20px}.worker-pulse i{width:5px;height:5px;border-radius:50%;background:#55b99e}.worker-pulse span{height:3px;flex:1;border-radius:5px;background:linear-gradient(90deg,#59bc9e,#d9bf9d)}
.audience-row { display:flex;align-items:center;gap:7px;padding:8px 15px}.audience-row span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#fff;background:#8a63a7;font-size:8px;font-weight:800}.audience-row span:nth-child(2){background:#b2609b}.audience-row span:nth-child(3){background:#5b80bd}.audience-row b{margin-left:auto;padding:7px 9px;border-radius:8px;color:#745080;background:rgba(255,255,255,.72);font-size:8px}.visual-acquire svg{position:absolute;left:15px;right:15px;bottom:4px;width:calc(100% - 30px);height:57px}.visual-acquire svg path{fill:none;stroke:#8462aa;stroke-width:2.5}.visual-acquire svg .area{fill:rgba(143,96,169,.13);stroke:none}
.suite-overview { margin: 72px 0 0; padding: 28px; overflow: hidden; border: 1px solid #b9c5da; border-radius: 24px; background: linear-gradient(145deg, #e7edf8, #f7f9fd 48%, #e8f2f3); box-shadow: 0 26px 70px rgba(35,50,92,.14); }
.suite-overview-head { display: grid; grid-template-columns: 1fr .75fr; gap: 50px; align-items: end; margin-bottom: 24px; padding: 4px 5px; }
.suite-overview-head span { color: #5366c8; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.suite-overview-head h3 { margin: 8px 0 0; font-size: 28px; }
.suite-overview-head p { margin: 0; color: #536178; font-size: 14px; font-weight: 500; line-height: 1.8; }
.suite-overview-image { overflow: hidden; border: 1px solid rgba(68,84,128,.2); border-radius: 16px; background: #fff; box-shadow: 0 18px 45px rgba(35,51,91,.16); }
.suite-overview-image img { display: block; width: 100%; height: auto; }
.suite-overview figcaption { display: flex; align-items: center; gap: 24px; padding: 20px 5px 0; color: #48566d; font-size: 12px; font-weight: 700; }
.suite-overview figcaption span { display: flex; align-items: center; gap: 7px; }
.suite-overview figcaption i { width: 7px; height: 7px; border-radius: 50%; background: #4f69d8; }
.suite-overview figcaption span:nth-child(2) i { background: #6456d1; }
.suite-overview figcaption span:nth-child(3) i { background: #18959b; }
.suite-overview figcaption em { margin-left: auto; color: #7c8799; font-size: 11px; font-style: normal; font-weight: 600; }
.product-grid article::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 210px;
  height: 210px;
  right: -105px;
  top: -100px;
  border-radius: 50%;
}
.product-grid article:nth-child(1) { background: linear-gradient(145deg, #e9dcf8, #f5effc 65%, #fbf9fe); border-color: #cfb9e8; }
.product-grid article:nth-child(1)::before { background: radial-gradient(circle, #c8ace9, transparent 69%); }
.product-grid article:nth-child(2) { background: linear-gradient(145deg, #dce2ff, #edf0ff 66%, #f8f9ff); border: 1px solid #8e9be0; box-shadow: inset 0 5px #586bd0, 0 20px 48px rgba(52, 65, 133, .16); }
.product-grid article:nth-child(2)::before { background: radial-gradient(circle, #aebaf1, transparent 70%); }
.product-grid article:nth-child(3) { background: linear-gradient(145deg, #ccefeb, #e5f8f5 65%, #f6fcfb); border-color: #9bd7d1; }
.product-grid article:nth-child(3)::before { background: radial-gradient(circle, #9edbd4, transparent 69%); }
.product-grid article:nth-child(4) { background: linear-gradient(145deg, #d5e8fa, #eaf4fc 65%, #f8fbfe); border-color: #abcbe7; }
.product-grid article:nth-child(4)::before { background: radial-gradient(circle, #a9cbe8, transparent 69%); }
.product-grid article:nth-child(5) { background: linear-gradient(145deg, #f7ddc5, #fcecdf 65%, #fff9f4); border-color: #e8bc94; }
.product-grid article:nth-child(5)::before { background: radial-gradient(circle, #edbd8d, transparent 69%); }
.product-grid article:nth-child(6) { background: linear-gradient(145deg, #e9d5ef, #f3e9f7 65%, #fbf8fc); border-color: #d0acd9; }
.product-grid article:nth-child(6)::before { background: radial-gradient(circle, #cea8d8, transparent 69%); }
.product-grid article:nth-child(2)::after { content: "旗舰产品"; position: absolute; top: 28px; left: 91px; padding: 5px 9px; border-radius: 20px; background: #edf0ff; color: #5966c5; font-size: 10px; font-weight: 750; }
.product-grid article > span { font-size: 30px; color: rgba(54,64,105,.18); }
.product-grid article > i { background: rgba(255, 255, 255, .72); color: #5968c8; border: 1px solid rgba(91, 104, 200, .12); box-shadow: 0 8px 18px rgba(51, 62, 116, .08); }
.product-grid article:nth-child(3) > i { color: #28979d; }
.product-grid article:nth-child(4) > i { color: #4776a8; }
.product-grid article:nth-child(5) > i { color: #b07a42; }
.product-grid article:nth-child(6) > i { color: #8060a0; }
.deliverables { background: #eef2f7; }
.deliverable-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #cfd7e3; border-bottom: 1px solid #cfd7e3; }
.deliverable-grid article { position: relative; overflow: hidden; padding: 34px 28px; border-right: 1px solid #cfd7e3; }
.deliverable-grid article::before { content: ""; position: absolute; inset: 0; opacity: .82; pointer-events: none; }
.deliverable-grid article:nth-child(1) { background: #e6def7; }
.deliverable-grid article:nth-child(2) { background: #d9f1f0; }
.deliverable-grid article:nth-child(3) { background: #dce9f8; }
.deliverable-grid article:nth-child(4) { background: #f4e5d4; }
.deliverable-grid article:nth-child(1)::before { background: linear-gradient(155deg, rgba(111, 99, 199, .24), transparent 64%); }
.deliverable-grid article:nth-child(2)::before { background: linear-gradient(155deg, rgba(57, 175, 185, .23), transparent 64%); }
.deliverable-grid article:nth-child(3)::before { background: linear-gradient(155deg, rgba(68, 112, 190, .22), transparent 64%); }
.deliverable-grid article:nth-child(4)::before { background: linear-gradient(155deg, rgba(187, 128, 69, .2), transparent 64%); }
.deliverable-grid article > * { position: relative; }
.deliverable-grid article:last-child { border-right: 0; }
.deliverable-grid span { color: #7a86a0; font-size: 12px; }
.deliverable-grid h3 { margin: 34px 0 12px; font-size: 20px; }
.deliverable-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.8; }
.evidence-note { margin: 22px 0 0; color: #7d8799; font-size: 12px; }
.contact { background: #141d35; }
.contact-form { background: rgba(28, 40, 72, .76); }
.contact-form > p { font-size: 11px; line-height: 1.6; }
.contact-qr-card { text-align: center; }
.qr-label { display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 13px; border: 1px solid rgba(105, 232, 255, .38); border-radius: 999px; color: #7ceaff; background: rgba(124, 234, 255, .08); font-size: 12px; font-weight: 750; }
.qr-box { width: min(260px, 78vw); margin: 25px auto 22px; padding: 14px; border-radius: 24px; background: #fff; box-shadow: 0 20px 60px rgba(0, 0, 0, .24), 0 0 0 1px rgba(255, 255, 255, .08); }
.qr-box img { display: block; width: 100%; height: auto; border-radius: 14px; }
.contact-qr-card h3 { margin: 0 0 12px; color: #fff; font-size: 26px; letter-spacing: -.03em; }
.contact-qr-card > p { max-width: 360px; margin: 0 auto; color: #c3cadc; font-size: 13px; line-height: 1.9; }
.qr-action { display: inline-flex; align-items: center; justify-content: center; gap: 18px; width: 100%; height: 54px; margin-top: 24px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #5569dc, #6d62c7); font-weight: 820; }
.qr-action b { color: #7ceaff; }

.float-consult { position: fixed; right: 28px; top: 50%; z-index: 999; transform: translateY(-43%); display: flex; flex-direction: column; align-items: center; gap: 16px; transition: transform .28s ease, opacity .28s ease; }
.float-consult.is-collapsed { transform: translateY(-43%); }
.float-bubble { position: absolute; right: 94px; top: 70px; min-width: 174px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 18px; border-radius: 999px; color: #fff; background: linear-gradient(90deg, #1265ff, #255cff); box-shadow: 0 14px 30px rgba(29, 93, 255, .32); font-size: 16px; font-weight: 850; white-space: nowrap; pointer-events: none; }
.float-bubble::after { content: ""; position: absolute; right: -7px; top: 50%; width: 14px; height: 14px; border-radius: 50%; background: #ff4058; transform: translateY(-50%); box-shadow: 0 0 0 4px rgba(255, 64, 88, .14); }
.float-panel { width: 112px; padding: 12px 10px 18px; border-radius: 18px; background: rgba(255, 255, 255, .96); box-shadow: 0 24px 70px rgba(43, 72, 126, .22); backdrop-filter: blur(16px); }
.float-avatars { display: grid; gap: 10px; justify-items: center; padding: 13px 0 15px; border-radius: 15px; background: linear-gradient(180deg, #dbe8ff, #bdd3f8); }
.avatar { width: 54px; height: 54px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #fff; font-size: 15px; font-weight: 900; box-shadow: 0 8px 20px rgba(30, 73, 151, .18); }
.avatar-a { background: linear-gradient(135deg, #4d8cff, #8b65ff); }
.avatar-b { background: linear-gradient(135deg, #ff9aaa, #8357de); }
.avatar-c { background: linear-gradient(135deg, #ffd562, #ff8e4d); }
.float-item { width: 100%; min-height: 92px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; border: 0; border-bottom: 1px solid #cfd7e8; color: #343945; background: transparent; cursor: pointer; font: inherit; transition: color .2s ease, transform .2s ease; }
.float-item:hover { color: #155cff; transform: translateY(-1px); }
.float-item svg { width: 35px; height: 35px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.float-item span { font-size: 18px; line-height: 1; }
.float-plan { position: relative; width: 118px; height: 82px; margin: 18px -13px 0; display: flex; align-items: flex-end; justify-content: center; padding-bottom: 13px; color: #1f62d8; font-size: 17px; font-weight: 800; border-radius: 10px; background: linear-gradient(180deg, rgba(222, 236, 255, .9), rgba(187, 216, 255, .9)); box-shadow: 0 14px 32px rgba(40, 104, 216, .22); }
.float-plan::before { content: ""; position: absolute; top: -12px; width: 92px; height: 32px; border-radius: 4px 4px 9px 9px; background: linear-gradient(180deg, #5794ff, #3476f4); box-shadow: inset 0 -8px rgba(20, 75, 177, .35); }
.float-plan i { position: absolute; top: -1px; width: 16px; height: 16px; border-radius: 3px; background: #285ec8; transform: translateX(-24px); }
.float-plan i::before, .float-plan i::after { content: ""; position: absolute; left: 50%; background: #285ec8; transform: translateX(-50%); }
.float-plan i::before { top: -10px; width: 5px; height: 12px; border-radius: 4px; }
.float-plan i::after { top: -2px; width: 13px; height: 13px; clip-path: polygon(50% 100%, 0 40%, 34% 40%, 34% 0, 66% 0, 66% 40%, 100% 40%); }
.float-plan span { position: relative; z-index: 1; }
.float-close { width: 38px; height: 38px; border: 0; border-radius: 50%; color: #2872ff; background: #fff; box-shadow: 0 10px 24px rgba(50, 90, 170, .18); cursor: pointer; font-size: 30px; line-height: 1; transition: transform .2s ease; }
.float-close:hover { transform: rotate(90deg); }
.float-consult.is-collapsed .float-panel,
.float-consult.is-collapsed .float-bubble { opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(18px); }
.float-consult.is-collapsed .float-close { width: 58px; height: 58px; color: #fff; background: linear-gradient(135deg, #1268ff, #20c5f7); box-shadow: 0 16px 34px rgba(18,104,255,.28); font-size: 14px; font-weight: 900; }
.qr-modal { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; }
.qr-modal.is-open { opacity: 1; visibility: visible; }
.qr-modal-mask { position: absolute; inset: 0; background: rgba(8, 13, 32, .62); backdrop-filter: blur(8px); }
.qr-modal-card { position: relative; width: min(360px, calc(100vw - 40px)); padding: 26px 26px 30px; border-radius: 22px; text-align: center; color: #18203a; background: #fff; box-shadow: 0 28px 90px rgba(0, 0, 0, .28); }
.qr-modal-card > span { display: inline-flex; height: 30px; align-items: center; padding: 0 13px; border-radius: 999px; color: #2168ff; background: #eef4ff; font-size: 13px; font-weight: 850; }
.qr-modal-card img { display: block; width: 230px; max-width: 100%; margin: 20px auto 16px; border-radius: 16px; }
.qr-modal-card p { margin: 0; color: #677088; line-height: 1.7; }
.qr-modal-close { position: absolute; right: 12px; top: 10px; width: 34px; height: 34px; border: 0; border-radius: 50%; color: #697287; background: #f3f6ff; cursor: pointer; font-size: 24px; line-height: 1; }

@media (max-width: 900px) {
  .float-consult { right: 14px; transform: translateY(-38%) scale(.86); transform-origin: right center; }
  .float-consult.is-collapsed { transform: translateY(-38%) scale(.86); }
  .float-bubble { display: none; }
}
.method { background: linear-gradient(180deg, #fff 0%, #f7f9fc 100%); }
.steps article {
  position: relative;
  margin-bottom: 12px;
  padding: 32px 30px;
  border: 1px solid transparent;
  border-radius: 18px;
}
.steps article:nth-child(1) { background: linear-gradient(105deg, #e8def7, #f7f3fc); border-color: #cdb9e5; }
.steps article:nth-child(2) { background: linear-gradient(105deg, #d5efee, #f1fafa); border-color: #abd9d7; }
.steps article:nth-child(3) { background: linear-gradient(105deg, #dae7f7, #f3f7fc); border-color: #b3cbe7; }
.steps article:nth-child(4) { background: linear-gradient(105deg, #f4e1cd, #fcf6ef); border-color: #e0bd98; }
.steps article:first-child { padding-top: 32px; }
.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(24px); }
.js .reveal.visible { opacity: 1; transform: none; }

@media (max-width: 1000px) {
  .deliverable-grid { grid-template-columns: repeat(2, 1fr); }
  .deliverable-grid article:nth-child(2) { border-right: 0; }
  .deliverable-grid article:nth-child(-n+2) { border-bottom: 1px solid #cfd7e3; }
}

@media (max-width: 720px) {
  .hero h1 { font-size: 46px; letter-spacing: -.055em; }
  .hero-console { right: auto; }
  .system-ready { font-size: 28px !important; }
  .deliverable-grid { grid-template-columns: 1fr; }
  .deliverable-grid article { border-right: 0; border-bottom: 1px solid #cfd7e3; }
  .deliverable-grid article:last-child { border-bottom: 0; }
  .feature-product-shot { min-height: 330px; margin: 0 20px 28px; }
  .feature-product-shot figcaption { align-items: flex-start; flex-direction: column; }
  .suite-overview { margin-top: 45px; padding: 16px; border-radius: 18px; }
  .suite-overview-head { grid-template-columns: 1fr; gap: 12px; }
  .suite-overview-head h3 { font-size: 23px; }
  .suite-overview figcaption { align-items: flex-start; flex-direction: column; gap: 9px; }
  .suite-overview figcaption em { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .js .reveal { opacity: 1; transform: none; }
}

/* Typography contrast pass */
body { font-weight: 450; }
p { text-wrap: pretty; }

/* Light surfaces */
.section-head > p,
.problem-grid p,
.product-grid p,
.method-title > p,
.steps p,
.deliverable-grid p {
  color: #4d5b72;
  font-weight: 500;
}
.section-head > p,
.method-title > p { font-size: 16px; }
.problem-grid p,
.product-grid p,
.steps p,
.deliverable-grid p { font-size: 14px; }
.problem-grid article > span,
.product-grid article > div,
.steps small,
.deliverable-grid span,
.evidence-note {
  font-weight: 700;
}
.problem-grid article > span { color: #68738b; font-size: 10px; }
.product-grid article > div { font-size: 11px; }
.product-grid b { color: #667188; }
.evidence-note { color: #5f6a7c; font-size: 13px; }

/* Dark surfaces */
.hero-copy > p { color: #d1d7e8; font-weight: 500; }
.hero-trust { color: #aeb7d0; font-size: 13px; }
.hero-trust b { color: #f0f3fb; font-weight: 700; }
.hero-stats span { color: #bac2d8; font-size: 13px; font-weight: 600; }
.section-head.light > p { color: #c4cbdd; font-weight: 500; }
.engine-flow span { color: #a3aec9; font-size: 10px; font-weight: 750; }
.engine-flow p { color: #c7cede; font-size: 14px; font-weight: 500; line-height: 1.85; }
.engine-flow > b { color: #8995b7; }
.feature-copy > small { color: #b7c2e7; font-weight: 700; }
.feature-copy p { color: #d8def0; font-size: 15px; font-weight: 500; }
.feature-copy li { color: #edf1fb; font-size: 12px; font-weight: 600; }
.contact-copy p { color: #c3cadc; font-size: 15px; font-weight: 500; }
.contact-form label span { color: #c6cde0; font-size: 12px; font-weight: 650; }
.contact-form > p { color: #aeb8d0; }
footer p { color: #aeb7cc; font-size: 13px; font-weight: 500; }
footer > span { color: #929db8; font-size: 11px; }

/* Dashboard microcopy */
.console-head { color: #aab4ce; font-weight: 700; }
.metric-card > span,
.pipeline-title { color: #b9c3dc; font-weight: 650; }
.mini-grid small,
.pipeline-row small { color: #a9b4cf; font-weight: 550; }
.pipeline-row b { color: #edf1fa; font-weight: 700; }
.pipeline-row > em,
.pipeline-title em { font-weight: 700; }

/* Stronger structural lines on tinted cards */
.problem-grid article,
.product-grid article,
.steps article { outline: 1px solid rgba(68, 79, 112, .08); outline-offset: -1px; }
.engine-flow article { border-color: #52617f; }
.deliverable-grid { border-color: #aeb9ca; }
.deliverable-grid article { border-color: #b7c1d0; }

@media (max-width: 720px) {
  .section-head > p,
  .method-title > p { font-size: 15px; }
  .hero-stats span { font-size: 11px; }
}

/* Reference-matched cinematic hero */
@media (min-width:1001px) {
  .site-header { opacity:1;pointer-events:auto;transform:none }
  .hero { min-height:100vh;aspect-ratio:1672/941;padding:13.4vh 5.15vw 12vh;background:radial-gradient(ellipse at 61% 40%,rgba(12,55,132,.26),transparent 39%),radial-gradient(ellipse at 16% 52%,rgba(12,47,111,.15),transparent 38%),linear-gradient(116deg,#020a19 0%,#030d20 47%,#010714 100%) }
  .hero:before { content:"";position:absolute;inset:0;opacity:.26;background-image:radial-gradient(circle,rgba(54,133,255,.68) 0 1px,transparent 1.4px);background-size:117px 91px;mask-image:linear-gradient(to bottom,transparent 2%,#000 35%,#000 84%,transparent) }
  .hero-grid { opacity:.16;background-size:105px 105px;background-image:linear-gradient(rgba(49,104,179,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(49,104,179,.09) 1px,transparent 1px);mask-image:linear-gradient(90deg,transparent,#000 55%,transparent) }
  .glow-a { width:62vw;height:70vw;right:-23vw;top:-20vw;opacity:.42;background:radial-gradient(circle,rgba(18,68,163,.45),transparent 67%);filter:blur(30px) }
  .glow-b { width:50vw;height:28vw;left:-14vw;bottom:-15vw;opacity:.38;background:radial-gradient(circle,rgba(12,110,255,.48),transparent 64%);filter:blur(35px) }
  .hero-copy { width:45.5vw;max-width:none }
  .eyebrow { margin:0 0 2.3vw .25vw;gap:16px;font-size:clamp(11px,.9vw,15px);letter-spacing:.14em;font-weight:500;color:#48e5ef }
  .eyebrow i { width:38px;height:3px;background:#5eeef3;box-shadow:0 0 10px rgba(61,225,240,.5) }
  .hero h1 { margin:0 0 2vw;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:clamp(62px,5.85vw,98px);line-height:1.17;letter-spacing:-.055em;font-weight:850;text-shadow:0 4px 18px rgba(255,255,255,.08) }
  .hero h1 span { background:linear-gradient(92deg,#52d5da 0%,#62c8ec 34%,#6074f1 72%,#755de9 100%);-webkit-background-clip:text;color:transparent }
  .hero-copy>p { max-width:700px;margin:0;font-size:clamp(15px,1.18vw,20px);line-height:2.05;letter-spacing:.01em;color:#d8dce8;font-weight:400 }
  .hero-actions { margin-top:3.15vw;gap:1.45vw }
  .hero .button { min-height:clamp(62px,4.6vw,78px);border-radius:10px;padding:0 3.25vw;font-size:clamp(15px,1.15vw,19px);justify-content:center }
  .hero .button-primary { min-width:19.1vw;background:linear-gradient(100deg,#244df1,#3277ef 72%,#42d9ef);border:1px solid #52d8ff;box-shadow:0 0 0 1px rgba(84,103,255,.35) inset,0 0 22px rgba(31,97,255,.72),0 14px 40px rgba(20,78,232,.28) }
  .hero .button-primary b { margin-left:auto;color:#d9fbff;font-size:1.65em;font-weight:400 }
  .hero .button-ghost { min-width:14.65vw;border-color:rgba(111,139,196,.6);background:linear-gradient(110deg,rgba(11,26,55,.9),rgba(12,20,40,.8));box-shadow:inset 0 0 20px rgba(20,62,117,.15) }
  .hero-trust { margin-top:5vw;gap:2.8vw;color:#9aa9c7;font-size:clamp(12px,1vw,17px) }
  .hero-trust div { gap:1.2vw }.hero-trust b { font-size:inherit;font-weight:500;color:#edf2ff }.hero-trust i { width:5px;height:5px;background:#4876ef;box-shadow:0 0 8px #4876ef }
  .hero-console { top:13.4%;right:3.72%;width:45.35vw;max-width:758px;border:1px solid rgba(113,145,255,.94);border-radius:25px;background:linear-gradient(145deg,rgba(9,35,82,.83),rgba(3,15,39,.94));box-shadow:inset 0 0 30px rgba(38,99,190,.14),0 0 26px rgba(26,66,171,.22),0 30px 80px rgba(0,0,0,.3);backdrop-filter:blur(10px);overflow:hidden }
  .console-head { height:3.65vw;max-height:61px;min-height:54px;padding:0 1.55vw;border-color:rgba(84,116,182,.26);font-size:clamp(10px,.82vw,14px);letter-spacing:.45em;color:#b9c8ef }
  .console-head>div { gap:7px }.console-head i { width:6px;height:6px;background:#6085e9;box-shadow:0 0 5px #346cef }
  .console-head>em { font-size:clamp(9px,.76vw,13px);letter-spacing:.16em;padding:.55vw .9vw;border:1px solid rgba(52,213,222,.45);border-radius:9px;background:rgba(6,49,71,.5) }
  .console-body { padding:1.05vw 1.45vw 1.15vw }
  .metric-card,.pipeline { border-color:rgba(76,127,226,.72);background:linear-gradient(145deg,rgba(7,29,67,.75),rgba(2,16,40,.8));border-radius:14px;box-shadow:inset 0 0 22px rgba(28,72,141,.16) }
  .main-metric { height:12.25vw;max-height:205px;min-height:178px;padding:1.25vw 1.65vw }
  .metric-card>span,.mini-grid .metric-card>div>span { display:block;color:#a9b8d7;font-size:clamp(11px,.9vw,15px) }
  .main-metric strong { margin-top:.75vw;font-size:clamp(32px,2.4vw,40px);letter-spacing:-.03em }.main-metric strong small { margin-left:.4vw;font-size:clamp(10px,.82vw,14px);font-weight:500;letter-spacing:.08em;color:#43e6ef }
  .wave { left:1.8vw;right:1.8vw;bottom:.65vw;height:7.8vw;max-height:130px }.wave:before { content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 12%,rgba(81,123,195,.18) 12.2%,transparent 12.5%);mask-image:linear-gradient(to top,#000,transparent 90%) }
  .wave svg { position:relative;z-index:1;filter:drop-shadow(0 0 7px #3b85ff) drop-shadow(0 0 3px #7ef7ff) }.wave:after { content:"";position:absolute;z-index:2;right:-3px;top:4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 6px 2px #55b9ff,0 0 15px 5px rgba(50,113,255,.7) }
  .mini-grid { gap:.85vw;margin:.85vw 0 }.mini-grid .metric-card { min-height:7.35vw;padding:1vw 1.1vw;display:flex;align-items:center;gap:1vw }
  .metric-icon { flex:0 0 auto;width:4.6vw;height:4.6vw;max-width:77px;max-height:77px;min-width:56px;min-height:56px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(49,111,224,.7),rgba(9,37,83,.75) 63%);border:1px solid #3f82dc;box-shadow:0 0 20px rgba(44,117,245,.35),inset 0 0 14px rgba(83,146,255,.22) }
  .metric-icon.icon-user { background:radial-gradient(circle at 35% 30%,rgba(94,72,211,.7),rgba(21,20,79,.8) 64%);border-color:#755fe2;box-shadow:0 0 20px rgba(102,72,241,.34) }.metric-icon svg { width:48%;height:48%;fill:none;stroke:#f3f5ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round }
  .mini-grid strong { margin:.32vw 0 .55vw;font-size:clamp(23px,1.8vw,30px);font-weight:500 }.mini-grid small { font-size:clamp(10px,.82vw,14px);color:#8f9dbd }
  .pipeline { padding:.9vw 1.45vw .7vw }.pipeline-title { margin-bottom:.4vw;font-size:clamp(11px,.88vw,15px);font-weight:600;color:#e4e9f7 }.pipeline-title em { color:#37dfd1;font-weight:500 }
  .pipeline-row { min-height:2.9vw;padding:.42vw .12vw;gap:1.25vw;border-color:rgba(88,116,172,.3) }.pipeline-row>i { width:2.4vw;height:2.4vw;max-width:40px;max-height:40px;min-width:34px;min-height:34px;border-radius:7px;font-size:clamp(11px,.9vw,15px);box-shadow:0 0 15px rgba(45,104,255,.32) }
  .pipeline-row b { font-size:clamp(12px,1vw,17px);font-weight:600 }.pipeline-row small { font-size:clamp(9px,.78vw,13px);color:#8d9abc }.pipeline-row>em { font-size:clamp(10px,.83vw,14px);color:#35e1d5 }.pipeline-row>em:after { content:"";display:inline-block;width:7px;height:7px;margin-left:.55vw;border-radius:50%;background:#38e8d8;box-shadow:0 0 8px #38e8d8 }
  .hero-stats { display:none }
  .hero-light-trail { position:absolute;z-index:1;left:-7%;bottom:0;width:61%;height:23%;overflow:hidden;filter:drop-shadow(0 0 7px rgba(46,115,255,.8)) }.hero-light-trail:after { content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#3784ff 45%,rgba(74,119,235,.28),transparent);box-shadow:0 0 9px #2370ff }
  .hero-light-trail i { position:absolute;left:-12%;bottom:-62%;width:86%;height:115%;border-radius:0 100% 0 0;border-top:1px solid rgba(58,144,255,.9);transform:rotate(6deg);box-shadow:0 -3px 11px rgba(36,102,255,.55) }.hero-light-trail i:nth-child(2){bottom:-54%;width:79%;opacity:.55;transform:rotate(9deg)}.hero-light-trail i:nth-child(3){bottom:-46%;width:70%;opacity:.28;transform:rotate(13deg)}
}

@media (max-width:1000px) {
  .hero-light-trail { display:none }.mini-grid .metric-card { display:flex;align-items:center;gap:14px }.metric-icon { flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#183b78;border:1px solid #3977d0 }.metric-icon svg { width:25px;height:25px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round }.mini-grid .metric-card>div>span { display:block;color:#a9b3cd;font-size:12px }
}

/* Reference-matched AI growth loop */
.engine { isolation:isolate;background:#020a1c;color:#fff }
.engine-bg { z-index:-3;background:radial-gradient(ellipse at 50% 105%,rgba(44,44,183,.4),transparent 45%),radial-gradient(ellipse at 18% 30%,rgba(10,57,133,.2),transparent 38%),linear-gradient(180deg,#020918,#040d22 72%,#07132b) }
.engine-bg:after { content:"";position:absolute;inset:7% 0 0;background-image:linear-gradient(rgba(48,91,155,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(48,91,155,.09) 1px,transparent 1px);background-size:112px 112px;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000 72%,transparent) }
.engine-orbit { position:absolute!important;z-index:-1!important;left:-8%;right:-8%;bottom:-24%;height:35%;border-radius:50% 50% 0 0;border-top:2px solid #488cff;box-shadow:0 -5px 18px #2759ff,0 -15px 50px rgba(61,54,255,.55),inset 0 25px 60px rgba(35,50,175,.22);background:repeating-linear-gradient(90deg,transparent 0,transparent 30px,rgba(69,111,255,.08) 31px),radial-gradient(ellipse at 50% 0,rgba(105,62,255,.32),transparent 45%) }

@media (min-width:1001px) {
  .engine { min-height:940px;padding:86px 5.2vw 135px }
  .engine .section-head { grid-template-columns:1.45fr .9fr;align-items:end;gap:8vw;margin-bottom:60px }
  .engine .kicker { position:relative;padding-left:30px;margin-bottom:52px;font-size:14px;letter-spacing:.3em;color:#5dddf3 }
  .engine .kicker:before { content:"";position:absolute;left:-30px;top:50%;width:24px;height:1px;background:#68ecff;box-shadow:0 0 10px #4d9fff }
  .engine .kicker:after { content:"";position:absolute;left:-31px;top:calc(50% - 2px);width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #3d9eff }
  .engine .section-head h2 { margin:0;font-size:clamp(54px,4.15vw,70px);line-height:1.48;letter-spacing:-.045em;font-weight:850 }
  .engine .section-head h2 span { background:linear-gradient(92deg,#4de7e9,#3b9af3 48%,#8b58ef);-webkit-background-clip:text;color:transparent }
  .engine .section-head>p { position:relative;margin:0 0 35px;padding-left:26px;max-width:520px;font-size:clamp(16px,1.22vw,20px);line-height:2.15;color:#bdc6dc;font-weight:400 }
  .engine .section-head>p:before { content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#63a7ff,transparent);box-shadow:0 0 9px #397cff }
  .engine-flow { grid-template-columns:1fr 52px 1fr 52px 1fr 52px 1fr;align-items:center }
  .engine-flow>b { position:relative;z-index:3;font-size:0;color:transparent;height:42px }
  .engine-flow>b:before { content:"";position:absolute;left:7px;right:10px;top:20px;height:1px;background:#39b7ff;box-shadow:0 0 8px #168fff }
  .engine-flow>b:after { content:"";position:absolute;right:7px;top:12px;width:16px;height:16px;border-top:2px solid #42d9ff;border-right:2px solid #42d9ff;transform:rotate(45deg);filter:drop-shadow(0 0 5px #258cff) }
  .engine-flow article { height:375px;padding:32px 32px;border:1px solid var(--card-accent,#4f9cff);border-radius:22px;background:radial-gradient(circle at 10% 0,rgba(42,124,216,.24),transparent 40%),linear-gradient(145deg,rgba(6,34,75,.88),rgba(4,18,48,.9));box-shadow:inset 0 0 0 4px rgba(70,157,255,.08),inset 0 0 28px rgba(38,100,204,.2),0 0 12px rgba(38,126,255,.45),0 22px 45px rgba(0,0,0,.24);overflow:hidden }
  .engine-flow article:nth-of-type(2) { --card-accent:#518aff;background:radial-gradient(circle at 10% 0,rgba(53,98,226,.22),transparent 40%),linear-gradient(145deg,rgba(7,31,76,.9),rgba(5,18,50,.92)) }
  .engine-flow article:nth-of-type(3) { --card-accent:#7667ff;background:radial-gradient(circle at 10% 0,rgba(79,57,225,.25),transparent 42%),linear-gradient(145deg,rgba(11,28,77,.9),rgba(9,18,54,.92)) }
  .engine-flow article:nth-of-type(4) { --card-accent:#995fff;background:radial-gradient(circle at 10% 0,rgba(109,56,226,.28),transparent 43%),linear-gradient(145deg,rgba(13,25,75,.9),rgba(11,17,52,.92)) }
  .engine-flow article:before { content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#52e8ff,var(--card-accent),transparent);box-shadow:0 0 13px var(--card-accent) }
  .engine-flow article:after { width:180px;height:180px;right:-55px;bottom:-70px;background:radial-gradient(circle,var(--card-accent),transparent 68%);opacity:.18 }
  .engine-flow i { position:relative;z-index:2;width:60px;height:60px;border-radius:13px;border:1px solid #66a9ff;background:linear-gradient(145deg,rgba(40,104,216,.95),rgba(18,53,136,.94));box-shadow:inset 0 0 12px rgba(133,198,255,.26),0 0 13px rgba(31,121,255,.5);font-size:25px;font-weight:500 }
  .engine-flow article:nth-of-type(3) i,.engine-flow article:nth-of-type(4) i { border-color:#8b6cff;background:linear-gradient(145deg,rgba(83,68,218,.95),rgba(46,25,142,.94));box-shadow:inset 0 0 12px rgba(182,151,255,.25),0 0 13px rgba(104,60,255,.5) }
  .engine-flow span { margin-top:28px;font-size:15px;letter-spacing:.22em;color:#52b8ff;font-weight:500 }
  .engine-flow article:nth-of-type(4) span { color:#a765ff }
  .engine-flow h3 { margin:12px 0 20px;font-size:34px;letter-spacing:-.03em }
  .engine-flow p { margin:0;font-size:17px;line-height:1.95;color:#c3cbe0;font-weight:400 }
  .engine-icon { position:absolute;right:14px;bottom:8px;width:96px;height:96px;padding:12px;fill:none;stroke:var(--card-accent,#4f9cff);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55;filter:drop-shadow(0 0 7px var(--card-accent,#4f9cff));transform:skewY(-8deg) }
}

@media (max-width:1000px) {
  .engine { padding-top:95px;padding-bottom:120px }
  .engine .section-head h2 { line-height:1.25 }
  .engine-flow article { position:relative;min-height:300px }
  .engine-icon { position:absolute;right:18px;bottom:14px;width:82px;height:82px;fill:none;stroke:#5c8fff;stroke-width:1.5;opacity:.45 }
}

@media (max-width:720px) {
  .engine .kicker { margin-bottom:24px }
  .engine-flow { gap:0 }
  .engine-flow article { min-height:285px;padding:28px }
  .engine-flow article:nth-of-type(n+3) { margin-top:0 }
  .engine-flow>b { color:#57b7ff;font-size:28px;text-shadow:0 0 10px #2187ff }
}

/* Reference-matched six-product matrix */
.products { background:linear-gradient(180deg,#f8f9fd,#f4f6fb) }
.product-grid { gap:24px;margin-top:26px }
.product-grid article { min-height:690px;padding:32px 30px 34px;border-radius:24px;box-shadow:0 18px 50px rgba(44,58,104,.08);transition:transform .25s,box-shadow .25s }
.product-grid article:hover { transform:translateY(-6px);box-shadow:0 28px 65px rgba(44,58,104,.15) }
.product-grid article>span { top:27px;right:30px;font-size:48px;line-height:1;font-weight:500 }
.product-grid article>i { width:62px;height:62px;border-radius:16px;font-size:28px }
.product-grid article:nth-child(2)::after { top:36px;left:108px;padding:7px 13px;font-size:12px }
.product-grid h3 { margin:27px 0 11px;font-size:29px;letter-spacing:-.035em }
.product-grid article>p { margin:0;padding-right:5px;color:#53627c;font-size:16px;line-height:1.85;font-weight:500 }
.product-grid article>div { left:30px;right:30px;bottom:28px;font-size:14px }
.product-grid article>div em { font-weight:700 }.product-grid article>div b { font-weight:650 }
.card-visual { height:335px;margin:20px -3px 0;border-radius:18px;border-color:rgba(71,83,135,.11);background:rgba(255,255,255,.68);box-shadow:inset 0 1px rgba(255,255,255,.95),0 14px 32px rgba(42,56,96,.08) }
.card-visual:before { content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(81,95,145,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(81,95,145,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none }
.visual-top { position:relative;z-index:2;padding:20px 22px 14px }.visual-top b { font-size:12px }.visual-top em { padding:6px 10px;font-size:10px }
.content-flow { position:relative;z-index:2;gap:18px;padding:21px 15px 16px;border-top:1px solid rgba(83,75,140,.08);border-bottom:1px solid rgba(83,75,140,.08) }.content-flow i { min-width:84px;padding:10px 12px;text-align:center;font-size:12px }.content-flow b { font-size:18px }
.content-bars { position:relative;z-index:2;height:146px;padding:28px 32px 0;gap:12px }.content-bars span { border-radius:10px 10px 4px 4px;box-shadow:0 8px 18px rgba(102,77,188,.14) }.content-bars span:nth-child(1){height:52%}.content-bars span:nth-child(2){height:73%}.content-bars span:nth-child(3){height:96%}
.sales-stage { position:relative;z-index:2;grid-template-columns:1fr 1.15fr;gap:24px;padding:28px 24px 14px }.mini-funnel { gap:8px }.mini-funnel span { height:15px;border-radius:8px }.mini-chat { height:92px;padding:14px;border:1px solid rgba(77,91,160,.1);border-radius:12px }.mini-chat i { height:7px;margin:8px 0 }.mini-chat b { right:10px;top:10px;padding:5px;font-size:9px }.visual-metrics { position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 24px }.visual-metrics span { padding:16px;border-radius:12px;background:rgba(255,255,255,.74);font-size:11px }.visual-metrics b { font-size:24px }
.ip-stage { position:relative;z-index:2;grid-template-columns:130px 1fr;gap:25px;padding:25px 28px }.ip-avatar { width:112px;height:112px;box-shadow:0 0 0 12px rgba(255,255,255,.55),0 0 0 13px rgba(48,169,162,.18) }.ip-avatar i { width:32px;height:32px;left:40px;top:21px }.ip-avatar span { width:59px;height:32px;left:27px;bottom:18px }.ip-waves span { height:9px;margin:13px 0 }.channel-dots { position:relative;z-index:2;gap:12px;margin-top:18px }.channel-dots i { padding:8px 16px;font-size:10px }
.knowledge-map { height:250px;margin:0 18px }.k-core { top:78px;width:96px;height:96px;font-size:13px;box-shadow:0 10px 28px rgba(50,91,164,.3) }.knowledge-map i { width:58px;height:58px;font-size:11px }.k1{left:5%;top:30px}.k2{right:5%;top:30px}.k3{left:15%;bottom:25px}.k4{right:15%;bottom:25px}.knowledge-map b{left:13%;right:13%;top:50px;bottom:42px}
.worker-row { position:relative;z-index:2;gap:14px;padding:28px 18px 16px }.worker-row>span { padding:20px 5px 16px;border:1px solid rgba(190,119,64,.12);border-radius:14px }.worker-row i { width:48px;height:48px;margin-bottom:12px;font-size:17px }.worker-row b { font-size:11px }.worker-pulse { position:relative;z-index:2;margin:14px 18px;padding:18px 20px;border-radius:12px;background:rgba(255,255,255,.7) }.worker-pulse i { width:9px;height:9px }.worker-pulse span { height:6px }
.audience-row { position:relative;z-index:2;padding:28px 24px 20px;gap:15px }.audience-row span { width:54px;height:54px;font-size:14px }.audience-row b { padding:14px 16px;font-size:11px }.visual-acquire svg { left:25px;right:25px;bottom:25px;width:calc(100% - 50px);height:150px }.visual-acquire svg path { stroke-width:2 }
.product-grid article:nth-child(1) { background:linear-gradient(145deg,#f0e9fb,#f8f4fd 68%,#fdfcff) }
.product-grid article:nth-child(2) { background:linear-gradient(145deg,#e8edff,#f4f6ff 68%,#fcfcff);box-shadow:inset 0 4px #6479da,0 20px 48px rgba(52,65,133,.13) }
.product-grid article:nth-child(3) { background:linear-gradient(145deg,#e7f6f4,#f3fbfa 68%,#fcfefe) }
.product-grid article:nth-child(4) { background:linear-gradient(145deg,#e9f4fd,#f5faff 68%,#fdfefe) }
.product-grid article:nth-child(5) { background:linear-gradient(145deg,#fdf0e4,#fff8f1 68%,#fffdfb) }
.product-grid article:nth-child(6) { background:linear-gradient(145deg,#f3e9f7,#faf5fc 68%,#fefcff) }

@media (max-width:1100px) and (min-width:721px) {
  .product-grid { grid-template-columns:repeat(2,1fr) }
}
@media (max-width:720px) {
  .product-grid { gap:18px }.product-grid article { min-height:610px;padding:25px 22px 30px }.product-grid article>span { top:24px;right:23px;font-size:38px }.product-grid article>i { width:54px;height:54px }.product-grid article:nth-child(2)::after { left:88px;top:31px }.card-visual { height:285px;margin-top:18px }.product-grid h3 { font-size:25px }.product-grid article>p { font-size:15px }.product-grid article>div { left:22px;right:22px;font-size:12px }
}

/* Hybrid product cards: responsive code shell + high-detail reference UI */
.product-grid article { min-height:580px }
.reference-shot { height:258px;background:#fff }
.reference-shot:before,.reference-shot>:not(.reference-ui) { display:none!important }
.reference-shot .reference-ui { position:absolute;z-index:2;width:346%;max-width:none;height:auto;top:-32%;display:block;filter:saturate(.94) contrast(.98) }
.reference-shot.crop-1 .reference-ui { left:-10.5% }
.reference-shot.crop-2 .reference-ui { left:-124.5% }
.reference-shot.crop-3 .reference-ui { left:-238% }
.visual-knowledge.reference-shot .reference-ui,.visual-worker.reference-shot .reference-ui,.visual-acquire.reference-shot .reference-ui { top:-29% }

@media (max-width:720px) {
  .product-grid article { min-height:535px }
  .reference-shot { height:210px }
  .reference-shot .reference-ui { top:-25% }
  .visual-knowledge.reference-shot .reference-ui,.visual-worker.reference-shot .reference-ui,.visual-acquire.reference-shot .reference-ui { top:-23% }
}