:root {
  --ink: #07182e;
  --navy: #081f3d;
  --blue: #2864ff;
  --blue-dark: #164dcc;
  --cyan: #00d7e8;
  --mist: #eef6ff;
  --muted: #60748b;
  --line: #dce8f5;
  --surface: #f7fbff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.container { width: min(1240px, calc(100% - 48px)); margin: 0 auto; }

.site-header {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid transparent;
  transition: background .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.site-header.is-scrolled {
  border-color: rgba(194, 214, 237, .7);
  background: rgba(250, 253, 255, .88);
  box-shadow: 0 10px 35px rgba(24, 65, 112, .07);
  backdrop-filter: blur(20px) saturate(150%);
}
.nav-row { height: 78px; display: flex; align-items: center; gap: 36px; }
.brand { display: inline-flex; align-items: center; flex: 0 0 auto; }
.brand img { width: 205px; height: auto; object-fit: contain; }
.brand-inverse img { filter: brightness(0) invert(1); opacity: .96; }
.desktop-nav { display: flex; gap: 39px; margin-left: auto; }
.desktop-nav a { position: relative; color: #3f536a; font-size: 13px; font-weight: 650; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -12px; height: 2px; background: var(--blue); transition: right .22s ease; }
.desktop-nav a:hover { color: var(--blue); }
.desktop-nav a:hover::after { right: 0; }
.nav-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 7px;
  padding: 11px 18px;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(135deg, #1b51e4, #347fff);
  box-shadow: 0 10px 24px rgba(40, 100, 255, .22);
  font-size: 12px;
  font-weight: 750;
  transition: transform .2s ease, box-shadow .2s ease;
}
.nav-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(40, 100, 255, .3); }
.mobile-menu, .menu-trigger, .mobile-nav { display: none; }

.hero-section {
  position: relative;
  min-height: 940px;
  overflow: hidden;
  padding-top: 78px;
  background:
    radial-gradient(circle at 79% 35%, rgba(102, 183, 255, .25), transparent 28%),
    radial-gradient(circle at 5% 0%, rgba(255, 255, 255, .95), transparent 32%),
    linear-gradient(145deg, #fbfdff 4%, #edf6ff 48%, #dcecff 100%);
}
.hero-mesh {
  position: absolute;
  inset: 0;
  opacity: .35;
  background-image: linear-gradient(rgba(53, 111, 190, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(53, 111, 190, .055) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, black, transparent 84%);
}
.hero-beam {
  position: absolute;
  width: 900px;
  height: 150px;
  border-top: 1px solid rgba(61, 124, 255, .25);
  border-radius: 50%;
  filter: blur(.2px);
}
.beam-one { right: -120px; top: 230px; transform: rotate(-16deg); box-shadow: 0 -25px 80px rgba(71, 149, 255, .13); }
.beam-two { left: -330px; bottom: 140px; transform: rotate(11deg); }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .89fr 1.11fr; min-height: 700px; align-items: center; gap: 12px; }
.hero-copy { padding: 64px 0 30px; }
.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  color: #1e5be6;
  border: 1px solid rgba(40, 100, 255, .2);
  border-radius: 999px;
  background: rgba(255, 255, 255, .66);
  box-shadow: inset 0 1px 0 #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
}
.hero-copy h1 {
  max-width: 720px;
  margin: 23px 0 21px;
  font-size: clamp(53px, 5.2vw, 74px);
  line-height: 1.08;
  letter-spacing: -.065em;
  font-weight: 850;
}
.hero-copy h1 span {
  color: transparent;
  background: linear-gradient(100deg, #1c50dc 5%, #337cff 56%, #00b9c9 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.hero-copy > p { max-width: 555px; margin: 0; color: #536c85; font-size: 16px; line-height: 1.92; }
.hero-actions { display: flex; align-items: center; gap: 25px; margin-top: 31px; }
.primary-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 23px;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(135deg, #174ddd, #337fff);
  box-shadow: 0 16px 33px rgba(32, 94, 232, .25);
  font-size: 13px;
  font-weight: 750;
  transition: transform .2s ease, box-shadow .2s ease;
}
.primary-button:hover { transform: translateY(-3px); box-shadow: 0 21px 42px rgba(32, 94, 232, .32); }
.text-button { display: inline-flex; align-items: center; gap: 9px; color: #2c4662; font-size: 13px; font-weight: 700; }
.text-button > span { width: 34px; height: 34px; display: grid; place-items: center; color: var(--blue); border: 1px solid #bfd1e6; border-radius: 50%; background: rgba(255, 255, 255, .62); transition: background .2s ease; }
.text-button:hover > span { background: #fff; }
.hero-assurance { display: flex; align-items: center; gap: 17px; margin-top: 27px; color: #61768d; font-size: 11px; }
.hero-assurance span { display: inline-flex; align-items: center; gap: 6px; }
.hero-assurance svg { color: var(--blue); }
.hero-assurance > i { width: 1px; height: 14px; background: #c2d2e4; }

.hero-stage { position: relative; height: 630px; isolation: isolate; }
.stage-halo { position: absolute; left: 50%; top: 46%; border-radius: 50%; transform: translate(-50%, -50%); z-index: -3; }
.halo-one { width: 535px; height: 535px; border: 1px solid rgba(255, 255, 255, .8); background: radial-gradient(circle, rgba(255, 255, 255, .92) 0, rgba(210, 234, 255, .37) 49%, transparent 70%); box-shadow: inset 0 0 80px rgba(56, 136, 255, .13), 0 0 90px rgba(74, 151, 255, .15); }
.halo-two { width: 390px; height: 390px; border: 1px solid rgba(54, 127, 255, .17); box-shadow: 0 0 0 34px rgba(255, 255, 255, .1), 0 0 0 72px rgba(255, 255, 255, .055); }
.stage-core { position: absolute; width: 310px; height: 72px; left: 50%; bottom: 79px; transform: translateX(-50%); border: 1px solid rgba(50, 125, 255, .22); border-radius: 50%; background: radial-gradient(ellipse, rgba(255, 255, 255, .9) 9%, rgba(52, 128, 255, .29) 36%, rgba(0, 215, 232, .08) 63%, transparent 72%); box-shadow: 0 18px 38px rgba(36, 98, 192, .18); z-index: -1; }
.stage-core::before { content: ""; position: absolute; inset: 13px 42px; border: 2px solid rgba(44, 126, 255, .4); border-radius: 50%; box-shadow: 0 0 18px rgba(0, 215, 232, .38); }
.stage-orbit { position: absolute; left: 50%; top: 46%; border: 1px solid rgba(34, 105, 236, .26); border-radius: 50%; z-index: -2; }
.stage-orbit i { position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #33a8ff; box-shadow: 0 0 14px #33a8ff; }
.orbit-a { width: 560px; height: 275px; transform: translate(-50%, -50%) rotate(-13deg); animation: orbitGlow 5.2s ease-in-out infinite; }
.orbit-b { width: 390px; height: 540px; transform: translate(-50%, -50%) rotate(48deg); animation: orbitGlow 5.2s -2.6s ease-in-out infinite; }
.orbit-a i:first-child { left: 8%; top: 42%; }.orbit-a i:last-child { right: 14%; bottom: 15%; }
.orbit-b i:first-child { left: 28%; top: 3%; }.orbit-b i:last-child { right: 2%; top: 52%; }
.hero-kun {
  position: absolute;
  width: 390px;
  height: 390px;
  left: 50%;
  top: 43%;
  object-fit: contain;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 28px 36px rgba(28, 82, 164, .23));
  animation: kunFloat 5.4s ease-in-out infinite;
  z-index: 3;
}
.stage-label { position: absolute; left: 50%; bottom: 66px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; color: #365f85; border: 1px solid rgba(255, 255, 255, .88); border-radius: 999px; background: rgba(255, 255, 255, .72); backdrop-filter: blur(10px); box-shadow: 0 7px 20px rgba(37, 88, 148, .1); font-size: 9px; font-weight: 800; letter-spacing: .09em; }
.stage-label i { width: 6px; height: 6px; border-radius: 50%; background: #23c985; box-shadow: 0 0 0 4px rgba(35, 201, 133, .14); }
.orbit-module {
  position: absolute;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: 15px;
  background: rgba(255, 255, 255, .72);
  backdrop-filter: blur(16px);
  box-shadow: 0 15px 40px rgba(37, 84, 143, .12), inset 0 1px 0 #fff;
  animation: moduleFloat 5s ease-in-out infinite;
}
.orbit-module > span { width: 35px; height: 35px; display: grid; place-items: center; color: var(--blue); border-radius: 11px; background: linear-gradient(145deg, #eaf3ff, #fff); }
.orbit-module > div { display: flex; flex-direction: column; gap: 3px; }
.orbit-module strong { font-size: 12px; }.orbit-module small { color: #6f8397; font-size: 8px; }
.module-knowledge { left: 0; top: 20%; }.module-think { right: 3%; top: 16%; animation-delay: -1.2s; }
.module-action { right: 5%; bottom: 20%; animation-delay: -2.4s; }.module-evolve { left: 4%; bottom: 22%; animation-delay: -3.5s; }
.activity-rail {
  position: absolute;
  z-index: 6;
  right: -96px;
  top: 32%;
  width: 176px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: 17px;
  background: rgba(255, 255, 255, .68);
  backdrop-filter: blur(18px);
  box-shadow: 0 17px 42px rgba(38, 79, 129, .12), inset 0 1px 0 #fff;
}
.rail-title { display: flex; align-items: center; gap: 7px; padding-bottom: 9px; color: #536b82; border-bottom: 1px solid #e0e9f2; font-size: 9px; font-weight: 700; }
.rail-title i { width: 6px; height: 6px; border-radius: 50%; background: #23c985; }
.activity-rail > div:not(.rail-title) { display: grid; grid-template-columns: 27px 1fr auto; gap: 8px; align-items: center; padding: 10px 0; border-bottom: 1px solid #e9eff5; }
.activity-rail > div:last-child { border-bottom: 0; padding-bottom: 2px; }
.rail-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 9px; }
.rail-icon.blue { color: #2c6cf8; background: #e8f1ff; }.rail-icon.cyan { color: #0aaeb9; background: #e4fafa; }.rail-icon.violet { color: #6a5ee2; background: #eeeafd; }
.activity-rail p { margin: 0; display: flex; flex-direction: column; gap: 2px; }.activity-rail p strong { font-size: 8px; }.activity-rail p small { color: #8292a3; font-size: 6px; }.activity-rail > div > b { color: #94a2b1; font-size: 6px; font-weight: 500; white-space: nowrap; }

.hero-stats {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: .75fr .75fr .9fr 1.6fr;
  min-height: 112px;
  margin-top: -2px;
  border: 1px solid rgba(255, 255, 255, .91);
  border-radius: 23px;
  background: rgba(255, 255, 255, .76);
  backdrop-filter: blur(22px);
  box-shadow: 0 25px 58px rgba(40, 81, 129, .11), inset 0 1px 0 #fff;
}
.hero-stats > div { display: flex; align-items: baseline; justify-content: center; gap: 10px; border-right: 1px solid #dfebf6; }
.hero-stats > div:nth-child(3) { border-right: 0; }
.hero-stats strong { color: #1657e6; font-size: 29px; letter-spacing: -.04em; }.hero-stats sup { font-size: 12px; }.hero-stats span { color: #65788c; font-size: 10px; }
.hero-stats .stats-note { flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; padding-left: 35px; color: #fff; border-right: 0; border-radius: 0 22px 22px 0; background: linear-gradient(120deg, #09264e, #0d3f83); }
.stats-note span { color: #6da8e9; font-size: 8px; font-weight: 800; letter-spacing: .17em; }.stats-note strong { color: #fff; font-size: 16px; letter-spacing: -.02em; }

.section-heading h2 {
  margin: 15px 0 0;
  font-size: clamp(38px, 4.2vw, 53px);
  line-height: 1.18;
  letter-spacing: -.05em;
}
.section-heading h2 span { color: var(--blue); }
.section-kicker { color: var(--blue); font-size: 10px; font-weight: 850; letter-spacing: .16em; }
.section-kicker.light { color: #69e0eb; }
.section-heading > p, .section-heading > div > p { color: var(--muted); font-size: 14px; line-height: 1.9; }

.platform-section { padding: 125px 0 120px; background: #fff; }
.platform-heading { display: grid; grid-template-columns: 1.3fr .7fr; gap: 80px; align-items: end; }
.platform-heading > p { margin: 0 0 7px; }
.platform-shell { margin-top: 55px; overflow: hidden; color: #e8f2ff; border: 1px solid #153766; border-radius: 30px; background: radial-gradient(circle at 72% 25%, rgba(32, 97, 207, .18), transparent 30%), linear-gradient(145deg, #06162d, #082343); box-shadow: 0 35px 85px rgba(6, 29, 64, .24); }
.shell-topbar { height: 66px; display: flex; align-items: center; gap: 25px; padding: 0 25px; border-bottom: 1px solid rgba(140, 179, 225, .13); }
.shell-topbar .brand img { width: 148px; }.shell-topbar > span { padding-left: 24px; color: #8ea7c2; border-left: 1px solid rgba(147, 182, 219, .17); font-size: 9px; }
.shell-topbar > div { display: flex; align-items: center; gap: 7px; margin-left: auto; }.shell-topbar > div i { width: 7px; height: 7px; border-radius: 50%; background: #365474; }.shell-topbar > div b { width: 28px; height: 28px; margin-left: 10px; border-radius: 50%; background: linear-gradient(145deg, #377ef0, #78b8ff); }
.shell-layout { display: grid; grid-template-columns: 200px 1fr; min-height: 540px; }
.shell-sidebar { display: flex; flex-direction: column; gap: 8px; padding: 22px 16px 17px; border-right: 1px solid rgba(139, 178, 219, .13); }
.shell-nav { display: flex; align-items: center; gap: 10px; padding: 11px 13px; color: #7f99b5; border-radius: 10px; font-size: 10px; }
.shell-nav.active { color: #fff; background: linear-gradient(90deg, rgba(41, 101, 236, .64), rgba(48, 127, 255, .15)); }
.shell-user { display: flex; align-items: center; gap: 9px; margin-top: auto; padding: 12px; border: 1px solid rgba(129, 169, 216, .13); border-radius: 12px; background: rgba(255, 255, 255, .035); }
.shell-user > i { width: 29px; height: 29px; display: grid; place-items: center; color: #fff; border-radius: 9px; background: #2864ff; font-size: 10px; font-style: normal; }
.shell-user > span { display: flex; flex-direction: column; gap: 3px; }.shell-user strong { font-size: 8px; }.shell-user small { color: #60809e; font-size: 6px; }
.shell-main { padding: 25px; }
.shell-welcome { position: relative; min-height: 106px; display: grid; grid-template-columns: 1fr 1.2fr 38px; align-items: center; gap: 17px; padding: 20px 22px; overflow: hidden; border: 1px solid rgba(132, 173, 221, .14); border-radius: 17px; background: linear-gradient(120deg, rgba(37, 96, 201, .18), rgba(20, 55, 102, .12)); }
.shell-welcome::after { content: ""; position: absolute; width: 180px; height: 180px; right: -70px; top: -75px; border-radius: 50%; background: radial-gradient(circle, rgba(54, 132, 255, .23), transparent 67%); }
.shell-welcome > div { display: flex; flex-direction: column; gap: 6px; }.shell-welcome small { color: #7393b4; font-size: 8px; }.shell-welcome strong { color: #fff; font-size: 14px; }
.shell-welcome > span { height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 14px; color: #708ba8; border: 1px solid rgba(143, 182, 224, .18); border-radius: 11px; background: rgba(6, 24, 52, .6); font-size: 8px; }
.shell-welcome button { z-index: 2; width: 38px; height: 38px; display: grid; place-items: center; color: #fff; border: 0; border-radius: 11px; background: #2f76f7; cursor: pointer; }
.intelligence-loop { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-top: 14px; }
.loop-item { position: relative; display: flex; align-items: center; gap: 10px; min-height: 80px; padding: 13px; border: 1px solid rgba(130, 169, 210, .12); border-radius: 13px; background: rgba(255, 255, 255, .035); }
.loop-item > span { width: 34px; height: 34px; display: grid; place-items: center; color: #6ee1ec; border-radius: 10px; background: rgba(48, 119, 245, .13); }
.loop-item > div { display: flex; flex-direction: column; gap: 4px; }.loop-item strong { font-size: 10px; }.loop-item small { color: #6985a1; font-size: 6px; line-height: 1.5; }.loop-arrow { position: absolute; right: -14px; z-index: 3; color: #345f8e; }
.shell-bottom { display: grid; grid-template-columns: 1.4fr .6fr; gap: 13px; margin-top: 14px; }
.task-panel, .agents-panel { padding: 17px; border: 1px solid rgba(132, 171, 213, .12); border-radius: 15px; background: rgba(255, 255, 255, .03); }
.panel-head { display: flex; align-items: center; justify-content: space-between; color: #dce9f7; font-size: 9px; }.panel-head small { color: #6f8aa5; font-size: 7px; }
.line-chart { position: relative; height: 170px; margin-top: 13px; overflow: hidden; border-bottom: 1px solid rgba(110, 151, 195, .13); background-image: linear-gradient(rgba(128, 167, 207, .08) 1px, transparent 1px); background-size: 100% 42px; }
.line-chart svg { position: absolute; inset: 20px 0 0; width: 100%; height: 130px; }.chart-point { position: absolute; right: 0; top: 25px; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: #3d7cff; box-shadow: 0 0 0 5px rgba(61, 124, 255, .16); }
.agents-panel { display: flex; flex-direction: column; gap: 10px; }
.agent-row { display: grid; grid-template-columns: 30px 1fr 6px; gap: 8px; align-items: center; padding: 9px; border-radius: 10px; background: rgba(255, 255, 255, .035); }
.agent-row > i { width: 30px; height: 30px; display: grid; place-items: center; color: #fff; border-radius: 9px; }.agent-color.c0 { background: #2870ed; }.agent-color.c1 { background: #0eabb6; }.agent-color.c2 { background: #6b5cda; }
.agent-row > span { display: flex; flex-direction: column; gap: 3px; }.agent-row strong { font-size: 8px; }.agent-row small { color: #69849f; font-size: 6px; }.agent-row > b { width: 6px; height: 6px; border-radius: 50%; background: #27c888; box-shadow: 0 0 0 4px rgba(39, 200, 136, .1); }

.products-section { padding: 125px 0; background: linear-gradient(180deg, #f3f8fe, #fff 92%); }
.centered-heading { max-width: 820px; margin: 0 auto; text-align: center; }.centered-heading > p { max-width: 650px; margin: 18px auto 0; }
.product-switcher { position: relative; }
.product-radio { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.product-tabs { display: grid; grid-template-columns: repeat(6, 1fr); gap: 9px; margin-top: 46px; padding: 8px; border: 1px solid #dfeaf5; border-radius: 18px; background: rgba(255, 255, 255, .78); box-shadow: 0 14px 35px rgba(39, 78, 123, .06); }
.product-tabs label { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 54px; padding: 8px; color: #61758c; border: 0; border-radius: 12px; background: transparent; cursor: pointer; transition: all .22s ease; }
.product-tabs label > span { width: 31px; height: 31px; display: grid; place-items: center; color: var(--tab-color); border-radius: 9px; background: color-mix(in srgb, var(--tab-color) 9%, white); }
.product-tabs label strong { font-size: 10px; white-space: nowrap; }
.product-tabs label:hover { color: #1e3c5b; background: #f4f8fd; }
.product-radio:focus-visible ~ .product-tabs { outline: 3px solid rgba(40, 100, 255, .22); outline-offset: 4px; }
#product-recruit:checked ~ .product-tabs label[for="product-recruit"],
#product-office:checked ~ .product-tabs label[for="product-office"],
#product-geo:checked ~ .product-tabs label[for="product-geo"],
#product-aigc:checked ~ .product-tabs label[for="product-aigc"],
#product-growth:checked ~ .product-tabs label[for="product-growth"],
#product-service:checked ~ .product-tabs label[for="product-service"] { color: #fff; background: linear-gradient(135deg, #0a2c66, #1458bd); box-shadow: 0 9px 20px rgba(16, 67, 145, .21); }
#product-recruit:checked ~ .product-tabs label[for="product-recruit"] > span,
#product-office:checked ~ .product-tabs label[for="product-office"] > span,
#product-geo:checked ~ .product-tabs label[for="product-geo"] > span,
#product-aigc:checked ~ .product-tabs label[for="product-aigc"] > span,
#product-growth:checked ~ .product-tabs label[for="product-growth"] > span,
#product-service:checked ~ .product-tabs label[for="product-service"] > span { color: #fff; background: rgba(255, 255, 255, .12); }
.product-feature { min-height: 520px; display: none; grid-template-columns: .72fr 1.28fr; align-items: center; gap: 38px; margin-top: 17px; padding: 42px 0 42px 45px; overflow: hidden; border: 1px solid #d9e6f4; border-radius: 28px; background: radial-gradient(circle at 75% 30%, color-mix(in srgb, var(--product-color) 11%, white), transparent 38%), #fff; box-shadow: 0 28px 70px rgba(37, 76, 124, .1); }
#product-recruit:checked ~ .product-panels .panel-recruit,
#product-office:checked ~ .product-panels .panel-office,
#product-geo:checked ~ .product-panels .panel-geo,
#product-aigc:checked ~ .product-panels .panel-aigc,
#product-growth:checked ~ .product-panels .panel-growth,
#product-service:checked ~ .product-panels .panel-service { display: grid; }
.product-copy > span { color: var(--product-color); font-size: 9px; font-weight: 850; letter-spacing: .16em; }.product-copy h3 { margin: 17px 0 15px; font-size: 35px; letter-spacing: -.045em; }.product-copy > p { margin: 0; color: #65788d; font-size: 13px; line-height: 1.9; }
.product-copy ul { display: flex; flex-wrap: wrap; gap: 9px; margin: 25px 0; padding: 0; list-style: none; }.product-copy li { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; color: #425a71; border-radius: 8px; background: #f2f6fb; font-size: 9px; }.product-copy li svg { color: var(--product-color); }
.product-copy > a { display: inline-flex; align-items: center; gap: 8px; color: var(--product-color); font-size: 11px; font-weight: 750; }
.product-visual { margin-right: -58px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .82); border-radius: 23px 0 0 23px; color: #e9f2ff; background: #071a34; box-shadow: 0 26px 58px color-mix(in srgb, var(--product-color) 21%, transparent); transform: perspective(1000px) rotateY(-3deg); transform-origin: right center; }
.visual-toolbar { height: 42px; display: flex; align-items: center; padding: 0 16px; border-bottom: 1px solid rgba(143, 180, 221, .12); }.visual-toolbar > div { display: flex; gap: 5px; }.visual-toolbar > div i { width: 6px; height: 6px; border-radius: 50%; background: #3b536e; }.visual-toolbar > span { margin-left: auto; color: #627e9c; font-size: 7px; letter-spacing: .13em; }.visual-toolbar > b { display: flex; align-items: center; gap: 5px; margin-left: 15px; padding: 5px 8px; color: #64d9a3; border-radius: 999px; background: rgba(37, 199, 130, .1); font-size: 7px; }.visual-toolbar > b i { width: 5px; height: 5px; border-radius: 50%; background: #38cc8c; }
.visual-canvas { display: grid; grid-template-columns: 58px 1fr; min-height: 365px; }.visual-side { display: flex; flex-direction: column; align-items: center; gap: 19px; padding-top: 19px; border-right: 1px solid rgba(136, 176, 220, .11); }.side-brand { width: 31px; height: 31px; display: grid; place-items: center; color: #fff; border-radius: 9px; background: var(--product-color); }.visual-side > i { width: 17px; height: 4px; border-radius: 4px; background: #314c69; }.visual-side > i.active { background: #5c9cff; }
.visual-main { padding: 24px 24px 22px; }.visual-title { display: flex; align-items: center; justify-content: space-between; }.visual-title > div { display: flex; flex-direction: column; gap: 5px; }.visual-title small { color: #597795; font-size: 7px; letter-spacing: .12em; }.visual-title strong { color: #fff; font-size: 13px; }.visual-title > span { padding: 5px 8px; color: #6d89a6; border: 1px solid rgba(130, 170, 216, .14); border-radius: 7px; font-size: 7px; }
.process-flow { display: flex; align-items: center; margin-top: 50px; }.process-wrap { flex: 1; display: flex; align-items: center; }.process-node { position: relative; flex: 1; min-height: 116px; padding: 14px; border: 1px solid rgba(128, 169, 215, .16); border-radius: 13px; background: rgba(255, 255, 255, .04); }.process-node > span { width: 33px; height: 33px; display: grid; place-items: center; margin-bottom: 13px; color: #fff; border-radius: 9px; background: var(--product-color); }.process-node > div { display: flex; flex-direction: column; gap: 4px; }.process-node small { color: #52708f; font-size: 6px; }.process-node strong { font-size: 9px; }.process-node > b { position: absolute; right: 9px; top: 9px; width: 18px; height: 18px; display: grid; place-items: center; color: #5ed19e; border-radius: 50%; background: rgba(48, 196, 130, .12); }
.process-line { width: 28px; height: 1px; background: #2e609a; }.process-line i { display: block; width: 8px; height: 8px; margin: -4px auto 0; border: 2px solid #6ca6ef; border-radius: 50%; background: #0a1e3b; box-shadow: 0 0 8px #367ef1; }
.visual-output { display: grid; grid-template-columns: .8fr 1.4fr .8fr; align-items: center; gap: 15px; margin-top: 22px; padding: 13px; border-radius: 12px; background: rgba(255, 255, 255, .035); }.visual-output > div:first-child { display: flex; flex-direction: column; gap: 4px; }.visual-output small { color: #5e7b98; font-size: 6px; }.visual-output strong { font-size: 10px; }.visual-output > span { display: inline-flex; justify-content: flex-end; align-items: center; gap: 5px; color: #54d49b; font-size: 7px; }
.output-wave { height: 35px; display: flex; align-items: end; gap: 4px; }.output-wave i { flex: 1; border-radius: 3px 3px 0 0; background: linear-gradient(var(--product-color), color-mix(in srgb, var(--product-color) 20%, transparent)); }.output-wave i:nth-child(1) { height: 25%; }.output-wave i:nth-child(2) { height: 38%; }.output-wave i:nth-child(3) { height: 48%; }.output-wave i:nth-child(4) { height: 71%; }.output-wave i:nth-child(5) { height: 56%; }.output-wave i:nth-child(6) { height: 88%; }.output-wave i:nth-child(7) { height: 76%; }.output-wave i:nth-child(8) { height: 100%; }

.solutions-section { padding: 125px 0; color: #fff; background: radial-gradient(circle at 80% 8%, rgba(43, 103, 214, .22), transparent 28%), linear-gradient(145deg, #06152c, #092548); }
.solution-heading { display: grid; grid-template-columns: 1.3fr .7fr; gap: 80px; align-items: end; }.solution-heading > p { margin: 0 0 8px; color: #9ab0c8; }.solution-heading h2 span { color: #63dbe7; }
.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 55px; }
.solution-grid article { position: relative; min-height: 410px; padding: 30px; overflow: hidden; border: 1px solid rgba(144, 183, 227, .14); border-radius: 23px; background: rgba(255, 255, 255, .045); transition: transform .28s ease, border-color .28s ease, background .28s ease; }
.solution-grid article::after { content: ""; position: absolute; width: 220px; height: 220px; right: -100px; bottom: -105px; border-radius: 50%; background: radial-gradient(circle, rgba(49, 125, 255, .32), transparent 68%); }
.solution-grid article:hover { transform: translateY(-7px); border-color: rgba(118, 181, 241, .28); background: rgba(255, 255, 255, .065); }
.solution-index { position: absolute; top: 22px; right: 24px; color: #436184; font-size: 13px; font-weight: 800; }.solution-icon { width: 52px; height: 52px; display: grid; place-items: center; margin-bottom: 37px; color: #6be0eb; border: 1px solid rgba(107, 224, 235, .2); border-radius: 16px; background: rgba(48, 126, 255, .13); }
.solution-grid article > span { color: #5f7f9f; font-size: 8px; font-weight: 800; letter-spacing: .15em; }.solution-grid h3 { margin: 10px 0 14px; font-size: 25px; letter-spacing: -.035em; }.solution-grid p { margin: 0; min-height: 70px; color: #9bb0c6; font-size: 12px; line-height: 1.85; }
.solution-products { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 30px; }.solution-products i { padding: 7px 9px; color: #afc5dc; border: 1px solid rgba(137, 178, 221, .13); border-radius: 999px; background: rgba(255, 255, 255, .035); font-size: 8px; font-style: normal; }
.solution-grid article > a { position: absolute; z-index: 2; right: 27px; bottom: 26px; width: 38px; height: 38px; display: grid; place-items: center; color: #77dfe9; border: 1px solid rgba(111, 201, 226, .23); border-radius: 50%; transition: background .2s ease; }.solution-grid article > a:hover { color: #071a32; background: #75e1eb; }

.about-section { padding: 125px 0; background: linear-gradient(180deg, #f4f9ff, #fff); }.about-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; }.about-copy h2 { margin: 15px 0 20px; font-size: clamp(39px, 4.2vw, 53px); line-height: 1.18; letter-spacing: -.05em; }.about-copy h2 span { color: var(--blue); }.about-copy > p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.95; }
.about-values { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 29px; }.about-values span { display: flex; align-items: center; gap: 8px; padding: 11px; color: #38526e; border: 1px solid #dfebf6; border-radius: 11px; background: rgba(255, 255, 255, .75); font-size: 10px; }.about-values svg { color: var(--blue); }
.roadmap { padding: 26px; border: 1px solid #d9e6f4; border-radius: 25px; background: #fff; box-shadow: 0 26px 65px rgba(36, 75, 121, .1); }.roadmap-head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 18px; border-bottom: 1px solid #e8eff7; }.roadmap-head > span { font-size: 13px; font-weight: 750; }.roadmap-head > b { padding: 6px 9px; color: #1eab72; border-radius: 999px; background: #e8f8f1; font-size: 7px; }
.roadmap-row { position: relative; display: grid; grid-template-columns: 38px 1fr 25px; gap: 11px; align-items: center; padding: 16px 0; border-bottom: 1px solid #edf2f7; }.roadmap-row > i { width: 31px; height: 31px; display: grid; place-items: center; color: #2d69ed; border-radius: 9px; background: #edf4ff; font-size: 8px; font-style: normal; font-weight: 800; }.roadmap-row > span { display: flex; flex-direction: column; gap: 4px; }.roadmap-row strong { font-size: 10px; }.roadmap-row small { color: #8595a6; font-size: 8px; }.roadmap-row > b { width: 23px; height: 23px; display: grid; place-items: center; color: #fff; border-radius: 50%; background: #cdd9e5; }.roadmap-row > b.done { background: #2b70ee; }
.governance { display: flex; align-items: center; gap: 11px; margin-top: 17px; padding: 13px; color: #2660d7; border-radius: 12px; background: #edf5ff; }.governance > span { display: flex; flex-direction: column; gap: 3px; }.governance strong { color: #294866; font-size: 9px; }.governance small { color: #8295a8; font-size: 7px; }

.contact-section { padding: 25px 0 100px; }.contact-card { position: relative; min-height: 330px; display: flex; align-items: center; justify-content: space-between; gap: 60px; overflow: hidden; padding: 62px 66px; color: #fff; border-radius: 33px; background: radial-gradient(circle at 78% 10%, rgba(70, 179, 255, .38), transparent 30%), linear-gradient(125deg, #092c78, #1c61e8 61%, #21a1ec); box-shadow: 0 30px 76px rgba(31, 92, 204, .23); }.contact-card::after { content: ""; position: absolute; width: 430px; height: 430px; right: -150px; top: -210px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%; box-shadow: 0 0 0 45px rgba(255, 255, 255, .035), 0 0 0 90px rgba(255, 255, 255, .02); }.contact-glow { position: absolute; width: 13px; height: 13px; left: 58%; top: 19%; border-radius: 50%; background: #62edf4; box-shadow: 0 0 26px #62edf4; }
.contact-copy { position: relative; z-index: 2; max-width: 750px; }.contact-copy > span { display: inline-flex; align-items: center; gap: 7px; color: #b9eaf7; font-size: 9px; font-weight: 800; letter-spacing: .15em; }.contact-copy h2 { margin: 17px 0 14px; font-size: clamp(34px, 3.8vw, 49px); line-height: 1.26; letter-spacing: -.05em; }.contact-copy p { max-width: 650px; margin: 0; color: #c8daf1; font-size: 12px; line-height: 1.8; }
.contact-action { position: relative; z-index: 3; min-width: 220px; display: flex; flex-direction: column; align-items: center; gap: 13px; }.contact-action > a { width: 100%; display: flex; align-items: center; justify-content: center; gap: 9px; padding: 15px 20px; color: #1748b4; border-radius: 999px; background: #fff; box-shadow: 0 16px 35px rgba(0, 37, 118, .22); font-size: 12px; font-weight: 800; transition: transform .2s ease; }.contact-action > a:hover { transform: translateY(-3px); }.contact-action small { display: flex; align-items: center; gap: 5px; color: #c0dcf6; font-size: 8px; white-space: nowrap; }

footer { color: #cbd9e8; background: #06152d; }.footer-main { display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 58px 0 45px; }.footer-main .brand img { width: 190px; }.footer-main p { margin: 17px 0 0; color: #738ba4; font-size: 10px; }.footer-main nav { display: flex; gap: 35px; }.footer-main nav a { color: #849aaf; font-size: 10px; }.footer-main nav a:hover { color: #6cdee9; }.footer-bottom { display: flex; justify-content: space-between; padding: 20px 0; color: #4e6983; border-top: 1px solid rgba(133, 169, 207, .12); font-size: 8px; letter-spacing: .04em; }

@keyframes kunFloat { 0%, 100% { transform: translate(-50%, -50%) translateY(0) rotate(-1deg); } 50% { transform: translate(-50%, -50%) translateY(-13px) rotate(1deg); } }
@keyframes moduleFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes orbitGlow { 0%, 100% { opacity: .58; } 50% { opacity: 1; } }

@media (max-width: 1110px) {
  .activity-rail { right: -28px; transform: scale(.88); transform-origin: center right; }
  .hero-copy h1 { font-size: 60px; }
  .product-tabs label strong { font-size: 9px; }
  .platform-shell { border-radius: 26px; }
}

@media (max-width: 900px) {
  .container { width: min(720px, calc(100% - 34px)); }
  .desktop-nav, .nav-cta { display: none; }
  .mobile-menu { display: block; margin-left: auto; }
  .menu-trigger { display: grid; place-items: center; width: 40px; height: 40px; color: var(--ink); border: 1px solid #d6e4f3; border-radius: 12px; background: rgba(255, 255, 255, .78); cursor: pointer; list-style: none; }
  .menu-trigger::-webkit-details-marker { display: none; }
  .mobile-nav { display: flex; position: absolute; top: 78px; left: 0; right: 0; flex-direction: column; gap: 5px; padding: 15px 20px 21px; border-bottom: 1px solid #d7e4f2; background: rgba(250, 253, 255, .98); box-shadow: 0 18px 40px rgba(31, 67, 109, .12); }
  .mobile-menu:not([open]) .mobile-nav { display: none; }
  .mobile-nav a { padding: 10px; font-size: 13px; font-weight: 700; }
  .hero-section { min-height: auto; }
  .hero-layout { grid-template-columns: 1fr; padding-top: 50px; }
  .hero-copy { padding: 45px 0 0; text-align: center; }
  .hero-copy h1, .hero-copy > p { margin-left: auto; margin-right: auto; }
  .hero-actions, .hero-assurance { justify-content: center; }
  .hero-stage { width: 680px; max-width: 100%; height: 600px; margin: -20px auto 0; transform: scale(.92); }
  .activity-rail { right: 2%; }
  .hero-stats { grid-template-columns: repeat(3, 1fr); margin-bottom: 60px; }
  .hero-stats .stats-note { grid-column: 1 / -1; min-height: 78px; border-radius: 0 0 22px 22px; }
  .hero-stats > div:nth-child(3) { border-right: 0; }
  .platform-heading, .solution-heading { grid-template-columns: 1fr; gap: 17px; }
  .platform-heading > p, .solution-heading > p { max-width: 600px; }
  .shell-layout { grid-template-columns: 1fr; }.shell-sidebar { display: none; }
  .product-tabs { grid-template-columns: repeat(3, 1fr); }
  .product-feature { grid-template-columns: 1fr; padding: 38px 0 0 38px; }
  .product-copy { padding-right: 38px; }.product-visual { margin: 0 0 -25px 30px; transform: none; }
  .solution-grid { grid-template-columns: 1fr; }.solution-grid article { min-height: 350px; }
  .about-grid { grid-template-columns: 1fr; gap: 45px; }
  .contact-card { flex-direction: column; align-items: flex-start; padding: 52px; }.contact-action { align-items: flex-start; }
}

@media (max-width: 620px) {
  .container { width: calc(100% - 28px); }
  .nav-row { height: 70px; }.brand img { width: 172px; }.mobile-nav { top: 70px; }
  .hero-section { padding-top: 70px; }
  .hero-copy { padding-top: 31px; }.hero-eyebrow { font-size: 9px; }.hero-copy h1 { font-size: 43px; }.hero-copy > p { font-size: 14px; }.hero-actions { flex-direction: column; gap: 15px; }.primary-button { width: 100%; justify-content: center; }.hero-assurance { gap: 8px; font-size: 9px; }
  .hero-stage { width: 570px; max-width: 142%; height: 525px; margin-left: -21%; transform: scale(.77); }
  .hero-kun { width: 360px; height: 360px; }.activity-rail { right: -1%; }.module-knowledge { left: 3%; }.module-think { right: 4%; }
  .hero-stats { margin-top: -36px; }.hero-stats strong { font-size: 24px; }.hero-stats > div { min-height: 80px; flex-direction: column; align-items: center; gap: 1px; }.hero-stats span { font-size: 8px; }.hero-stats .stats-note { align-items: flex-start; padding-left: 23px; }
  .platform-section, .products-section, .solutions-section, .about-section { padding: 88px 0; }
  .section-heading h2, .about-copy h2 { font-size: 34px; }
  .platform-shell { margin-top: 38px; border-radius: 20px; }
  .shell-topbar { height: 56px; padding: 0 15px; }.shell-topbar .brand img { width: 125px; }.shell-topbar > span { display: none; }
  .shell-main { padding: 14px; }.shell-welcome { grid-template-columns: 1fr 38px; }.shell-welcome > div { grid-column: 1 / -1; }.shell-welcome > span { min-width: 0; }
  .intelligence-loop { grid-template-columns: 1fr 1fr; }.loop-arrow { display: none; }
  .shell-bottom { grid-template-columns: 1fr; }.line-chart { height: 150px; }.agents-panel { display: none; }
  .product-tabs { grid-template-columns: 1fr 1fr; }.product-tabs label { justify-content: flex-start; }
  .product-feature { padding: 30px 0 0 24px; }.product-copy { padding-right: 24px; }.product-copy h3 { font-size: 29px; }.product-visual { width: 112%; margin-left: 12px; transform: scale(.91); transform-origin: left bottom; }.process-flow { margin-top: 35px; }.process-line { width: 12px; }.process-node { padding: 10px; }.process-node > b { display: none; }.visual-output { grid-template-columns: 1fr 1fr; }.visual-output > span { display: none; }
  .solution-grid article { min-height: 370px; padding: 27px; }
  .about-values { grid-template-columns: 1fr; }
  .contact-section { padding-bottom: 75px; }.contact-card { padding: 39px 27px; border-radius: 25px; }.contact-copy h2 { font-size: 31px; }.contact-action { width: 100%; }.contact-action small { white-space: normal; }
  .footer-main { flex-direction: column; align-items: flex-start; }.footer-main nav { flex-wrap: wrap; gap: 18px 25px; }.footer-bottom { flex-direction: column; gap: 8px; }
}

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

/* Rich company narrative */
.capability-strip > div:not(.stats-note) {
  display: grid;
  grid-template-columns: 29px auto;
  grid-template-rows: auto auto;
  justify-content: start;
  align-content: center;
  column-gap: 10px;
  padding: 0 25px;
}
.capability-strip > div:not(.stats-note) svg { grid-row: 1 / 3; align-self: center; color: #2870ef; }
.capability-strip > div:not(.stats-note) strong { color: #173958; font-size: 13px; letter-spacing: -.02em; }
.capability-strip > div:not(.stats-note) span { font-size: 8px; }

.challenge-section { position: relative; padding: 126px 0 118px; overflow: hidden; background: #fff; }
.challenge-section::before { content: ""; position: absolute; width: 520px; height: 520px; left: -340px; top: 60px; border-radius: 50%; background: radial-gradient(circle, rgba(45, 118, 255, .1), transparent 68%); }
.challenge-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 90px; align-items: end; }
.challenge-heading > p { margin: 0 0 6px; }
.challenge-grid { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 52px; }
.challenge-grid article { min-height: 292px; padding: 25px; border: 1px solid #dfeaf5; border-radius: 20px; background: linear-gradient(155deg, #fff, #f7fbff); box-shadow: 0 18px 48px rgba(31, 69, 115, .065); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.challenge-grid article:hover { transform: translateY(-6px); border-color: #bcd2ee; box-shadow: 0 25px 58px rgba(31, 69, 115, .11); }
.challenge-top { display: flex; align-items: center; justify-content: space-between; }
.challenge-top span { color: #a3b5c8; font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.challenge-top svg { color: #2868ef; }
.challenge-grid h3 { margin: 50px 0 13px; font-size: 20px; letter-spacing: -.035em; }
.challenge-grid p { min-height: 71px; margin: 0; color: #6b7f92; font-size: 11px; line-height: 1.85; }
.challenge-grid small { display: inline-flex; margin-top: 25px; padding: 7px 9px; color: #2460dc; border-radius: 999px; background: #eaf2ff; font-size: 8px; font-weight: 750; }

.blueprint-section { position: relative; padding: 125px 0; overflow: hidden; color: #fff; background: radial-gradient(circle at 7% 12%, rgba(48, 112, 237, .25), transparent 26%), radial-gradient(circle at 88% 80%, rgba(0, 204, 224, .12), transparent 28%), #06152c; }
.blueprint-section::after { content: ""; position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(97, 150, 211, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(97, 150, 211, .08) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(circle at 70% 50%, #000, transparent 63%); }
.blueprint-grid { position: relative; z-index: 2; display: grid; grid-template-columns: .82fr 1.18fr; gap: 90px; align-items: center; }
.blueprint-copy h2 { margin: 17px 0 22px; font-size: clamp(38px, 4.1vw, 53px); line-height: 1.2; letter-spacing: -.05em; }
.blueprint-copy h2 span { color: #65e0e9; }
.blueprint-copy > p { margin: 0; color: #9ab0c7; font-size: 13px; line-height: 1.95; }
.blueprint-copy > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 30px; padding-bottom: 7px; color: #70e4ec; border-bottom: 1px solid rgba(112, 228, 236, .4); font-size: 11px; font-weight: 750; }
.blueprint-stack { position: relative; display: flex; flex-direction: column; gap: 13px; }
.blueprint-stack::before { content: ""; position: absolute; left: 28px; top: 30px; bottom: 30px; width: 1px; background: linear-gradient(#58dce8, #2b67ed); }
.blueprint-layer { position: relative; display: grid; grid-template-columns: 56px 1fr; gap: 18px; padding: 22px; border: 1px solid rgba(132, 176, 225, .17); border-radius: 20px; background: rgba(255, 255, 255, .045); backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0, 8, 28, .15); }
.blueprint-layer.layer-2 { margin-left: 36px; }
.blueprint-layer.layer-3 { margin-left: 72px; background: linear-gradient(105deg, rgba(33, 102, 226, .18), rgba(255, 255, 255, .04)); }
.layer-icon { position: relative; z-index: 2; width: 56px; height: 56px; display: grid; place-items: center; color: #68e0ea; border: 1px solid rgba(104, 224, 234, .2); border-radius: 17px; background: #0a2852; box-shadow: 0 0 0 7px rgba(11, 34, 67, .88); }
.blueprint-layer > div > small { color: #5e7e9f; font-size: 7px; font-weight: 800; letter-spacing: .16em; }
.blueprint-layer h3 { margin: 7px 0 8px; font-size: 18px; }
.blueprint-layer p { margin: 0; color: #8da5bd; font-size: 10px; line-height: 1.75; }
.blueprint-layer > div > div { display: flex; gap: 7px; margin-top: 13px; }
.blueprint-layer i { padding: 6px 8px; color: #9bb5cf; border: 1px solid rgba(133, 177, 225, .14); border-radius: 999px; background: rgba(255, 255, 255, .035); font-size: 7px; font-style: normal; }

/* Editorial cards and illustrations */
.article-visual {
  --visual-a: #2463f4;
  --visual-b: #00c9df;
  position: relative;
  min-height: 238px;
  overflow: hidden;
  border-radius: 18px;
  background: radial-gradient(circle at 75% 25%, color-mix(in srgb, var(--visual-b) 30%, transparent), transparent 25%), linear-gradient(145deg, color-mix(in srgb, var(--visual-a) 82%, #07162c), #07182f 72%);
  isolation: isolate;
}
.article-visual.is-large { min-height: 420px; border-radius: 24px; }
.visual-geo { --visual-a: #235ae7; --visual-b: #03d8df; }
.visual-service { --visual-a: #176fd4; --visual-b: #38e7bc; }
.visual-private { --visual-a: #314bd8; --visual-b: #8b79ff; }
.visual-vision { --visual-a: #174eaa; --visual-b: #54b8ff; }
.visual-content { --visual-a: #4b4fd7; --visual-b: #cf71ff; }
.visual-sales { --visual-a: #0b8aa1; --visual-b: #58e1b8; }
.article-visual-grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255, 255, 255, .11) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .11) 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(135deg, #000, transparent 82%); }
.article-visual::before { content: ""; position: absolute; width: 260px; height: 260px; right: -95px; top: -110px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255, 255, 255, .035), 0 0 0 56px rgba(255, 255, 255, .02); }
.article-visual::after { content: ""; position: absolute; width: 240px; height: 80px; left: 40%; bottom: -40px; border-radius: 50%; background: radial-gradient(ellipse, color-mix(in srgb, var(--visual-b) 54%, transparent), transparent 68%); filter: blur(2px); }
.visual-orb { position: absolute; display: grid; place-items: center; color: #fff; border: 1px solid rgba(255, 255, 255, .35); border-radius: 50%; background: radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .42), color-mix(in srgb, var(--visual-b) 58%, var(--visual-a))); box-shadow: 0 18px 42px rgba(0, 16, 54, .35), inset 0 0 18px rgba(255, 255, 255, .26); }
.orb-main { width: 82px; height: 82px; right: 15%; top: 27%; }
.is-large .orb-main { width: 128px; height: 128px; }
.orb-small { width: 35px; height: 35px; right: 7%; top: 15%; }
.visual-data-card { position: absolute; z-index: 3; color: #fff; border: 1px solid rgba(255, 255, 255, .16); background: rgba(4, 22, 51, .58); backdrop-filter: blur(12px); box-shadow: 0 15px 32px rgba(0, 15, 45, .25); }
.visual-data-card.card-primary { left: 7%; top: 22%; width: 54%; padding: 17px; border-radius: 14px; }
.visual-data-card.card-primary > span { display: flex; align-items: center; gap: 6px; color: #8fb4de; font-size: 6px; letter-spacing: .12em; }
.visual-data-card.card-primary > span i { width: 5px; height: 5px; border-radius: 50%; background: #43e1af; box-shadow: 0 0 8px #43e1af; }
.visual-data-card.card-primary > strong { display: block; margin-top: 8px; font-size: 10px; letter-spacing: .03em; }
.visual-data-bars { height: 52px; display: flex; align-items: end; gap: 6px; margin-top: 13px; }
.visual-data-bars i { flex: 1; border-radius: 3px 3px 0 0; background: linear-gradient(var(--visual-b), color-mix(in srgb, var(--visual-a) 45%, transparent)); }
.visual-data-bars i:nth-child(1) { height: 31%; }.visual-data-bars i:nth-child(2) { height: 53%; }.visual-data-bars i:nth-child(3) { height: 43%; }.visual-data-bars i:nth-child(4) { height: 74%; }.visual-data-bars i:nth-child(5) { height: 100%; }
.visual-data-card.card-secondary { right: 7%; bottom: 17%; display: flex; flex-direction: column; gap: 5px; padding: 11px 13px; border-radius: 12px; }
.visual-data-card.card-secondary span { color: #8da9c7; font-size: 6px; }
.visual-data-card.card-secondary strong { display: flex; align-items: center; gap: 5px; color: #70e8b8; font-size: 8px; }
.visual-path { position: absolute; left: 15%; right: 17%; bottom: 13%; height: 1px; background: linear-gradient(90deg, transparent, var(--visual-b), transparent); }
.visual-path i { position: absolute; width: 6px; height: 6px; top: -3px; border-radius: 50%; background: #fff; box-shadow: 0 0 9px var(--visual-b); }
.visual-path i:nth-child(1) { left: 15%; }.visual-path i:nth-child(2) { left: 50%; }.visual-path i:nth-child(3) { right: 8%; }
.visual-caption { position: absolute; left: 7%; bottom: 7%; color: rgba(207, 228, 249, .55); font-size: 6px; font-weight: 800; letter-spacing: .17em; }

.article-card { min-width: 0; overflow: hidden; border: 1px solid #dce8f4; border-radius: 22px; background: #fff; box-shadow: 0 22px 58px rgba(31, 69, 114, .08); transition: transform .28s ease, box-shadow .28s ease; }
.article-card:hover { transform: translateY(-7px); box-shadow: 0 30px 68px rgba(31, 69, 114, .14); }
.article-card-visual { display: block; padding: 10px 10px 0; }
.article-card-body { padding: 22px 23px 24px; }
.article-meta { display: flex; align-items: center; gap: 8px; color: #6e8195; font-size: 8px; font-weight: 700; }
.article-meta span:first-child { color: #2864e8; }
.article-meta i { width: 3px; height: 3px; border-radius: 50%; background: #b2c1d0; }
.article-card h3 { margin: 12px 0 11px; font-size: 20px; line-height: 1.43; letter-spacing: -.025em; }
.article-card h3 a:hover { color: #245fdc; }
.article-card-body > p { min-height: 67px; margin: 0; color: #6b7e91; font-size: 10px; line-height: 1.85; }
.article-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 22px; padding-top: 16px; border-top: 1px solid #ebf1f7; }
.article-card-bottom small { color: #9aa9b7; font-size: 7px; }
.article-card-bottom > a { display: inline-flex; align-items: center; gap: 6px; color: #2864e8; font-size: 8px; font-weight: 750; }

.insights-preview-section { padding: 125px 0; background: linear-gradient(180deg, #fff, #f4f9ff); }
.insights-heading { display: grid; grid-template-columns: 1.15fr .85fr; gap: 90px; align-items: end; }
.insights-heading-side p { margin: 0; }
.insights-heading-side a { display: inline-flex; align-items: center; gap: 7px; margin-top: 16px; color: #2864e8; font-size: 10px; font-weight: 750; }
.home-article-grid { display: grid; grid-template-columns: 1.16fr .92fr .92fr; gap: 14px; margin-top: 52px; }
.home-article-grid .article-card.is-featured .article-visual { min-height: 282px; }
.home-article-grid .article-card:not(.is-featured) .article-visual { min-height: 220px; }
.home-article-grid .article-card:not(.is-featured) h3 { font-size: 18px; }
.case-note, .content-disclaimer { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; padding: 14px 17px; color: #687d92; border: 1px solid #dde9f5; border-radius: 13px; background: rgba(255, 255, 255, .76); font-size: 9px; line-height: 1.7; }
.case-note svg, .content-disclaimer svg { flex: 0 0 auto; margin-top: 1px; color: #2864e8; }
.case-note p, .content-disclaimer p { margin: 0; }
.case-note strong, .content-disclaimer strong { margin-right: 7px; color: #2f4b67; }

.cooperation-section { padding: 125px 0; background: #fff; }
.cooperation-flow { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 53px; overflow: hidden; border: 1px solid #dce8f4; border-radius: 23px; box-shadow: 0 25px 60px rgba(34, 70, 113, .08); }
.cooperation-flow article { position: relative; min-height: 215px; padding: 27px; border-right: 1px solid #e2ebf5; background: linear-gradient(155deg, #fff, #f8fbff); }
.cooperation-flow article:last-child { border-right: 0; }
.cooperation-flow article > span { color: #2864e8; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.cooperation-flow article > div { margin-top: 49px; }
.cooperation-flow strong { font-size: 17px; }
.cooperation-flow p { margin: 9px 0 0; color: #728498; font-size: 9px; line-height: 1.75; }
.cooperation-flow article > svg { position: absolute; z-index: 3; right: -10px; top: 44px; padding: 4px; color: #3d75e8; border: 1px solid #d6e3f1; border-radius: 50%; background: #fff; box-sizing: content-box; }

.faq-section { padding: 115px 0 125px; background: linear-gradient(145deg, #eff6ff, #fff 64%); }
.faq-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 90px; align-items: start; }
.faq-intro { position: sticky; top: 115px; }
.faq-intro h2 { margin: 15px 0 19px; font-size: clamp(36px, 3.7vw, 49px); line-height: 1.22; letter-spacing: -.05em; }
.faq-intro > p { margin: 0; color: #687d92; font-size: 12px; line-height: 1.9; }
.faq-intro > a { display: inline-flex; align-items: center; gap: 7px; margin-top: 25px; color: #2864e8; font-size: 10px; font-weight: 750; }
.faq-list { display: flex; flex-direction: column; gap: 10px; }
.faq-list details { padding: 0 22px; border: 1px solid #dce8f4; border-radius: 16px; background: rgba(255, 255, 255, .86); box-shadow: 0 10px 28px rgba(33, 70, 115, .045); }
.faq-list summary { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary > span { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 750; }
.faq-list summary svg { color: #2864e8; }
.faq-list summary > i { position: relative; width: 20px; height: 20px; flex: 0 0 auto; border-radius: 50%; background: #eef4fc; }
.faq-list summary > i::before, .faq-list summary > i::after { content: ""; position: absolute; left: 6px; top: 9px; width: 8px; height: 1px; background: #4e6f92; }
.faq-list summary > i::after { transform: rotate(90deg); transition: transform .2s ease; }
.faq-list details[open] summary > i::after { transform: rotate(0); }
.faq-list details > p { margin: -2px 28px 0; padding: 0 0 20px; color: #708399; font-size: 10px; line-height: 1.85; }

/* Insights list page */
.insights-page, .article-page { padding-top: 78px; }
.insights-hero { position: relative; min-height: 670px; overflow: hidden; background: radial-gradient(circle at 82% 28%, rgba(74, 157, 255, .28), transparent 28%), linear-gradient(145deg, #fbfdff, #e6f2ff); }
.insights-hero-mesh, .article-hero-mesh { position: absolute; inset: 0; opacity: .38; background-image: linear-gradient(rgba(52, 110, 189, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(52, 110, 189, .06) 1px, transparent 1px); background-size: 58px 58px; mask-image: linear-gradient(to bottom, #000, transparent 90%); }
.insights-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; min-height: 670px; }
.page-eyebrow { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; color: #215edd; border: 1px solid rgba(40, 100, 255, .19); border-radius: 999px; background: rgba(255, 255, 255, .62); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.insights-hero-copy h1 { margin: 21px 0 20px; font-size: clamp(48px, 5vw, 67px); line-height: 1.12; letter-spacing: -.06em; }
.insights-hero-copy h1 span { color: transparent; background: linear-gradient(100deg, #2459df, #2f7dff 56%, #00b9c9); -webkit-background-clip: text; background-clip: text; }
.insights-hero-copy > p { max-width: 550px; margin: 0; color: #5f748a; font-size: 14px; line-height: 1.9; }
.insight-topic-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 26px; }
.insight-topic-row span { padding: 7px 10px; color: #49637e; border: 1px solid rgba(176, 201, 228, .8); border-radius: 999px; background: rgba(255, 255, 255, .55); font-size: 8px; }
.insights-hero-panel { position: relative; height: 530px; }
.insights-hero-panel::after { content: ""; position: absolute; width: 330px; height: 82px; left: 50%; bottom: 63px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(ellipse, rgba(55, 130, 248, .44), transparent 65%); }
.insights-hero-panel > img { position: absolute; z-index: 3; width: 350px; height: 350px; left: 50%; top: 47%; object-fit: contain; transform: translate(-50%, -50%); filter: drop-shadow(0 30px 40px rgba(35, 83, 151, .23)); animation: kunFloat 5.4s ease-in-out infinite; }
.panel-orbit { position: absolute; left: 50%; top: 46%; border: 1px solid rgba(44, 111, 227, .22); border-radius: 50%; transform: translate(-50%, -50%); }
.panel-orbit.orbit-one { width: 510px; height: 260px; transform: translate(-50%, -50%) rotate(-14deg); }
.panel-orbit.orbit-two { width: 325px; height: 480px; transform: translate(-50%, -50%) rotate(51deg); }
.hero-panel-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid rgba(255, 255, 255, .9); border-radius: 15px; background: rgba(255, 255, 255, .72); backdrop-filter: blur(14px); box-shadow: 0 17px 42px rgba(37, 84, 143, .12); }
.hero-panel-card svg { color: #2864e8; }
.hero-panel-card > span { display: flex; flex-direction: column; gap: 3px; }
.hero-panel-card strong { font-size: 10px; }.hero-panel-card small { color: #7a8da0; font-size: 7px; }
.hero-panel-card.card-a { left: 3%; top: 24%; }.hero-panel-card.card-b { right: 0; bottom: 25%; }

.featured-story-section { padding: 115px 0 105px; background: #fff; }
.list-section-title { display: flex; align-items: end; justify-content: space-between; gap: 50px; }
.list-section-title h2 { margin: 10px 0 0; font-size: 36px; letter-spacing: -.045em; }
.list-section-title > p { max-width: 465px; margin: 0 0 4px; color: #6a7e92; font-size: 11px; line-height: 1.8; }
.featured-story { display: grid; grid-template-columns: 1.08fr .92fr; gap: 48px; margin-top: 40px; padding: 12px; border: 1px solid #dce8f4; border-radius: 28px; background: linear-gradient(135deg, #f8fbff, #fff); box-shadow: 0 30px 72px rgba(31, 69, 114, .1); }
.featured-story-visual { display: block; min-width: 0; }
.featured-story-copy { display: flex; flex-direction: column; justify-content: center; padding: 30px 32px 30px 0; }
.featured-story-copy h2 { margin: 14px 0 15px; font-size: 31px; line-height: 1.35; letter-spacing: -.04em; }
.featured-story-copy > p { margin: 0; color: #687d91; font-size: 11px; line-height: 1.9; }
.featured-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 24px; }
.featured-summary span { display: flex; flex-direction: column; gap: 7px; padding: 11px; color: #47617b; border-radius: 10px; background: #eff5fc; font-size: 8px; line-height: 1.5; }
.featured-summary i { color: #2864e8; font-size: 7px; font-style: normal; font-weight: 800; }
.featured-story-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 25px; padding-top: 18px; border-top: 1px solid #e6eef6; }
.featured-story-bottom small { color: #95a6b6; font-size: 8px; }
.featured-story-bottom a { display: inline-flex; align-items: center; gap: 7px; color: #2864e8; font-size: 9px; font-weight: 750; }

.all-stories-section { padding: 110px 0 120px; background: linear-gradient(180deg, #f2f7fd, #fff); }
.stories-title { align-items: center; }
.story-filter { display: flex; gap: 6px; padding: 5px; border: 1px solid #dbe7f3; border-radius: 999px; background: #fff; }
.story-filter span { padding: 8px 12px; color: #73869a; border-radius: 999px; font-size: 8px; }
.story-filter span.active { color: #fff; background: #1758dc; }
.all-article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 42px; }
.all-article-grid .article-card:nth-child(4), .all-article-grid .article-card:nth-child(5) { transform: translateX(51%); }
.all-article-grid .article-card:nth-child(4):hover, .all-article-grid .article-card:nth-child(5):hover { transform: translateX(51%) translateY(-7px); }
.content-disclaimer { max-width: 820px; margin: 28px auto 0; background: #f7faff; }
.insights-cta-section { padding: 25px 0 100px; }
.insights-cta { min-height: 290px; display: flex; align-items: center; justify-content: space-between; gap: 50px; padding: 55px 62px; overflow: hidden; color: #fff; border-radius: 31px; background: radial-gradient(circle at 85% 0, rgba(70, 199, 255, .38), transparent 29%), linear-gradient(125deg, #082663, #1756db 63%, #18a0d9); box-shadow: 0 30px 70px rgba(28, 82, 188, .22); }
.insights-cta span { color: #8edce9; font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.insights-cta h2 { margin: 14px 0 0; font-size: 38px; line-height: 1.3; letter-spacing: -.045em; }
.insights-cta > a { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; padding: 14px 21px; color: #1554cf; border-radius: 999px; background: #fff; font-size: 10px; font-weight: 800; }

/* Article detail page */
.article-hero { position: relative; padding: 38px 0 78px; overflow: hidden; background: radial-gradient(circle at 85% 30%, rgba(64, 154, 255, .18), transparent 30%), linear-gradient(145deg, #fbfdff, #eaf4ff); }
.article-breadcrumb { position: relative; z-index: 2; display: flex; align-items: center; gap: 10px; color: #718499; font-size: 9px; }
.article-breadcrumb a { display: inline-flex; align-items: center; gap: 6px; color: #325f95; font-weight: 700; }
.article-breadcrumb i { width: 3px; height: 3px; border-radius: 50%; background: #9fb1c3; }
.article-hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1.03fr .97fr; gap: 66px; align-items: center; margin-top: 42px; }
.article-category-line { display: flex; align-items: center; gap: 9px; color: #6c8196; font-size: 9px; font-weight: 750; }
.article-category-line span:first-child { padding: 7px 10px; color: #1e5ee5; border: 1px solid #cbdcf1; border-radius: 999px; background: rgba(255, 255, 255, .62); }
.article-category-line i { width: 3px; height: 3px; border-radius: 50%; background: #9ab0c5; }
.article-hero-copy h1 { margin: 20px 0 19px; font-size: clamp(41px, 4.4vw, 59px); line-height: 1.2; letter-spacing: -.055em; }
.article-hero-copy > p { max-width: 620px; margin: 0; color: #60768b; font-size: 13px; line-height: 1.9; }
.article-byline { display: flex; align-items: center; gap: 10px; margin-top: 28px; }
.author-mark { width: 35px; height: 35px; display: grid; place-items: center; color: #fff; border-radius: 11px; background: linear-gradient(145deg, #1b56dc, #37a3ec); font-size: 11px; font-weight: 850; }
.article-byline > span:last-child { display: flex; flex-direction: column; gap: 3px; }
.article-byline strong { font-size: 9px; }.article-byline small { color: #8395a7; font-size: 7px; }
.article-summary-section { position: relative; z-index: 4; margin-top: -20px; }
.article-summary { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 40px; min-height: 120px; padding: 25px 34px; color: #fff; border: 1px solid #194683; border-radius: 22px; background: linear-gradient(120deg, #071c38, #0b366c); box-shadow: 0 24px 56px rgba(16, 47, 89, .21); }
.summary-title { display: flex; align-items: center; gap: 12px; }
.summary-title > svg { color: #5fe0ea; }
.summary-title > span { display: flex; flex-direction: column; gap: 4px; }
.summary-title small { color: #557ba3; font-size: 6px; font-weight: 800; letter-spacing: .15em; }
.summary-title strong { font-size: 12px; }
.summary-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.summary-points span { display: flex; align-items: center; gap: 9px; min-height: 46px; padding: 9px; color: #bed0e2; border: 1px solid rgba(134, 178, 224, .12); border-radius: 10px; background: rgba(255, 255, 255, .04); font-size: 8px; line-height: 1.45; }
.summary-points i { color: #5fe0ea; font-size: 7px; font-style: normal; font-weight: 800; }
.article-content-section { padding: 90px 0 120px; }
.article-content-grid { display: grid; grid-template-columns: 255px minmax(0, 760px); gap: 80px; justify-content: center; align-items: start; }
.aside-sticky { position: sticky; top: 112px; }
.aside-sticky > span { display: block; padding-bottom: 12px; color: #7b8ea1; border-bottom: 1px solid #dce7f1; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.aside-sticky > nav { display: flex; flex-direction: column; padding: 10px 0 18px; }
.aside-sticky > nav a { display: grid; grid-template-columns: 26px 1fr; gap: 7px; padding: 9px 0; color: #6c8195; font-size: 8px; line-height: 1.5; }
.aside-sticky > nav a:hover { color: #245fdc; }
.aside-sticky > nav i { color: #2864e8; font-style: normal; font-weight: 800; }
.aside-cta { padding: 19px; color: #fff; border-radius: 17px; background: radial-gradient(circle at 100% 0, rgba(71, 182, 255, .35), transparent 35%), linear-gradient(145deg, #0b2d68, #1658d5); box-shadow: 0 18px 42px rgba(28, 81, 180, .18); }
.aside-cta > svg { color: #7de2e9; }
.aside-cta strong { display: block; margin-top: 22px; font-size: 11px; }
.aside-cta p { margin: 8px 0 14px; color: #bfd1e6; font-size: 8px; line-height: 1.65; }
.aside-cta a { display: inline-flex; align-items: center; gap: 5px; color: #78e0e8; font-size: 8px; font-weight: 750; }
.demo-case-notice { display: flex; gap: 11px; margin-bottom: 43px; padding: 16px 18px; color: #5f7489; border: 1px solid #dce7f3; border-radius: 13px; background: #f5f9fe; font-size: 9px; line-height: 1.7; }
.demo-case-notice svg { flex: 0 0 auto; color: #2864e8; }
.demo-case-notice p { margin: 0; }.demo-case-notice strong { margin-right: 6px; color: #33516f; }
.article-section-block { scroll-margin-top: 110px; margin-bottom: 72px; }
.article-section-block > span { color: #2864e8; font-size: 8px; font-weight: 850; letter-spacing: .15em; }
.article-section-block h2 { margin: 13px 0 23px; font-size: 32px; line-height: 1.38; letter-spacing: -.04em; }
.article-section-block > p { margin: 0 0 18px; color: #526a80; font-family: "Songti SC", SimSun, serif; font-size: 15px; line-height: 2.05; text-align: justify; }
.article-section-block ul { display: flex; flex-direction: column; gap: 10px; margin: 28px 0; padding: 0; list-style: none; }
.article-section-block li { display: flex; align-items: flex-start; gap: 10px; padding: 13px 15px; color: #496176; border: 1px solid #e0e9f3; border-radius: 10px; background: #f8fbff; font-size: 10px; line-height: 1.7; }
.article-section-block li svg { flex: 0 0 auto; margin-top: 1px; color: #2864e8; }
.article-section-block blockquote { margin: 35px 0 0; padding: 27px 30px; color: #fff; border: 0; border-radius: 19px; background: radial-gradient(circle at 90% 0, rgba(46, 138, 255, .27), transparent 35%), #071d3a; }
.article-section-block blockquote > svg { color: #55dce7; }
.article-section-block blockquote p { margin: 18px 0 13px; font-size: 19px; line-height: 1.6; font-weight: 750; }
.article-section-block blockquote small { color: #6d8ba9; font-size: 7px; letter-spacing: .08em; }
.inline-article-visual { position: relative; margin-top: 36px; padding: 32px; overflow: hidden; color: #fff; border-radius: 20px; background: radial-gradient(circle at 85% 15%, color-mix(in srgb, var(--visual-b, #00c9df) 25%, transparent), transparent 27%), linear-gradient(145deg, color-mix(in srgb, var(--visual-a, #2463f4) 73%, #06172e), #07172e); }
.inline-article-visual::after { content: ""; position: absolute; width: 220px; height: 220px; right: -100px; bottom: -130px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255, 255, 255, .025); }
.inline-article-visual > div:first-child { display: flex; flex-direction: column; gap: 7px; }
.inline-article-visual span { color: #7194b8; font-size: 7px; font-weight: 800; letter-spacing: .12em; }
.inline-article-visual strong { font-size: 16px; }
.inline-nodes { position: relative; z-index: 2; display: flex; align-items: center; margin-top: 32px; }
.inline-nodes i { flex: 1; padding: 12px 8px; text-align: center; color: #c9daeb; border: 1px solid rgba(135, 178, 222, .16); border-radius: 9px; background: rgba(255, 255, 255, .045); font-size: 8px; font-style: normal; }
.inline-nodes b { width: 18px; height: 1px; background: #3974b4; }
.article-conclusion { padding: 38px; color: #fff; border-radius: 22px; background: radial-gradient(circle at 93% 0, rgba(61, 193, 255, .37), transparent 32%), linear-gradient(130deg, #0a2c70, #1b65dc); box-shadow: 0 25px 57px rgba(28, 82, 184, .2); }
.article-conclusion > span { color: #8de1e9; font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.article-conclusion h2 { margin: 13px 0 13px; font-size: 27px; line-height: 1.38; }
.article-conclusion p { margin: 0; color: #c4d8ed; font-size: 10px; line-height: 1.8; }
.article-conclusion a { display: inline-flex; align-items: center; gap: 7px; margin-top: 22px; padding: 11px 15px; color: #1554ca; border-radius: 999px; background: #fff; font-size: 9px; font-weight: 800; }
.related-stories-section { padding: 110px 0 120px; background: linear-gradient(180deg, #f1f7fd, #fff); }
.related-heading { display: flex; align-items: end; justify-content: space-between; }
.related-heading h2 { margin: 10px 0 0; font-size: 36px; }
.related-heading > a { display: inline-flex; align-items: center; gap: 6px; color: #2864e8; font-size: 9px; font-weight: 750; }
.related-article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }

@media (max-width: 1110px) {
  .challenge-grid { grid-template-columns: repeat(2, 1fr); }
  .home-article-grid { grid-template-columns: 1fr 1fr; }
  .home-article-grid .article-card.is-featured { grid-column: 1 / -1; display: grid; grid-template-columns: 1.1fr .9fr; }
  .home-article-grid .article-card.is-featured .article-card-body { align-self: center; }
  .blueprint-grid { gap: 55px; }
  .article-content-grid { grid-template-columns: 220px minmax(0, 700px); gap: 45px; }
}

@media (max-width: 900px) {
  .challenge-heading, .insights-heading, .blueprint-grid, .faq-grid, .insights-hero-grid, .article-hero-layout { grid-template-columns: 1fr; gap: 35px; }
  .blueprint-copy { max-width: 650px; }
  .blueprint-stack { max-width: 680px; width: 100%; margin: 0 auto; }
  .cooperation-flow { grid-template-columns: 1fr 1fr; }
  .cooperation-flow article:nth-child(2) { border-right: 0; }
  .cooperation-flow article:nth-child(-n + 2) { border-bottom: 1px solid #e2ebf5; }
  .faq-intro { position: static; max-width: 620px; }
  .insights-page, .article-page { padding-top: 70px; }
  .insights-hero-grid { padding-top: 65px; }
  .insights-hero-copy { text-align: center; }
  .insights-hero-copy > p { margin-left: auto; margin-right: auto; }
  .insight-topic-row { justify-content: center; }
  .insights-hero-panel { width: 620px; max-width: 100%; height: 480px; margin: -30px auto 0; }
  .featured-story { grid-template-columns: 1fr; gap: 10px; }
  .featured-story-copy { padding: 25px 25px 30px; }
  .all-article-grid, .related-article-grid { grid-template-columns: 1fr 1fr; }
  .all-article-grid .article-card:nth-child(4), .all-article-grid .article-card:nth-child(5), .all-article-grid .article-card:nth-child(4):hover, .all-article-grid .article-card:nth-child(5):hover { transform: none; }
  .insights-cta { padding: 45px; }
  .article-hero-layout { margin-top: 30px; }
  .article-hero-copy { max-width: 720px; }
  .article-summary { grid-template-columns: 1fr; gap: 18px; }
  .article-content-grid { grid-template-columns: 1fr; }
  .article-aside { display: none; }
}

@media (max-width: 620px) {
  .challenge-section, .insights-preview-section, .cooperation-section, .faq-section, .featured-story-section, .all-stories-section, .related-stories-section { padding: 85px 0; }
  .challenge-grid, .home-article-grid, .all-article-grid, .related-article-grid { grid-template-columns: 1fr; }
  .challenge-grid article { min-height: 245px; }
  .challenge-grid h3 { margin-top: 35px; }
  .capability-strip { grid-template-columns: 1fr; }
  .capability-strip > div:not(.stats-note) { grid-template-columns: 26px 1fr; grid-template-rows: auto auto; min-height: 73px; padding: 12px 20px; border-right: 0; border-bottom: 1px solid #e1eaf4; }
  .capability-strip .stats-note { grid-column: auto; }
  .blueprint-section { padding: 88px 0; }
  .blueprint-copy h2 { font-size: 34px; }
  .blueprint-layer, .blueprint-layer.layer-2, .blueprint-layer.layer-3 { margin-left: 0; grid-template-columns: 44px 1fr; padding: 18px; }
  .layer-icon { width: 44px; height: 44px; border-radius: 13px; }
  .blueprint-stack::before { left: 22px; }
  .blueprint-layer > div > div { flex-wrap: wrap; }
  .home-article-grid .article-card.is-featured { display: block; grid-column: auto; }
  .home-article-grid .article-card.is-featured .article-visual { min-height: 230px; }
  .article-card-body { padding: 20px; }
  .cooperation-flow { grid-template-columns: 1fr; }
  .cooperation-flow article, .cooperation-flow article:nth-child(2) { border-right: 0; border-bottom: 1px solid #e2ebf5; }
  .cooperation-flow article:last-child { border-bottom: 0; }
  .cooperation-flow article > svg { display: none; }
  .cooperation-flow article > div { margin-top: 31px; }
  .faq-list summary { min-height: 65px; }
  .faq-list summary > span { font-size: 10px; }
  .faq-list details > p { margin-left: 0; margin-right: 0; }
  .insights-hero { min-height: auto; }
  .insights-hero-grid { min-height: auto; padding: 60px 0 25px; }
  .insights-hero-copy h1 { font-size: 41px; }
  .insights-hero-panel { width: 560px; max-width: 142%; height: 430px; margin-left: -21%; transform: scale(.82); }
  .list-section-title { align-items: flex-start; flex-direction: column; gap: 17px; }
  .featured-story { border-radius: 22px; }
  .article-visual.is-large { min-height: 300px; }
  .featured-story-copy h2 { font-size: 25px; }
  .featured-summary { grid-template-columns: 1fr; }
  .featured-summary span { flex-direction: row; align-items: center; }
  .stories-title { align-items: flex-start; }
  .story-filter { max-width: 100%; overflow-x: auto; }
  .story-filter span { white-space: nowrap; }
  .insights-cta { min-height: 300px; flex-direction: column; align-items: flex-start; padding: 36px 27px; border-radius: 25px; }
  .insights-cta h2 { font-size: 31px; }
  .article-hero { padding-bottom: 55px; }
  .article-hero-copy h1 { font-size: 38px; }
  .article-hero-layout { gap: 35px; }
  .article-summary { padding: 22px; }
  .summary-points { grid-template-columns: 1fr; }
  .article-content-section { padding: 70px 0 90px; }
  .article-section-block { margin-bottom: 58px; }
  .article-section-block h2 { font-size: 28px; }
  .article-section-block > p { font-size: 14px; }
  .inline-article-visual { padding: 24px 18px; }
  .inline-nodes { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
  .inline-nodes b { display: none; }
  .article-conclusion { padding: 29px 24px; }
  .article-conclusion h2 { font-size: 24px; }
}

/* ======================================================================
   全站字体柔和优化｜案例、洞察、文章与产品详情页
   ====================================================================== */
:root{
  --type-ink:#10233f;
  --type-body:#5b6f84;
}
html{
  font-size:16px;
  text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body{
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px;
  line-height:1.72;
  letter-spacing:.004em;
  color:var(--type-ink);
}
h1,h2,h3,h4,h5,h6{
  color:var(--type-ink);
  font-weight:700;
  text-wrap:balance;
  word-break:normal;
  overflow-wrap:normal;
  font-synthesis:none;
}
p,li,blockquote{ text-wrap:pretty; }
button,input,textarea,select{font-family:inherit}
.desktop-nav a,.nav-cta,.primary-button,.text-button{font-weight:650}

/* 通用首页 / 产品详情标题 */
.hero-copy h1{
  max-width:680px;
  font-size:clamp(42px,4.25vw,58px) !important;
  line-height:1.13;
  letter-spacing:-.034em;
  font-weight:700;
}
.hero-copy>p{
  font-size:15.5px;
  line-height:1.86;
  color:var(--type-body);
}
.hero-eyebrow,.page-eyebrow{
  font-weight:650;
  letter-spacing:.045em;
}
.section-heading h2,
.blueprint-copy h2,
.faq-intro h2,
.about-copy h2,
.contact-copy h2{
  font-size:clamp(31px,3.2vw,44px) !important;
  line-height:1.22;
  letter-spacing:-.026em;
  font-weight:700;
}
.section-heading>p,.section-heading>div>p,.faq-intro>p{
  font-size:14px;
  line-height:1.82;
  color:var(--type-body);
}
.product-copy h3{font-size:31px;line-height:1.23;font-weight:650}
.solution-grid h3{font-size:22px;line-height:1.35;font-weight:650}
.challenge-grid h3{font-size:19px;line-height:1.38;font-weight:650}
.blueprint-layer h3{font-size:17px;line-height:1.4;font-weight:650}
.cooperation-flow strong{font-size:16px;line-height:1.4;font-weight:650}

/* 案例与洞察列表 */
.insights-hero-copy h1{
  font-size:clamp(40px,4.2vw,54px) !important;
  line-height:1.15;
  letter-spacing:-.032em;
  font-weight:700;
}
.insights-hero-copy>p{font-size:13.5px;line-height:1.85;color:var(--type-body)}
.list-section-title h2,.related-heading h2{
  font-size:31px;
  line-height:1.24;
  letter-spacing:-.022em;
  font-weight:700;
}
.featured-story-copy h2{
  font-size:27px;
  line-height:1.32;
  letter-spacing:-.018em;
  font-weight:650;
}
.article-card h3,
.home-article-grid .article-card:not(.is-featured) h3{
  font-size:18px;
  line-height:1.42;
  letter-spacing:-.008em;
  font-weight:650;
}
.article-card-body>p,.featured-story-copy>p{
  line-height:1.78;
  color:var(--type-body);
}
.insights-cta h2{
  font-size:32px;
  line-height:1.27;
  letter-spacing:-.022em;
  font-weight:700;
}

/* 长文章：标题收敛，正文保持舒适阅读 */
.article-hero-copy h1{
  font-size:clamp(36px,3.75vw,49px) !important;
  line-height:1.18;
  letter-spacing:-.03em;
  font-weight:700;
}
.article-hero-copy>p{font-size:13px;line-height:1.86;color:var(--type-body)}
.article-section-block h2{
  font-size:29px;
  line-height:1.42;
  letter-spacing:-.018em;
  font-weight:700;
}
.article-section-block>p{
  font-size:15px;
  line-height:2;
  color:#52697f;
}
.article-section-block blockquote p{
  font-size:17px;
  line-height:1.72;
  font-weight:650;
}
.article-conclusion h2{font-size:25px;line-height:1.4;font-weight:700}
.inline-article-visual strong{font-size:15px;font-weight:650}

@media (max-width:900px){
  body{font-size:14.5px}
  .hero-copy h1{font-size:46px !important}
  .section-heading h2,.blueprint-copy h2,.faq-intro h2,.about-copy h2,.contact-copy h2{
    font-size:36px !important;
  }
  .insights-hero-copy h1{font-size:44px !important}
  .article-hero-copy h1{font-size:41px !important}
}

@media (max-width:620px){
  body{font-size:14px;line-height:1.68}
  .hero-copy h1{
    font-size:35px !important;
    line-height:1.18;
    letter-spacing:-.022em;
  }
  .hero-copy>p{font-size:14px;line-height:1.78}
  .section-heading h2,.blueprint-copy h2,.faq-intro h2,.about-copy h2{
    font-size:28px !important;
    line-height:1.27;
  }
  .contact-copy h2{font-size:26px !important}
  .product-copy h3{font-size:27px}
  .solution-grid h3{font-size:20px}
  .insights-hero-copy h1{font-size:36px !important;line-height:1.2}
  .list-section-title h2,.related-heading h2{font-size:27px}
  .featured-story-copy h2{font-size:23px}
  .article-card h3,.home-article-grid .article-card:not(.is-featured) h3{font-size:17px}
  .insights-cta h2{font-size:27px}
  .article-hero-copy h1{font-size:33px !important;line-height:1.22}
  .article-section-block h2{font-size:25px}
  .article-section-block>p{font-size:14px;line-height:1.95}
  .article-section-block blockquote p{font-size:16px}
  .article-conclusion h2{font-size:23px}
}

/* 官网品牌与页脚规范化｜2026-07-28 */
footer{background:#06143d}
.footer-main-enhanced{display:grid;grid-template-columns:1.15fr 1fr .9fr;align-items:start;gap:52px}
.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start}
.footer-logo-plate{display:inline-flex;align-items:center;min-height:62px;padding:8px 14px;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.footer-main .footer-logo-plate img{width:174px;filter:none!important}
.footer-brand-block p{margin:16px 0 4px;color:#9fb3dc;font-size:13px}
.footer-brand-block strong{color:#fff;font-size:14px;font-weight:650}
.footer-nav{display:grid!important;grid-template-columns:1fr 1fr;gap:11px 22px!important;margin-top:7px}
.footer-nav a{font-size:13px;color:#c2d0eb}
.footer-contact-block{display:grid;gap:3px;padding-left:28px;border-left:1px solid rgba(255,255,255,.12)}
.footer-contact-block span{margin-top:2px;color:#7892c3;font-size:11px;letter-spacing:.08em}
.footer-contact-block a{font-size:19px;font-weight:700;color:#fff}
.footer-contact-block p{margin:0 0 9px;color:#c2d0eb;font-size:13px}
.footer-bottom{font-size:12px;color:#8198c4}
@media(max-width:980px){.footer-main-enhanced{grid-template-columns:1fr 1fr;gap:34px}.footer-contact-block{grid-column:1/-1;padding:22px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.12);grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px 16px}.footer-contact-block span,.footer-contact-block p{margin:0}}
@media(max-width:640px){.footer-main-enhanced{grid-template-columns:1fr;gap:28px}.footer-nav{grid-template-columns:1fr 1fr}.footer-contact-block{grid-column:auto;grid-template-columns:1fr;padding-top:22px;gap:4px}.footer-contact-block span{margin-top:9px}.footer-bottom{font-size:11px}}


/* 2026-07-28 品牌标志比例修正：统一页头、页脚的原始宽高比 */
.brand img,
.footer-logo-plate img{
  display:block;
  width:auto;
  height:auto!important;
  max-width:100%;
  object-fit:contain;
  object-position:center;
  aspect-ratio:530 / 112;
}
.footer-logo-plate{
  min-height:0!important;
  padding:11px 16px!important;
  border:1px solid rgba(14,63,162,.08);
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden;
}
.footer-main .footer-logo-plate img{width:205px!important;height:auto!important;filter:none!important}
@media(max-width:800px){.footer-main .footer-logo-plate img{width:188px!important}}

/* 2026-07-28｜案例与洞察跳转页统一修复
   修复本地打开时 Logo 按图片原始宽度显示、细节字号过小及 SVG 尺寸失控。 */
.site-header .nav-row{
  height:76px;
  min-height:76px;
}
.site-header .brand{
  width:184px;
  max-width:184px;
  min-width:184px;
  line-height:0;
}
.site-header .brand img{
  display:block;
  width:184px!important;
  max-width:184px!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
}
.site-header .nav-cta svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px;
}
.site-header .menu-trigger svg{
  width:22px!important;
  height:22px!important;
}
.insights-page,.article-page{padding-top:76px}

/* 跳转页辅助信息恢复到可阅读尺寸 */
.article-breadcrumb{font-size:11px;line-height:1.4}
.article-breadcrumb svg{width:14px!important;height:14px!important;flex:0 0 14px}
.article-category-line{font-size:10.5px}
.article-hero-copy>p{font-size:14px;line-height:1.9}
.article-byline strong{font-size:11px}
.article-byline small{font-size:9px}
.summary-title>svg{width:19px!important;height:19px!important;flex:0 0 19px}
.summary-title small{font-size:8px}
.summary-title strong{font-size:13px}
.summary-points span{font-size:10.5px;line-height:1.5}
.summary-points i{font-size:9px}
.article-meta{font-size:10px}
.article-card-body>p,.featured-story-copy>p{font-size:12px;line-height:1.82}
.article-card-bottom small,.featured-story-bottom small{font-size:9.5px}
.article-card-bottom a,.featured-story-bottom a{font-size:10px}
.aside-sticky>span{font-size:9px}
.aside-sticky>nav a{font-size:9.5px}
.aside-cta strong{font-size:12px}
.aside-cta p{font-size:9.5px}
.aside-cta a{font-size:9.5px}
.article-section-block>span{font-size:9px}
.article-section-block li{font-size:11.5px}
.article-conclusion>span{font-size:9px}
.article-conclusion p{font-size:11px}
.article-conclusion a{font-size:10px}
.related-heading>a{font-size:10px}

/* SVG 图标均以组件自己的尺寸展示，不继承图片宽度 */
.article-page svg,.insights-page svg{max-width:none}
.article-card-bottom svg,.featured-story-bottom svg,.related-heading svg,
.article-conclusion a svg,.aside-cta a svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px;
}

@media(max-width:900px){
  .site-header .nav-row{height:70px;min-height:70px}
  .site-header .brand{width:160px;max-width:160px;min-width:160px}
  .site-header .brand img{width:160px!important;max-width:160px!important}
  .insights-page,.article-page{padding-top:70px}
  .mobile-nav{top:70px}
}
@media(max-width:620px){
  .site-header .nav-row{height:66px;min-height:66px}
  .site-header .brand{width:146px;max-width:146px;min-width:146px}
  .site-header .brand img{width:146px!important;max-width:146px!important}
  .insights-page,.article-page{padding-top:66px}
  .mobile-nav{top:66px}
  .article-breadcrumb{font-size:10px}
  .article-hero-copy>p{font-size:13.5px}
  .summary-points span{font-size:10px}
}