:root {
  --blue: #2563eb;
  --blue-2: #1688ff;
  --cyan: #06b6d4;
  --violet: #7c5cfc;
  --navy: #071a33;
  --navy-2: #0a2448;
  --ink: #172033;
  --muted: #657086;
  --line: #dce6f3;
  --soft: #f3f8ff;
  --white: #fff;
  --green: #22a06b;
  --orange: #f59e0b;
  --red: #ef4444;
  --shadow: 0 24px 70px rgba(33, 72, 130, .12);
  --radius: 20px;
  --container: 1280px;
}

* { 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;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
img { max-width: 100%; display: block; }
.container { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 999; padding: 10px 16px; color: #fff; background: var(--blue); border-radius: 8px; transition: top .2s; }
.skip-link:focus { top: 16px; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 10px;
  font-weight: 700;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { color: #fff; background: linear-gradient(135deg, var(--blue), var(--blue-2)); box-shadow: 0 12px 28px rgba(37, 99, 235, .3); }
.button-primary:hover { box-shadow: 0 16px 34px rgba(37, 99, 235, .42); }
.button-ghost { color: var(--blue); background: rgba(255,255,255,.94); border-color: rgba(37,99,235,.18); }
.button-glass { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.24); backdrop-filter: blur(12px); }
.button-glass:hover { background: rgba(255,255,255,.15); }
.button-light { color: var(--navy); background: #fff; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.button-small { min-height: 38px; padding: 0 16px; font-size: 13px; border-radius: 8px; }
.button-large { min-height: 52px; padding: 0 26px; }
.text-link { color: var(--blue); font-weight: 700; white-space: nowrap; }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  height: 76px;
  color: #fff;
  background: linear-gradient(180deg, rgba(3,15,34,.72), rgba(3,15,34,.28));
  border-bottom: 1px solid rgba(255,255,255,.12);
  transition: height .3s ease, color .3s ease, background .3s ease, box-shadow .3s ease;
}
.site-header.scrolled { height: 68px; color: var(--ink); background: rgba(255,255,255,.94); box-shadow: 0 10px 35px rgba(17, 45, 87, .1); backdrop-filter: blur(16px); border-color: rgba(19,58,112,.08); }
.nav-shell { width: min(1420px, calc(100% - 40px)); height: 100%; margin: 0 auto; display: flex; align-items: center; gap: 28px; }
.brand { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }
.brand img { width: 140px; height: auto; filter: brightness(0) invert(1); transition: filter .3s; }
.site-header.scrolled .brand img { filter: none; }
.brand span { padding-left: 14px; border-left: 1px solid rgba(255,255,255,.25); font-size: 12px; opacity: .72; white-space: nowrap; }
.site-header.scrolled .brand span { border-color: var(--line); }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 26px; flex: 1; }
.main-nav a { position: relative; font-size: 14px; white-space: nowrap; opacity: .86; transition: color .25s ease, opacity .25s ease; }
.main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 2px; border-radius: 2px; background: var(--blue); transition: right .25s ease; }
.main-nav a:hover::after,.main-nav a:focus-visible::after,.main-nav a.active::after { right: 0; }
.main-nav a:hover,.main-nav a:focus-visible,.main-nav a.active { color: var(--blue); opacity: 1; }
.nav-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.login-link { margin-right: 4px; font-size: 13px; opacity: .8; }
.site-header:not(.scrolled) .nav-actions .button-ghost { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.24); }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 9px; margin-left: auto; border: 0; background: transparent; }
.menu-toggle span { display: block; height: 2px; margin: 5px 0; background: currentColor; transition: transform .25s, opacity .25s; }

.hero { position: relative; min-height: 820px; display: flex; align-items: center; color: #fff; isolation: isolate; overflow: hidden; background: var(--navy); }
.hero-media { position: absolute; inset: -3%; z-index: -4; background: url("../img/evsim-hero-command-center.png") center center / cover no-repeat; transform: scale(1.04); animation: hero-breathe 18s ease-in-out infinite alternate; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -3; background: linear-gradient(90deg, rgba(3,16,38,.95) 0%, rgba(4,21,48,.84) 32%, rgba(4,22,50,.42) 58%, rgba(3,15,34,.18) 100%), linear-gradient(0deg, rgba(2,12,29,.72), transparent 45%); }
.hero::after { content: ""; position: absolute; z-index: -2; inset: auto 0 0; height: 220px; background: linear-gradient(0deg, rgba(4,15,32,.86), transparent); }
.hero-grid { position: absolute; inset: 0; z-index: -1; opacity: .18; background-image: linear-gradient(rgba(94,185,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(94,185,255,.18) 1px, transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg, #000, transparent 60%); animation: grid-pan 20s linear infinite; }
.hero-orbit { position: absolute; border: 1px solid rgba(43,167,255,.2); border-radius: 50%; pointer-events: none; }
.hero-orbit::after { content: ""; position: absolute; width: 8px; height: 8px; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 20px var(--cyan); }
.orbit-one { width: 460px; height: 460px; right: 22%; bottom: -220px; animation: rotate 18s linear infinite; }
.orbit-one::after { top: 50px; right: 56px; }
.orbit-two { width: 620px; height: 620px; right: -180px; bottom: -380px; opacity: .6; animation: rotate 28s linear infinite reverse; }
.orbit-two::after { top: 80px; left: 100px; }
.hero-content { position: relative; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 80px; padding-top: 90px; }
.hero-copy { max-width: 700px; padding: 74px 0 110px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow i { width: 20px; height: 2px; background: currentColor; box-shadow: 8px 0 0 rgba(37,99,235,.28); }
.eyebrow-light { color: #75c9ff; }
.hero h1 { max-width: 760px; margin: 25px 0 22px; font-size: clamp(46px, 4.3vw, 72px); line-height: 1.15; letter-spacing: -.045em; font-weight: 800; }
.hero h1 span { color: transparent; background: linear-gradient(90deg, #fff 0%, #a8ddff 52%, #8fd8ff 100%); -webkit-background-clip: text; background-clip: text; }
.hero-copy > p { max-width: 650px; margin: 0; color: rgba(228,241,255,.78); font-size: 17px; line-height: 1.9; }
.hero-actions { display: flex; gap: 14px; margin-top: 34px; }
.play-dot { display: grid; place-items: center; width: 24px; height: 24px; font-size: 12px; color: var(--blue); background: #fff; border-radius: 50%; }
.hero-note { display: flex; align-items: center; gap: 14px; margin-top: 28px; color: rgba(219,236,255,.65); font-size: 12px; }
.hero-note i { width: 3px; height: 3px; background: #5aaeff; border-radius: 50%; }
.hero-status { position: absolute; right: 2%; bottom: 90px; width: min(410px, 34vw); padding: 20px; background: rgba(3,22,48,.72); border: 1px solid rgba(125,201,255,.22); border-radius: 18px; box-shadow: 0 30px 80px rgba(0,0,0,.32); backdrop-filter: blur(18px); animation: status-float 6s ease-in-out infinite; }
.status-topline, .status-main, .status-metrics { display: flex; align-items: center; }
.status-topline { justify-content: space-between; padding-bottom: 14px; color: rgba(221,239,255,.6); font-size: 12px; border-bottom: 1px solid rgba(255,255,255,.1); }
.status-topline div { color: #bfe7ff; }
.live-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; background: #2fe0a4; border-radius: 50%; box-shadow: 0 0 0 5px rgba(47,224,164,.12); animation: pulse 1.8s infinite; }
.status-main { display: block; padding: 16px 0; }
.status-index { display: block; color: #62c2ff; font-size: 12px; letter-spacing: .18em; }
.status-main strong { display: block; margin: 6px 0 12px; font-size: 16px; }
.progress { height: 4px; overflow: hidden; background: rgba(255,255,255,.08); border-radius: 4px; }
.progress span { display: block; width: 68%; height: 100%; background: linear-gradient(90deg, var(--blue-2), var(--cyan)); border-radius: inherit; animation: progress-loop 5s ease-in-out infinite; }
.status-metrics { justify-content: space-between; padding-top: 4px; }
.status-metrics div { display: flex; flex-direction: column; }
.status-metrics b { color: #fff; font-size: 22px; }
.status-metrics span { color: rgba(221,239,255,.52); font-size: 12px; }
.status-event { position: absolute; display: flex; align-items: center; gap: 8px; padding: 9px 12px; color: #dff3ff; background: rgba(7,35,70,.88); border: 1px solid rgba(86,190,255,.24); border-radius: 9px; font-size: 12px; white-space: nowrap; box-shadow: 0 14px 30px rgba(0,0,0,.22); }
.status-event i { width: 6px; height: 6px; background: var(--cyan); border-radius: 50%; }
.event-a { right: 8px; top: -42px; animation: chip-float 5s ease-in-out infinite; }
.event-b { left: -24px; bottom: -38px; animation: chip-float 5s .8s ease-in-out infinite; }
.hero-scroll { position: absolute; bottom: 22px; left: 50%; display: flex; flex-direction: column; align-items: center; gap: 6px; transform: translateX(-50%); color: rgba(255,255,255,.5); font-size: 12px; letter-spacing: .12em; }
.hero-scroll span { position: relative; width: 1px; height: 24px; overflow: hidden; background: rgba(255,255,255,.18); }
.hero-scroll span::after { content: ""; position: absolute; top: -12px; left: 0; width: 1px; height: 12px; background: #fff; animation: scroll-line 1.8s infinite; }

.proof-strip { position: relative; z-index: 5; margin-top: -1px; background: #fff; border-bottom: 1px solid #e9eff7; box-shadow: 0 12px 30px rgba(21,58,110,.04); }
.proof-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.proof-grid div { position: relative; padding: 28px 34px; }
.proof-grid div:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 28px; bottom: 28px; width: 1px; background: #e3ebf5; }
.proof-grid b, .proof-grid span { display: block; }
.proof-grid b { margin-bottom: 3px; font-size: 15px; }
.proof-grid span { color: var(--muted); font-size: 12px; }

.section { position: relative; padding: 130px 0; }
.section-heading { margin-bottom: 58px; }
.section-heading.centered { max-width: 840px; margin-left: auto; margin-right: auto; text-align: center; }
.section-heading h2 { margin: 18px 0 16px; font-size: clamp(34px, 3.2vw, 52px); line-height: 1.24; letter-spacing: -.035em; }
.section-heading h2 span { color: #3c5d89; }
.section-heading p { max-width: 720px; margin: 0 auto; color: var(--muted); font-size: 16px; }
.split-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; }
.split-heading h2 { margin-bottom: 0; }
.split-heading > p { max-width: 440px; margin: 0 0 8px; }

.value-section { overflow: hidden; background: linear-gradient(180deg, #fff 0%, #f8fbff 100%); }
.value-section::before { content: ""; position: absolute; width: 580px; height: 580px; top: -260px; right: -200px; background: radial-gradient(circle, rgba(58,139,255,.1), transparent 65%); }
.value-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
.value-card { position: relative; min-height: 350px; padding: 34px; overflow: hidden; background: rgba(255,255,255,.86); border: 1px solid rgba(31,93,172,.11); border-radius: var(--radius); box-shadow: 0 20px 60px rgba(33,72,130,.07); transition: transform .3s, box-shadow .3s, border-color .3s; }
.value-card:hover { transform: translateY(-8px); border-color: rgba(37,99,235,.28); box-shadow: var(--shadow); }
.value-number { position: absolute; right: 28px; top: 18px; color: rgba(37,99,235,.08); font-size: 58px; font-weight: 900; }
.value-icon { display: grid; place-items: center; width: 62px; height: 62px; margin-bottom: 42px; color: #fff; border-radius: 18px; font-size: 18px; font-weight: 900; box-shadow: 0 12px 26px rgba(37,99,235,.25); }
.icon-ai { background: linear-gradient(145deg, var(--blue), var(--violet)); }
.icon-flow { background: linear-gradient(145deg, #1688ff, #06b6d4); font-size: 32px; }
.icon-shield { background: linear-gradient(145deg, #0ab77b, #29c5c9); font-size: 25px; }
.value-card h3 { margin: 0 0 12px; font-size: 24px; }
.value-card p { margin: 0; color: var(--muted); font-size: 14px; }
.value-card ul { display: flex; gap: 8px; padding: 0; margin: 28px 0 0; list-style: none; }
.value-card li { padding: 6px 9px; color: #40658f; background: #eff6ff; border-radius: 6px; font-size: 12px; }

.product-stage { overflow: hidden; color: #fff; background: linear-gradient(145deg, #06152c 0%, #09264d 58%, #07192f 100%); }
.product-stage::before { content: ""; position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(79,175,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(79,175,255,.18) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(#000, transparent); }
.stage-glow { position: absolute; width: 700px; height: 700px; right: -240px; top: -180px; background: radial-gradient(circle, rgba(38,135,255,.22), transparent 66%); }
.stage-heading { position: relative; }
.stage-heading h2 { color: #fff; }
.stage-heading p { color: rgba(221,237,255,.66); }
.stage-layout { position: relative; display: grid; grid-template-columns: 280px 1fr; gap: 34px; }
.stage-tabs { display: flex; flex-direction: column; gap: 10px; }
.stage-tab { position: relative; display: grid; grid-template-columns: 42px 1fr; padding: 22px; color: rgba(224,239,255,.55); text-align: left; background: transparent; border: 1px solid rgba(125,195,255,.12); border-radius: 14px; transition: color .3s, background .3s, border-color .3s, transform .3s; }
.stage-tab span { grid-row: 1/3; color: #63baff; font-size: 12px; letter-spacing: .1em; }
.stage-tab b { font-size: 17px; }
.stage-tab small { font-size: 12px; }
.stage-tab:hover { transform: translateX(4px); color: #fff; border-color: rgba(94,189,255,.28); }
.stage-tab.active { color: #fff; background: linear-gradient(105deg, rgba(40,111,224,.34), rgba(19,72,140,.13)); border-color: rgba(92,186,255,.42); box-shadow: inset 3px 0 0 #35a8ff; }
.product-window { overflow: hidden; background: rgba(4,19,43,.72); border: 1px solid rgba(126,198,255,.25); border-radius: 18px; box-shadow: 0 35px 100px rgba(0,0,0,.34); }
.window-bar { display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0 20px; color: rgba(222,240,255,.68); background: rgba(9,37,75,.72); border-bottom: 1px solid rgba(120,195,255,.16); font-size: 12px; }
.window-brand { display: flex; align-items: center; gap: 9px; }
.brand-mark { display: grid; place-items: center; width: 24px; height: 24px; color: #fff; background: linear-gradient(135deg, var(--blue), var(--cyan)); border-radius: 7px; font-weight: 900; }
.window-meta span { display: inline-block; width: 6px; height: 6px; margin-right: 6px; background: #2be0a4; border-radius: 50%; box-shadow: 0 0 12px #2be0a4; }
.window-body { min-height: 470px; }
.mock-app { display: grid; grid-template-columns: 82px 1fr; min-height: 470px; }
.mock-sidebar { display: flex; flex-direction: column; gap: 15px; align-items: center; padding-top: 26px; background: rgba(4,19,42,.66); border-right: 1px solid rgba(129,198,255,.12); }
.mock-sidebar span { width: 34px; height: 34px; background: rgba(95,181,255,.08); border: 1px solid rgba(95,181,255,.1); border-radius: 9px; }
.mock-sidebar span.active { background: linear-gradient(135deg, rgba(37,99,235,.8), rgba(6,182,212,.7)); box-shadow: 0 8px 22px rgba(37,99,235,.3); }
.mock-content { padding: 24px; background: linear-gradient(145deg, rgba(15,50,96,.35), rgba(4,19,43,.2)); }
.mock-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.mock-title div b { display: block; font-size: 18px; }
.mock-title div span { color: rgba(219,238,255,.45); font-size: 12px; }
.mock-title button { padding: 8px 13px; color: #fff; background: var(--blue); border: 0; border-radius: 7px; font-size: 12px; }
.plan-canvas { display: grid; grid-template-columns: 1.4fr .7fr; gap: 16px; }
.timeline-panel, .summary-panel, .map-panel, .response-panel, .review-panel { background: rgba(8,32,67,.68); border: 1px solid rgba(115,190,255,.13); border-radius: 12px; }
.timeline-panel { padding: 18px; }
.timeline-head { display: flex; justify-content: space-between; color: #8dbee5; font-size: 12px; }
.node-list { position: relative; display: grid; gap: 11px; margin-top: 18px; }
.node-list::before { content: ""; position: absolute; left: 12px; top: 14px; bottom: 14px; width: 1px; background: rgba(84,176,255,.24); }
.node { position: relative; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; gap: 10px; padding: 10px 12px 10px 6px; background: rgba(255,255,255,.025); border-radius: 8px; }
.node i { z-index: 1; display: grid; place-items: center; width: 26px; height: 26px; color: #95cfff; background: #0d376a; border: 1px solid rgba(100,190,255,.25); border-radius: 50%; font-style: normal; font-size: 12px; }
.node.active { background: linear-gradient(90deg, rgba(38,116,236,.24), rgba(38,116,236,.04)); outline: 1px solid rgba(72,161,255,.22); }
.node.active i { color: #fff; background: var(--blue); box-shadow: 0 0 18px rgba(37,99,235,.55); }
.node b { display: block; font-size: 12px; }
.node small { color: rgba(215,236,255,.42); font-size: 12px; }
.node em { color: #5cbbff; font-style: normal; font-size: 12px; }
.summary-panel { padding: 18px; }
.summary-panel h4, .response-panel h4, .review-panel h4 { margin: 0 0 15px; font-size: 12px; }
.summary-stat { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.summary-stat div { padding: 13px; background: rgba(255,255,255,.03); border-radius: 8px; }
.summary-stat b, .summary-stat span { display: block; }
.summary-stat b { color: #85d2ff; font-size: 18px; }
.summary-stat span { color: rgba(216,235,255,.42); font-size: 12px; }
.mini-chart { position: relative; height: 120px; margin-top: 12px; overflow: hidden; background: linear-gradient(180deg, rgba(36,123,230,.08), transparent); border-radius: 8px; }
.mini-chart::before { content: ""; position: absolute; left: -10%; right: -10%; bottom: 25px; height: 45px; border-top: 2px solid #39a9ff; transform: rotate(-8deg) skewX(-30deg); box-shadow: 30px -18px 0 -1px rgba(57,169,255,.45), 60px 12px 0 -1px rgba(57,169,255,.25); }
.run-canvas { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; }
.map-panel { position: relative; min-height: 340px; overflow: hidden; background: linear-gradient(rgba(42,116,188,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(42,116,188,.08) 1px, transparent 1px), radial-gradient(circle at 58% 42%, rgba(35,119,228,.24), transparent 28%), rgba(5,26,57,.72); background-size: 28px 28px, 28px 28px, auto, auto; }
.map-zone { position: absolute; width: 110px; height: 70px; border: 1px solid rgba(67,172,255,.5); background: rgba(30,114,213,.12); transform: skewY(-18deg); }
.map-zone.a { left: 23%; top: 24%; }
.map-zone.b { left: 48%; top: 50%; width: 145px; }
.map-zone.c { right: 12%; top: 18%; width: 90px; }
.map-alert { position: absolute; left: 52%; top: 38%; width: 18px; height: 18px; background: var(--red); border: 4px solid rgba(255,255,255,.9); border-radius: 50%; box-shadow: 0 0 0 12px rgba(239,68,68,.12), 0 0 30px rgba(239,68,68,.7); animation: pulse-map 2s infinite; }
.map-route { position: absolute; left: 18%; right: 18%; top: 55%; height: 2px; background: linear-gradient(90deg, transparent, #24c8ea, #3d86ff, transparent); transform: rotate(-12deg); box-shadow: 0 0 16px #2fc0ff; }
.response-panel { padding: 16px; }
.response-item { display: grid; grid-template-columns: 10px 1fr auto; gap: 9px; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(128,194,255,.08); }
.response-item i { width: 7px; height: 7px; background: #2adfa2; border-radius: 50%; }
.response-item.pending i { background: var(--orange); }
.response-item b { font-size: 12px; }
.response-item small { color: rgba(214,234,255,.42); font-size: 12px; }
.response-item em { color: #75c8ff; font-style: normal; font-size: 12px; }
.run-controls { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; padding: 12px 16px; background: rgba(8,32,67,.7); border: 1px solid rgba(115,190,255,.13); border-radius: 10px; }
.run-controls div { display: flex; gap: 8px; }
.run-controls button { padding: 7px 12px; color: #d7efff; background: rgba(79,164,255,.1); border: 1px solid rgba(90,178,255,.16); border-radius: 6px; font-size: 12px; }
.run-controls button.primary { background: var(--blue); }
.run-controls span { color: #8ccfff; font-size: 12px; }
.review-canvas { display: grid; grid-template-columns: .78fr 1.22fr; gap: 16px; }
.review-panel { padding: 18px; }
.score-ring { display: grid; place-items: center; width: 150px; height: 150px; margin: 15px auto 22px; border-radius: 50%; background: conic-gradient(#2f96ff 0 86%, rgba(255,255,255,.07) 86%); position: relative; }
.score-ring::before { content: ""; position: absolute; inset: 12px; background: #09264d; border-radius: 50%; }
.score-ring div { position: relative; text-align: center; }
.score-ring b { display: block; font-size: 40px; line-height: 1; }
.score-ring span { color: rgba(221,239,255,.48); font-size: 12px; }
.issue-list { display: grid; gap: 8px; }
.issue-list div { display: flex; justify-content: space-between; padding: 9px; background: rgba(255,255,255,.025); border-radius: 7px; color: rgba(222,239,255,.64); font-size: 12px; }
.issue-list b { color: #fff; }
.report-page { padding: 22px; background: rgba(246,250,255,.97); color: var(--ink); border-radius: 10px; min-height: 350px; }
.report-page header { display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid #e0e9f3; }
.report-page header b { font-size: 16px; }
.report-page header span { color: var(--blue); font-size: 12px; }
.report-section { margin-top: 16px; }
.report-section h5 { margin: 0 0 8px; font-size: 12px; }
.report-line { height: 6px; margin: 7px 0; background: #e6edf5; border-radius: 4px; }
.report-line:nth-child(2) { width: 92%; }.report-line:nth-child(3) { width: 76%; }.report-line:nth-child(4) { width: 84%; }
.report-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 17px; }
.report-cards div { padding: 11px; color: #385271; background: #edf5ff; border-radius: 7px; font-size: 12px; }
.report-cards b { display: block; color: var(--blue); font-size: 17px; }
.stage-output { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 26px; color: rgba(223,239,255,.62); font-size: 12px; }
.stage-output span { color: #64c2ff; font-weight: 800; letter-spacing: .08em; }
.stage-output b { color: #fff; font-size: 12px; }.stage-output i { width: 3px; height: 3px; background: #4ca6e8; border-radius: 50%; }

.experts-section { overflow: hidden; background: linear-gradient(145deg, #fff 0%, #f4f8ff 44%, #f7f3ff 100%); }
.experts-section::before { content: ""; position: absolute; inset: 0; opacity: .5; background-image: radial-gradient(circle at 18% 22%, rgba(37,99,235,.1) 0 1px, transparent 1.5px), radial-gradient(circle at 80% 65%, rgba(124,92,252,.1) 0 1px, transparent 1.5px); background-size: 42px 42px, 58px 58px; }
.experts-orb { position: absolute; width: 720px; height: 720px; left: -340px; top: 180px; background: radial-gradient(circle, rgba(52,137,255,.14), transparent 65%); }
.expert-tabs { position: relative; z-index: 2; display: flex; justify-content: center; gap: 10px; margin: -12px 0 32px; }
.expert-tab { display: flex; align-items: center; gap: 9px; padding: 12px 20px; color: #63748c; background: rgba(255,255,255,.76); border: 1px solid rgba(39,91,163,.12); border-radius: 999px; transition: all .25s; }
.expert-tab span { width: 7px; height: 7px; background: #a8b7ca; border-radius: 50%; }
.expert-tab.active { color: #fff; background: linear-gradient(135deg, var(--blue), var(--violet)); border-color: transparent; box-shadow: 0 12px 32px rgba(76,89,222,.24); }
.expert-tab.active span { background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.16); }
.expert-stage { position: relative; display: grid; grid-template-columns: .75fr 1.25fr; min-height: 580px; overflow: hidden; background: rgba(255,255,255,.78); border: 1px solid rgba(47,96,169,.12); border-radius: 28px; box-shadow: 0 35px 90px rgba(47,76,132,.12); backdrop-filter: blur(12px); }
.expert-stage::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 42%; background: linear-gradient(155deg, rgba(230,243,255,.86), rgba(235,232,255,.7)); }
.expert-person { position: relative; display: flex; align-items: flex-end; justify-content: center; min-height: 580px; overflow: hidden; }
.expert-person img { position: relative; z-index: 2; width: min(410px, 88%); max-height: 540px; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 26px 34px rgba(40,68,119,.18)); transition: opacity .25s, transform .35s; }
.expert-person.switching img { opacity: 0; transform: translateY(12px); }
.person-halo { position: absolute; z-index: 1; left: 50%; bottom: 40px; width: 390px; height: 390px; transform: translateX(-50%); border: 1px solid rgba(58,134,232,.16); border-radius: 50%; animation: rotate 22s linear infinite; }
.person-halo::before, .person-halo::after { content: ""; position: absolute; border: 1px solid rgba(94,153,238,.16); border-radius: 50%; }
.person-halo::before { inset: 48px; }.person-halo::after { inset: 100px; }
.person-halo i { position: absolute; width: 10px; height: 10px; background: var(--blue); border: 3px solid #e9f3ff; border-radius: 50%; box-shadow: 0 0 18px var(--blue); }
.person-halo i:nth-child(1) { top: 34px; left: 77px; }.person-halo i:nth-child(2) { right: 28px; top: 160px; background: var(--violet); }.person-halo i:nth-child(3) { bottom: 36px; left: 120px; background: var(--cyan); }
.expert-identity { position: absolute; z-index: 4; left: 28px; right: 28px; bottom: 22px; padding: 13px 16px; background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.9); border-radius: 14px; box-shadow: 0 14px 35px rgba(42,71,120,.15); backdrop-filter: blur(16px); }
.expert-identity > span { display: block; color: var(--violet); font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.expert-identity b { display: inline-block; margin-top: 2px; font-size: 16px; }
.expert-identity small { float: right; margin-top: 5px; color: var(--muted); font-size: 12px; }
.expert-identity small i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; background: var(--green); border-radius: 50%; box-shadow: 0 0 0 4px rgba(34,160,107,.1); }
.expert-panel { position: relative; z-index: 2; padding: 58px 58px 38px; }
.expert-index { color: var(--violet); font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.expert-copy h3 { max-width: 660px; margin: 12px 0 13px; font-size: 28px; line-height: 1.3; }
.expert-copy p { max-width: 660px; margin: 0; color: var(--muted); font-size: 14px; }
.expert-copy ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0; margin: 22px 0 28px; list-style: none; }
.expert-copy li { position: relative; padding-left: 18px; color: #40546f; font-size: 12px; }
.expert-copy li::before { content: ""; position: absolute; left: 0; top: .7em; width: 7px; height: 7px; background: linear-gradient(135deg,var(--blue),var(--violet)); border-radius: 2px; transform: rotate(45deg); }
.ai-dialog { padding: 20px; background: #fff; border: 1px solid #e2eaf5; border-radius: 16px; box-shadow: 0 16px 44px rgba(36,73,126,.08); }
.dialog-head { display: flex; align-items: center; gap: 8px; padding-bottom: 14px; color: #3d5270; border-bottom: 1px solid #edf1f7; font-size: 12px; font-weight: 700; }
.dialog-head b { margin-left: auto; color: #8b99ab; font-size: 12px; font-weight: 500; }
.spark { display: grid; place-items: center; width: 25px; height: 25px; color: #fff; background: linear-gradient(135deg,var(--blue),var(--violet)); border-radius: 8px; }
.dialog-user { width: 76%; margin: 16px 0 14px auto; padding: 11px 14px; color: #36506f; background: #eef5ff; border-radius: 12px 12px 3px 12px; font-size: 12px; }
.dialog-answer { display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: flex-start; }
.assistant-avatar { display: grid; place-items: center; width: 28px; height: 28px; color: #fff; background: linear-gradient(135deg,var(--blue),var(--cyan)); border-radius: 9px; font-size: 12px; font-weight: 900; }
.dialog-answer p { margin: 0; padding: 10px 13px; color: #43566f; background: #f7f9fc; border-radius: 3px 12px 12px 12px; font-size: 12px; }
.source-tags { display: flex; gap: 7px; margin: 13px 0 0 38px; }
.source-tags span { padding: 4px 8px; color: #5e71a0; background: #f2f0ff; border-radius: 5px; font-size: 12px; }
.human-note { display: flex; align-items: center; gap: 8px; margin-top: 13px; color: #77859a; font-size: 12px; }
.human-note span { display: grid; place-items: center; width: 17px; height: 17px; color: var(--orange); background: #fff8e7; border-radius: 50%; font-weight: 900; }

.roles-section { background: #fff; }
.role-shell { overflow: hidden; border: 1px solid #dce6f2; border-radius: 24px; box-shadow: 0 30px 90px rgba(37,67,119,.1); }
.role-nav { display: grid; grid-template-columns: repeat(5,1fr); background: #f6f9fd; border-bottom: 1px solid #e0e8f2; }
.role-tab { display: flex; align-items: center; justify-content: center; gap: 9px; padding: 18px; color: #65748a; background: transparent; border: 0; border-right: 1px solid #e2eaf3; transition: all .25s; }
.role-tab:last-child { border-right: 0; }
.role-tab span { color: #9caabc; font-size: 12px; }
.role-tab.active { color: var(--blue); background: #fff; box-shadow: 0 9px 22px rgba(37,99,235,.12); font-weight: 800; }
.role-view { display: grid; grid-template-columns: .75fr 1.25fr; min-height: 480px; }
.role-copy { padding: 70px 55px; background: linear-gradient(145deg,#fff,#f6faff); }
.role-kicker { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.role-copy h3 { margin: 12px 0 16px; font-size: 28px; }
.role-copy p { color: var(--muted); font-size: 14px; }
.role-points { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 28px; }
.role-points span { padding: 7px 10px; color: #456487; background: #edf5ff; border-radius: 7px; font-size: 12px; }
.role-ui { min-height: 480px; padding: 28px; color: #dceeff; background: linear-gradient(145deg,#071a33,#0a2b55); }
.role-dashboard { height: 100%; display: grid; grid-template-columns: 1fr .68fr; gap: 13px; }
.role-main, .role-side { display: grid; gap: 13px; }
.role-screen { position: relative; overflow: hidden; padding: 16px; background: rgba(12,47,91,.68); border: 1px solid rgba(102,184,255,.14); border-radius: 11px; }
.role-screen > b { display: block; margin-bottom: 12px; font-size: 12px; }
.media-frame { position: relative; min-height: 205px; background: radial-gradient(circle at 55% 45%,rgba(41,123,229,.34),transparent 25%), linear-gradient(rgba(63,143,222,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(63,143,222,.09) 1px,transparent 1px),#061a36; background-size:auto,22px 22px,22px 22px,auto; border-radius: 8px; }
.media-frame::before { content: ""; position: absolute; inset: 30% 24%; border: 1px solid #3ca8f4; transform: skewY(-14deg); box-shadow: 0 0 30px rgba(60,168,244,.18); }
.control-row { display: flex; justify-content: center; gap: 8px; padding-top: 14px; }
.control-row span { padding: 6px 10px; color: #99d4ff; background: rgba(82,171,255,.1); border-radius: 6px; font-size: 12px; }
.control-row span.active { color:#fff;background:var(--blue); }
.task-feed { display: grid; gap: 8px; }
.task-feed div { display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 8px; padding: 9px; background: rgba(255,255,255,.03); border-radius: 7px; font-size: 12px; }
.task-feed i { width: 6px; height: 6px; background: #25d79a; border-radius: 50%; }.task-feed em { color: #73c7ff; font-style: normal; }
.command-map { position: relative; min-height: 260px; background: radial-gradient(circle at 45% 45%,rgba(40,127,236,.28),transparent 20%), linear-gradient(35deg,transparent 48%,rgba(46,153,239,.22) 49% 50%,transparent 51%), #061a36; border-radius: 8px; }
.command-map i { position:absolute;width:9px;height:9px;background:#35c8ff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 14px #35c8ff; }
.command-map i:nth-child(1){left:28%;top:35%}.command-map i:nth-child(2){left:52%;top:58%}.command-map i:nth-child(3){right:22%;top:28%;background:#f59e0b}
.task-card-ui { padding: 18px; background: linear-gradient(145deg,rgba(40,109,212,.22),rgba(9,39,77,.6)); border: 1px solid rgba(92,180,255,.2); border-radius: 10px; }
.countdown { color:#ffca68;font-size:28px;font-weight:800;letter-spacing:.08em; }.task-card-ui p{color:rgba(220,238,255,.62);font-size:12px}.response-actions{display:flex;gap:8px;margin-top:16px}.response-actions span{padding:7px 11px;background:rgba(88,173,255,.1);border-radius:6px;font-size:12px}.response-actions span:first-child{background:var(--blue);}
.score-bars { display:grid;gap:12px;margin-top:18px}.score-bars div{display:grid;grid-template-columns:65px 1fr 28px;align-items:center;gap:8px;font-size:12px}.score-bars i{height:5px;background:rgba(255,255,255,.08);border-radius:5px;overflow:hidden}.score-bars i::after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--blue-2),var(--cyan));border-radius:inherit}.score-bars em{font-style:normal;color:#7eceff}
.terminal-note { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 13px; color: #78879a; background: #f8fafc; border-top: 1px solid #e2eaf3; font-size: 12px; }
.terminal-note b { color: #344d6c; }.terminal-note span{width:1px;height:12px;background:#d6e0eb}

.solutions-section { background: linear-gradient(180deg,#f6faff,#fff); }
.solution-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.solution-card { min-height: 225px; padding: 28px; background:#fff;border:1px solid #e0e8f2;border-radius:18px;transition:transform .3s,box-shadow .3s,border-color .3s; }
.solution-card:hover{transform:translateY(-6px);border-color:rgba(37,99,235,.28);box-shadow:0 22px 50px rgba(33,72,130,.1)}
.solution-card h3{margin:18px 0 8px;font-size:20px}.solution-card p{margin:0;color:var(--muted);font-size:13px}.solution-card a{display:inline-block;margin-top:17px;color:var(--blue);font-size:12px;font-weight:800}.solution-icon{display:grid;place-items:center;width:44px;height:44px;color:var(--blue);background:#edf5ff;border-radius:12px;font-size:22px;font-weight:800}
.solution-featured{grid-row:span 2;min-height:468px;padding:0;overflow:hidden;background:linear-gradient(155deg,#0b2b55,#071a33);color:#fff;border:0}.solution-featured>div:last-child{padding:30px}.solution-featured p{color:rgba(223,239,255,.64)}.solution-featured a{color:#75cfff}.card-tag{display:inline-block;color:#71c5ff;font-size:12px;font-weight:800;letter-spacing:.12em}
.solution-scene{position:relative;height:235px;overflow:hidden;background:linear-gradient(rgba(59,148,238,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(59,148,238,.09) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(34,120,235,.38),transparent 40%);background-size:24px 24px,24px 24px,auto}.solution-scene span{position:absolute;left:18%;right:18%;bottom:32px;height:90px;border:1px solid rgba(77,182,255,.45);transform:perspective(320px) rotateX(58deg);box-shadow:inset 0 0 45px rgba(34,135,239,.18),0 0 35px rgba(34,135,239,.15)}.solution-scene i{position:absolute;left:48%;top:34%;width:28px;height:28px;background:var(--blue);border:6px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 18px rgba(37,99,235,.12),0 0 40px var(--blue);animation:pulse-map 2.2s infinite}
.integration-note{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:26px;padding:18px;background:#fff;border:1px solid #e0e8f2;border-radius:14px;color:#52657e;font-size:12px}.integration-note>span{color:var(--ink);font-weight:800}.integration-note div{display:flex;align-items:center;gap:7px}.integration-note i{display:grid;place-items:center;width:32px;height:24px;color:var(--blue);background:#edf5ff;border-radius:6px;font-style:normal;font-size:12px;font-weight:800}.integration-note small{color:#97a3b3}

.industries-section{overflow:hidden;background:#fff}.industries-section::before{content:"";position:absolute;width:640px;height:640px;right:-320px;top:100px;background:radial-gradient(circle,rgba(50,132,247,.09),transparent 65%)}
.industry-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}.industry-tab{padding:10px 18px;color:#65748a;background:#f6f9fd;border:1px solid #e0e8f2;border-radius:999px;font-size:12px;transition:all .25s}.industry-tab.active{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 10px 24px rgba(37,99,235,.24)}
.industry-stage{display:grid;grid-template-columns:1.15fr .85fr;min-height:500px;overflow:hidden;background:#f5f9ff;border:1px solid #dce6f3;border-radius:24px;box-shadow:0 30px 80px rgba(33,72,130,.1)}
.industry-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#071b38,#0c3c71)}.art-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(65,160,238,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(65,160,238,.14) 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateX(50deg) scale(1.35);transform-origin:center bottom}.art-zone{position:absolute;border:1px solid rgba(87,189,255,.55);background:rgba(30,118,216,.16);transform:skewY(-20deg);box-shadow:0 0 45px rgba(51,145,235,.14)}.zone-a{left:15%;top:24%;width:250px;height:160px}.zone-b{right:13%;bottom:16%;width:210px;height:120px}.art-path{position:absolute;left:10%;right:10%;top:56%;height:3px;background:linear-gradient(90deg,transparent,#29d1eb,#3f82ff,#8f6dff,transparent);transform:rotate(-11deg);box-shadow:0 0 22px #35b8ff}.art-alert{position:absolute;left:55%;top:38%;padding:8px 11px;color:#fff;background:rgba(6,27,57,.84);border:1px solid rgba(255,114,114,.35);border-radius:8px;font-size:12px;backdrop-filter:blur(10px)}.art-alert span{display:inline-block;width:7px;height:7px;margin-right:6px;background:var(--red);border-radius:50%;box-shadow:0 0 0 7px rgba(239,68,68,.14);animation:pulse 1.8s infinite}
.industry-copy{padding:58px}.industry-copy>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}.industry-copy h3{margin:10px 0 15px;font-size:30px}.industry-copy p{color:var(--muted);font-size:14px}.scenario-tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.scenario-tags span{padding:6px 9px;color:#536b88;background:#fff;border:1px solid #dfe8f3;border-radius:6px;font-size:12px}.industry-copy ol{display:flex;align-items:center;gap:8px;padding:0;margin:26px 0 32px;list-style:none}.industry-copy li{font-size:12px;color:#53677f}.industry-copy li:not(:last-child)::after{content:"→";margin-left:8px;color:#8ea0b5}

.case-section{padding-top:40px;background:#fff}.case-shell{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:480px;overflow:hidden;color:#fff;background:linear-gradient(125deg,#06172f,#0b3970 65%,#0c4b82);border-radius:28px}.case-shell::before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(96,179,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(96,179,255,.15) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.case-content{position:relative;padding:60px}.case-label{display:inline-block;margin:24px 0 8px;padding:5px 8px;color:#85d6ff;background:rgba(71,171,255,.12);border-radius:5px;font-size:12px}.case-content h2{margin:0 0 15px;font-size:38px;line-height:1.25}.case-content p{color:rgba(220,239,255,.62);font-size:12px}.case-flow{display:flex;align-items:center;gap:10px;margin:28px 0}.case-flow span{font-size:12px}.case-flow i{width:34px;height:1px;background:linear-gradient(90deg,#42bfff,transparent)}
.case-dashboard{position:relative;margin:44px 50px 44px 0;padding:26px;color:var(--ink);background:rgba(250,252,255,.96);border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:perspective(1000px) rotateY(-4deg)}.case-head{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e2e9f2;font-size:12px}.case-head b{color:var(--blue)}.case-score{display:flex;align-items:center;gap:10px;margin:22px 0}.case-score strong{font-size:46px;color:var(--blue);line-height:1}.case-score span{color:#718097;font-size:12px}.case-score i{flex:1;height:1px;background:#e1e9f3}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.case-stats div{padding:12px;background:#eff6ff;border-radius:8px}.case-stats b,.case-stats span{display:block}.case-stats b{font-size:18px}.case-stats span{color:#718097;font-size:12px}.case-lines{display:grid;gap:10px;margin-top:20px}.case-lines span{height:7px;background:linear-gradient(90deg,var(--blue) var(--w),#e7edf5 var(--w));border-radius:5px}

.deployment-section{background:linear-gradient(180deg,#f7faff,#fff)}.deployment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.deployment-card{position:relative;padding:34px;background:#fff;border:1px solid #dde6f1;border-radius:18px;transition:transform .3s,box-shadow .3s}.deployment-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.deployment-card>span{color:#a5b2c4;font-size:12px;font-weight:800;letter-spacing:.12em}.deployment-card h3{margin:20px 0 9px;font-size:23px}.deployment-card p{min-height:48px;color:var(--muted);font-size:12px}.deployment-card ul{padding:18px 0 18px;margin:20px 0;border-top:1px solid #edf1f6;list-style:none}.deployment-card li{position:relative;padding:7px 0 7px 18px;color:#53657d;font-size:12px}.deployment-card li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.deployment-card a{color:var(--blue);font-size:12px;font-weight:800}.deployment-card.featured{color:#fff;background:linear-gradient(145deg,#0a2d5b,#0a4b88);border-color:transparent;box-shadow:0 25px 60px rgba(17,68,131,.22)}.deployment-card.featured p,.deployment-card.featured li{color:rgba(226,241,255,.68)}.deployment-card.featured ul{border-color:rgba(255,255,255,.12)}.deployment-card.featured a{color:#8bd6ff}.recommend{position:absolute;right:20px;top:18px;padding:4px 8px;color:#fff;background:linear-gradient(90deg,var(--blue),var(--violet));border-radius:5px;font-size:12px}
.delivery-flow{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px;padding:18px;background:#fff;border:1px solid #e0e8f2;border-radius:14px;font-size:12px}.delivery-flow i{color:#8aa3c0;font-style:normal}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border:1px solid #e0e8f2;border-radius:14px;overflow:hidden}.trust-grid div{padding:20px;background:#fff}.trust-grid div:not(:last-child){border-right:1px solid #e5ebf3}.trust-grid b,.trust-grid span{display:block}.trust-grid b{font-size:12px}.trust-grid span{margin-top:4px;color:var(--muted);font-size:12px}

.resources-section{background:#fff}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.resource-card{display:grid;grid-template-columns:54px 1fr 25px;gap:18px;align-items:center;padding:26px;background:#f8fbff;border:1px solid #e1e9f3;border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s}.resource-card:hover{transform:translateY(-4px);border-color:rgba(37,99,235,.3);box-shadow:0 18px 44px rgba(33,72,130,.08)}.resource-card>span{display:grid;place-items:center;width:54px;height:54px;color:var(--blue);background:#eaf3ff;border-radius:14px;font-size:12px;font-weight:900}.resource-card small{color:var(--blue);font-size:12px}.resource-card h3{margin:2px 0 3px;font-size:17px}.resource-card p{margin:0;color:var(--muted);font-size:12px}.resource-card>i{color:#9aabba;font-style:normal;font-size:18px}

.contact-section{position:relative;overflow:hidden;padding:120px 0;color:#fff;background:linear-gradient(125deg,#06162e,#0a3265 62%,#0d4a86)}.contact-section::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(89,172,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(89,172,255,.16) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,#000,transparent)}.contact-orb{position:absolute;width:600px;height:600px;left:-280px;top:-180px;border:1px solid rgba(80,179,255,.15);border-radius:50%;box-shadow:inset 0 0 100px rgba(36,126,226,.08)}.contact-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.contact-copy h2{margin:20px 0;font-size:52px;line-height:1.18}.contact-copy>p{max-width:520px;color:rgba(221,239,255,.68);font-size:14px}.contact-points{display:flex;gap:20px;margin:28px 0}.contact-points span{font-size:12px}.contact-points i{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;color:#fff;background:rgba(45,198,180,.2);border-radius:50%;font-style:normal}.contact-phone{margin-top:46px}.contact-phone small,.contact-phone b,.contact-phone span{display:block}.contact-phone small{color:#78c9ff;font-size:12px}.contact-phone b{margin:4px 0;font-size:25px}.contact-phone span{color:rgba(218,238,255,.5);font-size:12px}
.contact-form{padding:36px;color:var(--ink);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 35px 90px rgba(0,0,0,.26);backdrop-filter:blur(14px)}.form-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.form-head h3{margin:0;font-size:24px}.form-head span{color:var(--muted);font-size:12px}.contact-form label{display:block;margin-bottom:14px}.contact-form label>span{display:block;margin-bottom:6px;color:#53657b;font-size:12px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 13px;color:var(--ink);background:#f7f9fc;border:1px solid #dce5ef;border-radius:9px;outline:none;transition:border .2s,box-shadow .2s;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-submit{width:100%;border:0}.privacy-note{display:block;margin-top:10px;color:#909bad;text-align:center;font-size:12px}

.site-footer{padding:72px 0 25px;color:rgba(218,235,255,.62);background:#041124}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,.8fr) 1.2fr;gap:46px}.footer-brand img{width:180px;filter:none;opacity:1}.footer-brand p{margin:15px 0 28px;font-size:12px}.footer-brand strong{color:#fff;font-size:18px;line-height:1.55}.footer-grid h3{margin:0 0 16px;color:#fff;font-size:12px}.footer-grid a,.footer-grid>div>p{display:block;margin:9px 0;color:rgba(218,235,255,.48);font-size:12px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 32px;margin-top:55px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:12px}.footer-bottom a{color:rgba(218,235,255,.48)}.footer-bottom a:hover{color:#fff}.footer-bottom .police-beian{display:inline-flex;align-items:center;gap:5px}.footer-bottom .police-badge{width:15px;height:15px;object-fit:contain}
.toast{position:fixed;z-index:200;left:50%;bottom:28px;padding:12px 18px;color:#fff;background:rgba(4,24,49,.94);border:1px solid rgba(83,182,255,.25);border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.25);transform:translate(-50%,120px);opacity:0;transition:transform .35s,opacity .35s;font-size:12px}.toast.show{transform:translate(-50%,0);opacity:1}.back-top{position:fixed;z-index:90;right:20px;bottom:20px;display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--blue);border:0;border-radius:12px;box-shadow:0 12px 28px rgba(37,99,235,.3);opacity:0;pointer-events:none;transform:translateY(12px);transition:all .25s}.back-top.show{opacity:1;pointer-events:auto;transform:none}

.reveal{opacity:1;transform:none;filter:none}
html.reveal-ready .reveal{
  opacity:0;
  transform:translate3d(0,18px,0);
  filter:blur(2px);
  transition:opacity .46s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),transform .58s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),filter .42s ease-out var(--reveal-delay,0ms);
  will-change:opacity,transform,filter;
}
html.reveal-ready .reveal.visible{opacity:1;transform:none;filter:none}

@keyframes hero-breathe{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1.2%,.4%,0)}}
@keyframes grid-pan{to{background-position:80px 80px}}
@keyframes rotate{to{transform:rotate(360deg)}}
@keyframes status-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes progress-loop{0%{width:32%}55%,100%{width:86%}}
@keyframes scroll-line{0%{transform:translateY(0)}100%{transform:translateY(38px)}}
@keyframes pulse-map{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}

@media (max-width: 1180px){
  .main-nav{gap:16px}.main-nav a{font-size:12px}.brand span{display:none}.nav-actions .button-ghost{display:none}.hero-content{grid-template-columns:1fr}.hero-copy{padding-bottom:240px}.hero-status{width:390px;right:5%;bottom:100px}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution-featured{grid-row:span 2}.footer-grid{grid-template-columns:1.3fr repeat(2,.8fr);}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:18px}
}

@media (max-width: 900px){
  .container{width:min(100% - 34px,var(--container))}.site-header,.site-header.scrolled{height:66px}.nav-shell{width:calc(100% - 28px)}.brand img{width:132px}.menu-toggle{display:block}.main-nav{position:fixed;inset:66px 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 20px 24px;color:var(--ink);background:rgba(255,255,255,.98);box-shadow:0 24px 50px rgba(16,43,82,.14);transform:translateY(-130%);opacity:0;transition:transform .3s,opacity .3s}.main-nav.open{transform:none;opacity:1}.main-nav a{padding:12px;border-bottom:1px solid #edf1f6;font-size:14px}.main-nav a::after{display:none}.nav-actions{display:none}.site-header:not(.scrolled) .brand img{filter:brightness(0) invert(1)}.site-header.menu-active{color:var(--ink);background:#fff}.site-header.menu-active .brand img{filter:none}.menu-active .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-active .menu-toggle span:nth-child(2){opacity:0}.menu-active .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hero{min-height:840px}.hero-media{background-position:64% center}.hero::before{background:linear-gradient(90deg,rgba(3,16,38,.95),rgba(4,21,48,.7)),linear-gradient(0deg,rgba(2,12,29,.8),transparent)}.hero-content{padding-top:70px}.hero-copy{padding:90px 0 300px}.hero h1{font-size:clamp(40px,8vw,58px)}.hero-status{left:17px;right:17px;bottom:95px;width:auto}.hero-scroll{display:none}
  .proof-grid{grid-template-columns:1fr 1fr}.proof-grid div:nth-child(2)::after{display:none}.proof-grid div:nth-child(-n+2){border-bottom:1px solid #e7edf5}.section{padding:100px 0}.split-heading{display:block}.split-heading>p{margin-top:20px}.value-grid{grid-template-columns:1fr}.value-card{min-height:auto}.stage-layout{grid-template-columns:1fr}.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.stage-tab{display:block;padding:16px;text-align:center}.stage-tab span{display:block}.stage-tab small{display:none}.stage-tab.active{box-shadow:inset 0 -3px 0 #35a8ff}.window-body,.mock-app{min-height:430px}.plan-canvas,.run-canvas,.review-canvas{grid-template-columns:1fr}.summary-panel,.response-panel{display:none}.mock-content{padding:16px}.stage-output{justify-content:flex-start;flex-wrap:wrap}
  .expert-stage{grid-template-columns:1fr;}.expert-stage::before{width:100%;height:450px}.expert-person{min-height:450px}.expert-person img{max-height:430px;width:360px}.expert-panel{padding:42px}.role-view{grid-template-columns:1fr}.role-copy{padding:42px}.role-ui{min-height:430px}.industry-stage{grid-template-columns:1fr}.industry-art{min-height:380px}.case-shell{grid-template-columns:1fr}.case-dashboard{margin:0 36px 45px;transform:none}.deployment-grid{grid-template-columns:1fr}.delivery-flow{flex-wrap:wrap}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid div:nth-child(2){border-right:0}.trust-grid div:nth-child(-n+2){border-bottom:1px solid #e5ebf3}.contact-grid{grid-template-columns:1fr;gap:55px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:0}
}

@media (max-width: 620px){
  .container{width:calc(100% - 28px)}.hero{min-height:780px}.hero-media{background-position:71% center}.hero::before{background:linear-gradient(180deg,rgba(3,16,38,.9) 0%,rgba(3,16,38,.78) 50%,rgba(3,16,38,.94) 100%)}.hero-copy{padding:105px 0 300px}.hero h1{font-size:38px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero-note{font-size:12px;gap:8px}.hero-status{bottom:48px;padding:16px}.event-a{right:0}.event-b{display:none}.status-metrics b{font-size:18px}
  .proof-grid{grid-template-columns:1fr}.proof-grid div{padding:20px}.proof-grid div::after{display:none}.proof-grid div:not(:last-child){border-bottom:1px solid #e7edf5}.section{padding:78px 0}.section-heading{margin-bottom:38px}.section-heading h2{font-size:31px}.section-heading p{font-size:13px}.value-card{padding:27px}.value-icon{margin-bottom:28px}.stage-tabs{gap:5px}.stage-tab{padding:12px 5px}.stage-tab b{font-size:12px}.product-window{border-radius:12px}.window-meta{display:none}.mock-app{grid-template-columns:45px 1fr}.mock-sidebar span{width:26px;height:26px}.mock-content{padding:12px}.timeline-panel{padding:11px}.node{grid-template-columns:24px 1fr;padding-right:6px}.node em{display:none}.review-panel{padding:12px}.report-page{padding:14px}.stage-output span{width:100%}
  .expert-tabs{justify-content:flex-start;overflow:auto;padding-bottom:6px}.expert-tab{flex:0 0 auto;padding:10px 13px;font-size:12px}.expert-stage{border-radius:20px}.expert-person{min-height:390px}.expert-person img{max-height:380px}.person-halo{width:320px;height:320px}.expert-identity{left:16px;right:16px}.expert-panel{padding:32px 22px}.expert-copy h3{font-size:23px}.expert-copy ul{grid-template-columns:1fr}.dialog-head b{display:none}.dialog-user{width:90%}
  .role-nav{overflow:auto;display:flex}.role-tab{flex:0 0 90px;padding:14px 8px}.role-copy{padding:32px 24px}.role-ui{padding:14px;min-height:390px}.role-dashboard{grid-template-columns:1fr}.role-side{display:none}.terminal-note{flex-wrap:wrap}.solution-grid{grid-template-columns:1fr}.solution-featured{grid-row:auto;min-height:430px}.integration-note{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.integration-note>span,.integration-note small{width:100%}.industry-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.industry-tab{flex:0 0 auto}.industry-art{min-height:300px}.industry-copy{padding:32px 24px}.industry-copy h3{font-size:25px}.industry-copy ol{align-items:flex-start;flex-wrap:wrap}.case-content{padding:38px 28px}.case-content h2{font-size:30px}.case-dashboard{margin:0 20px 28px;padding:18px}.delivery-flow{justify-content:flex-start}.trust-grid{grid-template-columns:1fr}.trust-grid div{border-right:0!important}.trust-grid div:not(:last-child){border-bottom:1px solid #e5ebf3}.resource-grid{grid-template-columns:1fr}.resource-card{grid-template-columns:46px 1fr 18px;padding:20px}.resource-card>span{width:46px;height:46px}.contact-section{padding:78px 0}.contact-copy h2{font-size:40px}.contact-grid{gap:38px}.contact-form{padding:25px 20px}.form-head{display:block}.form-head span{display:block;margin-top:5px}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:nth-child(5){grid-column:1/-1}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-bottom div{margin-top:0}
}

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

/* 2026 landing-page refinement: compact light rhythm inspired by 01.png */
body{background:#f7f9fd}
.site-header,.site-header.scrolled{height:68px;color:var(--ink);background:rgba(255,255,255,.78);border-bottom:1px solid rgba(103,119,139,.18);box-shadow:none;backdrop-filter:saturate(165%) blur(18px);-webkit-backdrop-filter:saturate(165%) blur(18px)}
.site-header.scrolled{background:rgba(255,255,255,.84);box-shadow:none}
.site-header .brand img,.site-header:not(.scrolled) .brand img{filter:none}
.site-header .brand span{border-color:#dce4ef;color:#5e6d81}
.site-header:not(.scrolled) .nav-actions .button-ghost{color:var(--blue);background:rgba(255,255,255,.86);border-color:rgba(37,99,235,.16)}
.hero{min-height:680px;color:var(--ink);background:#eff5ff}
.hero-media{inset:0;background-position:center 44%;animation:none;filter:saturate(.86) brightness(1.04)}
.hero::before{background:linear-gradient(90deg,#f8faff 0%,rgba(248,250,255,.97) 28%,rgba(244,248,255,.78) 52%,rgba(240,247,255,.2) 76%,rgba(237,245,255,.08) 100%)}
.hero::after{height:170px;background:linear-gradient(0deg,#f7f9fd 0%,rgba(247,249,253,.78) 34%,transparent)}
.hero-grid{opacity:.16;mask-image:linear-gradient(90deg,#000,transparent 68%)}
.hero-orbit{opacity:.36;border-color:rgba(37,99,235,.16)}
.hero-content{display:block;padding-top:72px}
.hero-copy{max-width:850px;padding:118px 0 132px}
.eyebrow-light{color:var(--blue)}
.hero h1{max-width:850px;margin:18px 0 14px;font-size:clamp(38px,3.35vw,50px);line-height:1.18;letter-spacing:-.04em;white-space:nowrap}
.hero h1 span{color:inherit;background:none}
.hero-copy>p{max-width:760px;color:#56667b;font-size:16px;line-height:1.7;white-space:nowrap}
.hero-actions{margin-top:26px}
.button-glass{color:#2d4c72;background:rgba(255,255,255,.15);border-color:rgba(32,85,151,.16);box-shadow:0 10px 28px rgba(34,72,127,.06)}
.hero-note{margin-top:21px;color:#6d7a8d}
.hero-status{right:4.2%;bottom:74px;width:min(390px,31vw);padding:18px;color:#20334e;background:rgba(255,255,255,.88);border-color:rgba(37,99,235,.13);box-shadow:0 26px 70px rgba(43,77,126,.18);animation:none}
.status-topline{color:#748399;border-color:#e7edf6}.status-topline div{color:#315e92}
.status-main strong,.status-metrics b{color:#18283e}.status-index{color:var(--blue)}
.status-metrics span{color:#7b899d}.progress{background:#e8eef7}
.status-event{color:#355575;background:rgba(255,255,255,.96);border-color:#dce7f5;box-shadow:0 12px 28px rgba(43,77,126,.12)}
.hero-scroll{display:none}
.proof-strip{background:rgba(255,255,255,.9)}
.proof-grid div{padding:20px 30px}.proof-grid div:not(:last-child)::after{top:20px;bottom:20px}

.section{padding:82px 0}
.section-heading{margin-bottom:34px}
.section-heading.centered{max-width:1080px}
.section-heading h2{margin:12px 0 10px;font-size:clamp(30px,2.45vw,40px);line-height:1.25;letter-spacing:-.03em}
.section-heading p{max-width:860px;font-size:15px;line-height:1.7}
.value-section{background:linear-gradient(180deg,#f7f9fd,#f0f5fc)}
.value-grid{gap:16px}
.value-card{min-height:220px;padding:26px 28px;border-radius:18px;box-shadow:0 14px 42px rgba(33,72,130,.055)}
.value-card:hover{transform:translateY(-4px)}
.value-number{top:12px;font-size:48px}
.value-icon{width:44px;height:44px;margin-bottom:20px;border-radius:13px;font-size:14px}
.value-card h3{margin-bottom:6px;font-size:20px}.value-card p{font-size:13px;line-height:1.7}
.value-card ul{margin-top:16px}.value-card li{font-size:12px}

.product-stage{color:var(--ink);background:linear-gradient(180deg,#f4f8ff,#eef4fc)}
.product-stage::before{opacity:.55;background-image:radial-gradient(circle at 20% 20%,rgba(37,99,235,.08) 0 1px,transparent 1.5px);background-size:38px 38px;mask-image:linear-gradient(#000,transparent)}
.stage-glow{opacity:.36}
.stage-heading h2{color:var(--ink)}.stage-heading p{color:var(--muted)}
.stage-layout{display:block}
.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.stage-tab{display:grid;grid-template-columns:36px 1fr;padding:14px 18px;color:#6b7b90;background:rgba(255,255,255,.68);border-color:#dce6f3;border-radius:12px}
.stage-tab span{grid-row:1/3;color:#8aa5c5}.stage-tab b{font-size:14px}.stage-tab small{font-size:12px}
.stage-tab:hover{transform:translateY(-2px);color:var(--ink);border-color:#a9c8f3}
.stage-tab.active{color:var(--ink);background:#fff;border-color:rgba(37,99,235,.3);box-shadow:0 10px 26px rgba(37,99,235,.08)}
.product-window{background:#fff;border-color:#d8e3f1;border-radius:18px;box-shadow:0 24px 65px rgba(39,75,127,.11)}
.window-bar{height:48px;color:#5f6f84;background:#f7f9fc;border-color:#e2e9f3;font-size:12px}
.window-meta span{box-shadow:none}
.window-body,.mock-app{min-height:400px}
.mock-app{grid-template-columns:58px 1fr}
.mock-sidebar{gap:13px;padding-top:19px;background:#f5f8fc;border-color:#e1e8f2}
.mock-sidebar .mock-logo{display:grid;place-items:center;width:30px;height:30px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:9px;font-size:12px;font-weight:900}
.mock-sidebar i{display:block;width:8px;height:8px;background:#c8d4e3;border-radius:50%}.mock-sidebar i.active{background:var(--blue);box-shadow:0 0 0 6px rgba(37,99,235,.1)}
.mock-content{padding:20px;background:#fbfcfe}
.mock-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.mock-toolbar small,.mock-toolbar strong{display:block}.mock-toolbar small{color:#8190a3;font-size:12px}.mock-toolbar strong{margin-top:2px;font-size:15px}
.mock-toolbar button,.run-controls button{padding:7px 12px;color:#fff;background:var(--blue);border:0;border-radius:7px;font-size:12px}
.plan-canvas,.run-canvas,.review-canvas{display:grid;grid-template-columns:1.4fr .75fr;gap:14px}
.timeline-panel,.summary-panel,.map-panel,.response-panel,.review-panel{padding:16px;color:var(--ink);background:#fff;border:1px solid #e0e8f2;border-radius:12px}
.panel-label{margin-bottom:11px;color:#4d6078;font-size:12px;font-weight:800}
.panel-label em{float:right;color:#8fa0b3;font-style:normal;font-weight:500}
.timeline-node{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;margin-top:8px;padding:9px 11px;background:#f7f9fc;border:1px solid transparent;border-radius:9px}
.timeline-node>b{display:grid;place-items:center;width:26px;height:26px;color:#6c7e94;background:#e9eff7;border-radius:50%;font-size:12px}
.timeline-node span,.timeline-node small{display:block}.timeline-node span{font-size:12px;font-weight:700}.timeline-node small{color:#8997a8;font-size:12px;font-weight:400}
.timeline-node.done>b{color:#0f9665;background:#e4f7ef}.timeline-node.active{background:#eef5ff;border-color:#bcd4f6}.timeline-node.active>b{color:#fff;background:var(--blue)}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-grid div{padding:10px;background:#f5f8fc;border-radius:8px}.stat-grid strong,.stat-grid span{display:block}.stat-grid strong{color:var(--blue);font-size:18px}.stat-grid span{color:#7b8ba0;font-size:12px}
.summary-panel .mini-chart{display:flex;align-items:end;gap:6px;height:66px;padding:8px;margin-top:10px;background:#f5f8fc}.summary-panel .mini-chart::before{display:none}.summary-panel .mini-chart span{flex:1;height:var(--h);background:linear-gradient(180deg,#6bbcff,var(--blue));border-radius:4px 4px 1px 1px}
.ai-suggestion{display:flex;gap:8px;margin-top:9px;padding:8px;background:#f3f0ff;border-radius:8px}.ai-suggestion i{width:7px;height:7px;margin-top:5px;background:var(--violet);border-radius:50%}.ai-suggestion p{margin:0;color:#5a6682;font-size:12px}.ai-suggestion b{display:block;color:#3a4962}
.map-panel{position:relative;min-height:286px;overflow:hidden;background:linear-gradient(rgba(37,99,235,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 1px),radial-gradient(circle at 58% 42%,rgba(37,99,235,.14),transparent 28%),#f7faff;background-size:26px 26px,26px 26px,auto,auto}
.map-zone{color:#426486;background:#fff;border-color:#9cc5ef;box-shadow:0 8px 20px rgba(37,99,235,.08)}
.map-alert{color:#b33b43;background:#fff;border-color:#ffd5d8}.map-route{box-shadow:0 0 16px rgba(37,99,235,.2)}
.response-item{border-color:#edf1f6}.response-item b{font-size:12px}.response-item small{color:#8897a9;font-size:12px}.response-item em{color:var(--blue)}
.run-controls{margin-top:12px;background:#f7f9fc;border-color:#e0e8f2}.run-controls span{color:#3c7e68}.run-controls button{color:#4f6178;background:#e9f0f8}.run-controls button.primary{color:#fff}
.review-panel{display:flex;align-items:center;justify-content:center;gap:24px}.score-ring{flex:0 0 126px;width:126px;height:126px;margin:0}.score-ring::before{background:#fff}.score-ring strong{position:relative;color:var(--ink);font-size:34px}.score-ring span{position:relative;color:#7d8ca0}
.issue-list{display:grid;gap:8px}.issue-list>div{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f6f8fc;border-radius:8px}.issue-list i{width:7px;height:7px;border-radius:50%}.issue-list i.high{background:#ef6a72}.issue-list i.middle{background:#f3b54a}.issue-list i.low{background:#26b47d}.issue-list span,.issue-list b,.issue-list small{display:block}.issue-list b{font-size:12px}.issue-list small{color:#8795a8;font-size:12px}
.report-page{min-height:286px;border:1px solid #e0e8f2;box-shadow:none}.report-head{display:flex;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #e7edf5}.report-page h4{margin:14px 0 8px}.report-page p{height:6px;margin:7px 0;background:#e9eef5;border-radius:4px}.report-page p.short{width:62%}.report-cards{display:flex;gap:8px;margin:14px 0}.report-cards i{height:42px;flex:1;background:#eef4fc;border-radius:6px}.report-stamp{float:right;margin-top:12px;color:var(--blue);font-size:12px}
.stage-output{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}.stage-output span{padding:6px 10px;color:#466482;background:#fff;border:1px solid #dce6f2;border-radius:999px;font-size:12px}

.experts-section{background:linear-gradient(180deg,#f7f9fd,#f2f5fb)}
.expert-tabs{margin:-4px 0 18px}.expert-tab{padding:10px 17px;font-size:12px}
.expert-stage{grid-template-columns:.62fr 1.38fr;min-height:430px;border-radius:22px;box-shadow:0 22px 60px rgba(47,76,132,.09)}
.expert-stage::before{width:32%;background:linear-gradient(155deg,#e9f3ff,#f0edff)}
.expert-person{min-height:430px}.expert-person img{width:min(300px,82%);max-height:400px}
.person-halo{width:330px;height:330px}.expert-identity{left:18px;right:18px;bottom:16px;padding:11px 13px}.expert-identity b{font-size:14px}
.expert-panel{display:flex;flex-direction:column;justify-content:center;padding:30px 36px}
.expert-copy h3{margin:7px 0 7px;font-size:23px}.expert-copy p{font-size:13px;line-height:1.7}
.expert-copy ul{grid-template-columns:repeat(3,auto);justify-content:start;gap:8px 22px;margin:14px 0 17px}.expert-copy li{font-size:12px}
.ai-dialog{padding:15px 17px;border-radius:13px}.dialog-head{padding-bottom:10px;font-size:12px}.dialog-user{margin:11px 0 10px auto;padding:9px 12px;font-size:12px}
.dialog-answer p{font-size:12px;line-height:1.65}.source-tags{margin-top:9px}.source-tags span{font-size:12px}.human-note{margin-top:9px;font-size:12px}

.roles-section{background:#f7f9fd}
.roles-section .split-heading{align-items:center}.roles-section .split-heading>p{max-width:420px}
.role-shell{border-radius:20px;box-shadow:0 22px 60px rgba(37,67,119,.09)}
.role-tab{padding:14px;font-size:13px}
.role-view{grid-template-columns:.62fr 1.38fr;min-height:400px}
.role-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 42px;background:linear-gradient(145deg,#fff,#f4f8fd)}
.role-copy h3{margin:9px 0 11px;font-size:24px;line-height:1.38}.role-copy p{margin:0;font-size:13px;line-height:1.8}
.role-points{gap:7px;margin-top:20px;padding:0;list-style:none}.role-points li,.role-points span{padding:7px 10px;color:#365d87;background:#eaf3ff;border-radius:7px;font-size:12px}
.role-ui{min-height:400px;padding:0;color:var(--ink);background:#eaf1fa}
.role-visual{position:relative;width:100%;height:100%;min-height:400px;margin:0;overflow:hidden;background:#eef4fb}
.role-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(244,248,254,.97) 100%)}
.role-visual img{width:100%;height:100%;object-fit:cover;object-position:center}
.role-visual figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:19px;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:14px 16px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.92);border-radius:13px;box-shadow:0 14px 34px rgba(50,78,119,.14);backdrop-filter:blur(14px)}
.role-visual figcaption b{font-size:14px}.role-visual figcaption small{grid-column:2;color:#74849a;font-size:12px}.role-live{grid-row:1/3;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;color:#395672;background:#f1f5fa;border-radius:999px;font-size:12px}.role-live i{width:7px;height:7px;background:var(--role-accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--role-accent) 15%,transparent)}
.terminal-note{padding:10px;font-size:12px}

.assessment-section{overflow:hidden;background:linear-gradient(180deg,#fff,#f2f6fc)}
.assessment-glow{position:absolute;right:-240px;top:-250px;width:680px;height:680px;background:radial-gradient(circle,rgba(49,130,246,.12),transparent 67%)}
.assessment-layout{position:relative;display:grid;grid-template-columns:.62fr 1.38fr;gap:22px;align-items:stretch}
.assessment-flow{display:flex;flex-direction:column;gap:10px}
.assessment-step{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:18px;background:rgba(255,255,255,.82);border:1px solid #dfe8f3;border-radius:14px;box-shadow:0 10px 28px rgba(35,71,123,.045)}
.assessment-step>span{display:grid;place-items:center;width:38px;height:38px;color:#65809f;background:#edf3fa;border-radius:11px;font-size:12px;font-weight:900}
.assessment-step b{display:block;margin-bottom:4px;font-size:14px}.assessment-step p{margin:0;color:#6c7c91;font-size:12px;line-height:1.65}
.assessment-step.active{background:linear-gradient(135deg,#f4f8ff,#fff);border-color:#bcd3f4;box-shadow:0 14px 32px rgba(37,99,235,.08)}
.assessment-step.active>span{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 8px 18px rgba(37,99,235,.22)}
.assessment-outputs{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding:16px 4px 0;border-top:1px solid #dfe7f1}
.assessment-outputs::before{content:"评估成果";width:100%;margin-bottom:2px;color:#8290a3;font-size:12px;font-weight:800;letter-spacing:.12em}
.assessment-outputs span{padding:6px 9px;color:#345b85;background:#eaf3ff;border-radius:7px;font-size:12px;font-weight:700}
.assessment-console{padding:20px;background:rgba(255,255,255,.94);border:1px solid #d8e3f1;border-radius:20px;box-shadow:0 24px 65px rgba(39,75,127,.11)}
.assessment-console-head,.assessment-console-head>div{display:flex;align-items:center}.assessment-console-head{justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e6ecf4}.assessment-console-head>div{gap:9px}.assessment-console-head b{font-size:13px}.assessment-console-head em{color:#4b7c68;font-style:normal;font-size:12px}.assessment-console-head em i{display:inline-block;width:6px;height:6px;margin-right:6px;background:#22b47c;border-radius:50%;box-shadow:0 0 0 4px rgba(34,180,124,.1)}
.assessment-summary{display:grid;grid-template-columns:150px 1fr;gap:15px;margin:15px 0}
.assessment-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:112px;background:radial-gradient(circle,#fff 49%,transparent 50%),conic-gradient(var(--blue) 0 86%,#e8eef6 86%);border-radius:14px}
.assessment-score strong{font-size:34px;line-height:1}.assessment-score span{margin-top:5px;color:#738399;font-size:12px}
.assessment-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.assessment-metrics div{display:flex;flex-direction:column;justify-content:center;padding:14px;background:#f5f8fc;border:1px solid #e8edf4;border-radius:11px}.assessment-metrics b{color:#245fae;font-size:21px}.assessment-metrics span{color:#7c8b9f;font-size:12px}
.assessment-body{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}
.assessment-evidence,.assessment-capability{padding:15px;background:#f8fafd;border:1px solid #e5ebf3;border-radius:13px}
.assessment-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.assessment-panel-title b{font-size:12px}.assessment-panel-title span{color:#8a98aa;font-size:12px}
.assessment-evidence ol{display:grid;gap:7px;padding:0;margin:0;list-style:none}.assessment-evidence li{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:8px 9px;background:#fff;border-radius:8px}.assessment-evidence li>i{width:7px;height:7px;background:#7d93ad;border-radius:50%}.assessment-evidence li.done>i{background:#22b47c}.assessment-evidence li.warning>i{background:#f0a631}.assessment-evidence li b,.assessment-evidence li span{display:block}.assessment-evidence li b{font-size:12px}.assessment-evidence li span{color:#8492a4;font-size:12px}.assessment-evidence li em{color:#56718f;font-style:normal;font-size:12px}.assessment-evidence li.warning em{color:#bf7611}
.assessment-capability>div:not(.assessment-panel-title){display:grid;grid-template-columns:54px 1fr 24px;gap:7px;align-items:center;margin-top:11px;font-size:12px}.assessment-capability>div>i{height:5px;overflow:hidden;background:#e5ebf3;border-radius:5px}.assessment-capability>div>i::after{content:"";display:block;width:var(--score);height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:inherit}.assessment-capability>div>b{text-align:right;font-size:12px}
.assessment-conclusion{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-top:12px;padding:11px 13px;background:#eef5ff;border:1px solid #d6e5f8;border-radius:11px}.assessment-conclusion>span{color:var(--blue);font-size:12px;font-weight:800}.assessment-conclusion p{margin:0;color:#52677f;font-size:12px}.assessment-conclusion button{padding:7px 10px;color:#fff;background:var(--blue);border:0;border-radius:7px;font-size:12px}

.solutions-section,.deployment-section{background:linear-gradient(180deg,#f1f5fb,#f7f9fd)}
.industries-section,.resources-section{background:#f7f9fd}
.industry-stage{min-height:450px}.solution-card{min-height:205px}.solution-featured{min-height:428px}
.case-section{padding-top:30px;background:#f7f9fd}.case-shell{min-height:440px}
.contact-section{padding:88px 0;background:linear-gradient(125deg,#0b3470,#1559a6 62%,#2382ca)}

@media (max-width:1180px){
  .hero h1,.hero-copy>p{white-space:normal}.hero-status{right:3%;width:350px}.hero-copy{max-width:720px}.hero h1{max-width:720px}
}
@media (max-width:900px){
  .hero{min-height:720px}.hero::before{background:linear-gradient(90deg,rgba(248,250,255,.98),rgba(248,250,255,.76))}.hero-copy{padding:108px 0 265px}.hero-status{left:17px;right:17px;bottom:48px;width:auto}.section{padding:68px 0}
  .value-grid{grid-template-columns:1fr}.value-card{min-height:auto}.expert-stage{grid-template-columns:1fr}.expert-stage::before{width:100%;height:320px}.expert-person{min-height:320px}.expert-person img{max-height:300px}.expert-panel{padding:28px}.role-view{grid-template-columns:1fr}.role-copy{padding:30px}.role-ui,.role-visual{min-height:360px;height:360px}.split-heading{display:block}.split-heading>p{margin-top:14px}.assessment-layout{grid-template-columns:1fr}.assessment-outputs{margin-top:6px}.assessment-console{margin-top:8px}
}
@media (max-width:620px){
  .hero{min-height:760px}.hero-media{background-position:66% center;opacity:.56}.hero::before{background:linear-gradient(180deg,rgba(248,250,255,.99) 0%,rgba(248,250,255,.94) 50%,rgba(248,250,255,.78) 100%)}.hero-copy{padding:94px 0 290px}.hero h1{font-size:34px;white-space:normal}.hero-copy>p{font-size:14px;white-space:normal}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-note{flex-wrap:wrap}
  .proof-grid div{padding:15px 20px}.section{padding:58px 0}.section-heading{margin-bottom:28px}.section-heading h2{font-size:28px}.section-heading p{font-size:13px}.stage-tabs{grid-template-columns:1fr}.stage-tab{grid-template-columns:32px 1fr;text-align:left}.stage-tab span{display:block}.stage-tab small{display:block}.mock-app{grid-template-columns:42px 1fr}.mock-content{padding:11px}.summary-panel,.response-panel{display:none}.plan-canvas,.run-canvas,.review-canvas{grid-template-columns:1fr}.mock-toolbar strong{font-size:12px}.window-body,.mock-app{min-height:380px}
  .expert-tabs{justify-content:flex-start}.expert-stage::before{height:285px}.expert-person{min-height:285px}.expert-person img{max-height:270px}.expert-panel{padding:24px 18px}.expert-copy ul{grid-template-columns:1fr}.expert-copy h3{font-size:21px}.dialog-head b{display:none}.dialog-user{width:92%}
  .role-nav{display:flex;overflow:auto}.role-tab{flex:0 0 90px}.role-copy{padding:26px 22px}.role-ui,.role-visual{min-height:300px;height:300px}.role-visual figcaption{left:12px;right:12px;bottom:12px;padding:10px}.role-live{display:none}.role-visual figcaption small{grid-column:1/-1}.terminal-note{display:none}.assessment-console{padding:14px}.assessment-summary{grid-template-columns:1fr}.assessment-score{min-height:100px}.assessment-body{grid-template-columns:1fr}.assessment-conclusion{grid-template-columns:1fr}.assessment-conclusion button{justify-self:start}.assessment-metrics b{font-size:18px}
}

/* 2026 hierarchy integration: filled states, no edge stripes */
.advantage-strip{position:relative;z-index:5;padding:0 0 22px;background:#f3f7fc}
.advantage-dock{display:grid;grid-template-columns:repeat(3,1fr);padding:9px;transform:translateY(-38px);margin-bottom:-38px;background:rgba(255,255,255,.96);border-radius:20px;box-shadow:0 22px 58px rgba(30,67,117,.14);backdrop-filter:blur(16px)}
.advantage-item{display:grid;grid-template-columns:46px 1fr 22px;gap:13px;align-items:center;min-height:86px;padding:15px 18px;color:var(--ink);text-align:left;background:transparent;border:0;border-radius:14px;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}
.advantage-item:hover{z-index:1;transform:translateY(-3px);background:#edf5ff;box-shadow:0 13px 30px rgba(20,120,242,.11)}
.advantage-item:focus-visible{outline:3px solid rgba(20,120,242,.24);outline-offset:2px}
.advantage-icon{display:grid;place-items:center;width:44px;height:44px;color:var(--blue);background:linear-gradient(145deg,#e6f1ff,#f5f9ff);border-radius:13px}
.advantage-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.advantage-item b,.advantage-item small{display:block}.advantage-item b{font-size:17px}.advantage-item small{margin-top:2px;color:#66778c;font-size:13px!important}
.advantage-arrow{width:18px;height:18px;fill:none;stroke:#9aabba;stroke-width:1.8;transition:transform .25s,stroke .25s}.advantage-item:hover .advantage-arrow{stroke:var(--blue);transform:translateX(3px)}

/* One fixed module title; the changing H3 lives inside the switch shell */
.product-stage{padding-top:70px;background:linear-gradient(180deg,#f3f7fc,#edf4fb)}
.stage-shell{padding:12px;background:rgba(255,255,255,.58);border-radius:25px;box-shadow:0 24px 65px rgba(30,67,117,.1)}
.stage-tabs{margin:0 0 11px;gap:9px}
.stage-tab{border:0;background:rgba(255,255,255,.82);box-shadow:none;border-radius:13px}
.stage-tab:hover{border:0;background:#fff;box-shadow:0 9px 24px rgba(30,67,117,.09)}
.stage-tab.active{color:#0c5fc6;background:linear-gradient(135deg,#e4f1ff,#f1f7ff);border:0;box-shadow:0 10px 26px rgba(20,120,242,.13)}
.stage-tab.active span{color:var(--blue)}
.product-window{overflow:hidden;border:0;border-radius:18px;box-shadow:0 16px 42px rgba(30,67,117,.09)}
.stage-context{display:grid;grid-template-columns:1.22fr .78fr;gap:26px;align-items:end;padding:25px 27px 22px;background:#fff}
.stage-context-index{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}
.stage-context h3{max-width:720px;margin:6px 0 6px;font-size:27px;line-height:1.35}
.stage-context p{max-width:760px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.stage-context .stage-output{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px;margin:0}
.stage-context .stage-output span{width:auto;padding:7px 10px;color:#38658f;background:#edf5ff;border:0;border-radius:8px;box-shadow:none;font-size:12px}

/* Selected states are full fills, never top/left edge markers */
.timeline-node.active,.director-timeline .active{background:#e9f3ff;box-shadow:0 7px 18px rgba(20,120,242,.09)}
.role-shell{padding:9px;background:#fff}
.role-nav{gap:6px;padding:6px;background:#f1f5fa;border:0;border-radius:14px}
.role-tab{border:0;border-radius:10px}
.role-tab.active{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 9px 22px rgba(20,120,242,.22);font-weight:800}
.role-tab.active span{color:rgba(255,255,255,.72)}
.role-view{margin-top:8px;overflow:hidden;border-radius:14px}
.terminal-note{margin-top:8px;border-radius:10px}

/* Evaluation: tabs, contextual H3 and console belong to one shell */
.assessment-shell{padding:12px;background:rgba(255,255,255,.6);border-radius:25px;box-shadow:0 24px 65px rgba(30,67,117,.1)}
.assessment-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:11px}
.assessment-tab{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;gap:1px 10px;align-items:center;min-height:72px;padding:13px 16px;color:#65758a;text-align:left;background:rgba(255,255,255,.86);border:0;border-radius:13px;transition:transform .24s,background-color .24s,box-shadow .24s}
.assessment-tab:hover{transform:translateY(-2px);background:#fff;box-shadow:0 9px 24px rgba(30,67,117,.09)}
.assessment-tab>span{grid-row:1/3;color:#90a3b9;font-size:12px;font-weight:800}.assessment-tab b{font-size:14px}.assessment-tab small{color:#8493a6}
.assessment-tab.active{color:#0c5fc6;background:linear-gradient(135deg,#e4f1ff,#f3f8ff);box-shadow:0 10px 26px rgba(20,120,242,.13)}
.assessment-tab.active>span{color:var(--blue)}
.assessment-panel{display:grid;grid-template-columns:.58fr 1.42fr;gap:14px;padding:14px;background:#f7f9fc;border-radius:17px}
.assessment-stage-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 26px;background:#fff;border-radius:14px;box-shadow:0 9px 27px rgba(31,66,114,.06)}
.assessment-stage-copy>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.09em}.assessment-stage-copy h3{margin:8px 0 9px;font-size:24px;line-height:1.42}.assessment-stage-copy>p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.assessment-stage-copy ul{display:grid;gap:8px;padding:0;margin:20px 0;list-style:none}.assessment-stage-copy li{position:relative;padding-left:18px;color:#4f657e;font-size:13px}.assessment-stage-copy li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;background:var(--blue);border-radius:50%}
.assessment-stage-copy .assessment-outputs{margin:2px 0 0;padding:14px 0 0}.assessment-stage-copy .assessment-outputs::before{content:"阶段产出"}
.assessment-console{align-self:stretch}

/* Recommended cards use a full tinted surface, not a colored edge */
.solution-card,.solution-featured{box-shadow:0 14px 38px rgba(30,67,117,.075)}
.solution-card:hover{background:#f9fbff}
.solution-featured{background:linear-gradient(145deg,#e9f4ff,#f8fbff);box-shadow:0 18px 46px rgba(20,120,242,.12)}
.solution-featured:hover{background:linear-gradient(145deg,#e2f0ff,#f4f9ff)}
.deployment-card.featured{background:linear-gradient(145deg,#e8f3ff,#f8fbff);box-shadow:0 20px 50px rgba(20,120,242,.14)}
.deployment-card.featured:hover{background:linear-gradient(145deg,#e1efff,#f4f9ff)}
.deployment-card:hover{background:#f9fbff}

/* Designer-owned visual placeholder; no CSS illustration */
.design-placeholder{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px;margin:0;overflow:hidden;background:#edf3fa}
.design-placeholder-mark{display:grid;place-items:center;width:72px;height:72px;color:#8aa4c1;background:rgba(255,255,255,.82);border-radius:22px;box-shadow:0 14px 34px rgba(30,67,117,.1)}
.design-placeholder-mark svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7}
.design-placeholder figcaption{position:absolute;left:26px;right:26px;bottom:24px;padding:16px 18px;background:rgba(255,255,255,.9);border-radius:13px;box-shadow:0 12px 30px rgba(30,67,117,.1);backdrop-filter:blur(12px)}
.design-placeholder figcaption span,.design-placeholder figcaption b,.design-placeholder figcaption small{display:block}.design-placeholder figcaption span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}.design-placeholder figcaption b{margin:4px 0 2px;font-size:16px}.design-placeholder figcaption small{color:#77879b}
.industry-stage{overflow:hidden}.industry-copy h3{font-size:25px}

/* Neutral card interactions */
.resource-card:hover,.assessment-console:hover{border-color:transparent}
.resource-card:hover{background:#f1f7ff}

@media (max-width:900px){
  .advantage-dock{transform:translateY(-28px);margin-bottom:-28px}.advantage-item{grid-template-columns:42px 1fr}.advantage-arrow{display:none}
  .stage-context{grid-template-columns:1fr}.stage-context .stage-output{justify-content:flex-start}
  .assessment-panel{grid-template-columns:1fr}.assessment-stage-copy{padding:25px}.design-placeholder{min-height:330px}
}
@media (max-width:620px){
  .advantage-strip{padding-bottom:8px}.advantage-dock{grid-template-columns:1fr;gap:5px;padding:7px;transform:translateY(-20px);margin-bottom:-20px;border-radius:17px}.advantage-item{min-height:72px;padding:11px 13px}.advantage-item b{font-size:16px}.advantage-item small{font-size:12px!important}
  .product-stage{padding-top:55px}.stage-shell{padding:8px;border-radius:18px}.stage-context{padding:21px 18px}.stage-context h3{font-size:22px}.stage-context .stage-output span{width:auto}
  .role-shell{padding:7px}.role-nav{border-radius:11px}.role-tab{border-radius:8px}
  .assessment-shell{padding:8px;border-radius:18px}.assessment-tabs{grid-template-columns:1fr;gap:6px}.assessment-tab{min-height:62px}.assessment-panel{padding:8px}.assessment-stage-copy{padding:22px 18px}.assessment-stage-copy h3{font-size:21px}
  .design-placeholder{min-height:280px}.design-placeholder figcaption{left:14px;right:14px;bottom:14px;padding:13px}
}

/* 2026 homepage hierarchy, readability and interaction pass */
:root{
  --blue:#1478f2;
  --blue-2:#19a8f5;
  --ink:#101d31;
  --muted:#5d6d82;
  --line:#e5ebf3;
  --shadow:0 22px 58px rgba(27,65,116,.12);
}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.section{padding:74px 0}
.section-heading{margin-bottom:30px}
.section-heading h2{font-size:clamp(32px,2.55vw,42px);line-height:1.22}
.section-heading h2 span{color:var(--blue)}
.section-heading p{font-size:16px;line-height:1.75}
.eyebrow{font-size:12px}
small{font-size:12px!important}
.button,.main-nav a,.login-link{font-size:14px}
.brand span,.play-dot,.hero-note,.status-topline,.status-index,.status-metrics span,.status-event,.toast{font-size:12px}

/* Cards use depth and motion instead of heavy outlines */
.value-card,.solution-card,.deployment-card,.resource-card,.assessment-step,.assessment-console,.industry-stage,.expert-stage,.role-shell{
  border-color:transparent;
  box-shadow:0 14px 38px rgba(30,67,117,.08);
}
.value-card,.solution-card,.deployment-card,.resource-card,.assessment-step{
  transition:transform .28s ease,box-shadow .28s ease,background-color .28s ease;
}
.value-card:hover,.solution-card:hover,.deployment-card:hover,.resource-card:hover,.assessment-step:hover{
  transform:translateY(-5px);
  border-color:transparent;
  box-shadow:0 24px 58px rgba(30,75,137,.15);
}

/* Core value: compact results + interactive comparison */
.value-section{background:linear-gradient(180deg,#f7faff,#eef4fb)}
.value-grid{gap:18px}
.value-card{min-height:214px;padding:25px 27px;background:#fff;border-radius:18px}
.value-number{right:22px;top:8px;color:rgba(20,120,242,.075);font-size:50px}
.value-icon{width:46px;height:46px;margin-bottom:18px;border-radius:13px}
.value-icon svg,.solution-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.value-card h3{font-size:21px}.value-card p{font-size:14px}
.value-card li{font-size:12px}
.value-compare{display:grid;grid-template-columns:1.05fr auto;gap:22px;margin-top:22px;padding:26px 28px;background:#fff;border-radius:20px;box-shadow:0 18px 48px rgba(30,67,117,.09)}
.compare-copy>span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.1em}
.compare-copy h3{max-width:700px;margin:6px 0 0;font-size:22px;line-height:1.45}
.compare-switch{display:flex;align-self:start;padding:4px;background:#edf3fa;border-radius:11px}
.compare-switch button{min-width:92px;padding:9px 14px;color:#607187;background:transparent;border:0;border-radius:8px;font-size:13px;font-weight:700;transition:.22s ease}
.compare-switch button:hover{color:var(--blue)}
.compare-switch button.active{color:#fff;background:var(--blue);box-shadow:0 8px 18px rgba(20,120,242,.24)}
.compare-result{grid-column:1/-1;padding-top:20px;border-top:1px solid #edf1f6}
.compare-result-head{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start;margin-bottom:15px}
.compare-result-head b{font-size:17px}.compare-result-head p{margin:0;color:var(--muted);font-size:14px}
.compare-items{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.compare-items div{position:relative;min-height:102px;padding:16px;background:#f5f8fc;border-radius:12px}
.compare-items span{display:block;margin-bottom:7px;color:var(--blue);font-size:12px;font-weight:800}.compare-items b{font-size:14px}.compare-items p{margin:4px 0 0;color:#6c7c91;font-size:12px;line-height:1.55}
.compare-result[data-mode="traditional"] .compare-items div{background:#f8f6f5}.compare-result[data-mode="traditional"] .compare-items span{color:#9a6a53}

/* Product UI readability */
.stage-tab small,.window-bar,.mock-toolbar small,.mock-toolbar button,.run-controls button,.panel-label,.timeline-node>b,.timeline-node span,.timeline-node small,.stat-grid span,.ai-suggestion p,.response-item b,.response-item small,.response-item em,.issue-list b,.issue-list small,.report-stamp,.stage-output span{font-size:12px}
.stage-tab{border-color:transparent;box-shadow:0 8px 22px rgba(30,67,117,.05)}
.stage-tab.active{border-color:transparent;box-shadow:0 12px 28px rgba(20,120,242,.1)}
.product-window{border:0;box-shadow:0 24px 62px rgba(30,67,117,.12)}
.timeline-panel,.summary-panel,.map-panel,.response-panel,.review-panel,.report-page{border-color:transparent;box-shadow:0 8px 24px rgba(30,67,117,.06)}
.stage-output span{border:0;box-shadow:0 6px 18px rgba(30,67,117,.06)}

/* AI expert: clear but secondary */
.experts-section{background:#f7f9fd}
.expert-stage{min-height:410px;border:0}
.expert-person{min-height:410px}.expert-panel{padding:28px 34px}
.expert-index,.expert-identity>span,.expert-identity small,.dialog-head b,.source-tags span,.human-note{font-size:12px}
.expert-copy p{font-size:14px}.expert-copy li{font-size:13px}
.dialog-user,.dialog-answer p{font-size:13px}
.expert-tab:hover{color:var(--blue);background:#fff;box-shadow:0 8px 22px rgba(30,67,117,.08)}
.expert-tab{font-size:13px}

/* Per-role interactive workspaces */
.roles-section{background:linear-gradient(180deg,#f7f9fd,#eef4fb)}
.role-shell{overflow:hidden;border:0;background:#fff}
.role-nav{border:0;background:#f4f7fb}
.role-tab{font-size:14px;border-right:0}
.role-tab span,.role-kicker,.role-points li,.role-points span,.terminal-note{font-size:12px}
.role-tab:hover{color:var(--blue);background:rgba(255,255,255,.74)}
.role-view{grid-template-columns:.58fr 1.42fr;min-height:430px}
.role-copy{padding:38px 38px;background:#fff}
.role-copy p{font-size:14px}.role-copy h3{font-size:25px}
.role-ui{min-height:430px;padding:18px;background:#f3f7fc}
.role-app{display:flex;flex-direction:column;height:100%;min-height:394px;overflow:hidden;background:#fff;border-radius:15px;box-shadow:0 14px 35px rgba(31,66,114,.1)}
.role-media{position:relative;width:100%;height:100%;min-height:394px;margin:0;overflow:hidden;background:#071a33;border-radius:15px;box-shadow:0 14px 35px rgba(31,66,114,.1)}
.role-media video,.role-media img{display:block;width:100%;height:100%;min-height:394px;object-fit:contain;object-position:center;background:#071a33}
.role-media--image,.role-media--image img{background:#eef4fb}
.role-app-head,.role-app-head>div,.role-app-foot{display:flex;align-items:center}
.role-app-head{justify-content:space-between;min-height:56px;padding:0 18px;border-bottom:1px solid #edf1f6}.role-app-head>div{gap:9px}.role-app-head b{font-size:14px}.role-app-head em{color:#337b61;font-size:12px;font-style:normal}.role-app-head em i{display:inline-block;width:7px;height:7px;margin-right:7px;background:#22b47c;border-radius:50%;box-shadow:0 0 0 4px rgba(34,180,124,.1)}
.role-workspace{display:grid;grid-template-columns:1.35fr .8fr;gap:12px;flex:1;padding:14px;background:#f8fafd}
.role-main-panel,.role-side-panel,.command-map,.task-card,.participant-feed,.expert-evidence,.expert-score-panel,.observer-scene,.observer-stats{padding:15px;background:#fff;border-radius:12px;box-shadow:0 7px 20px rgba(31,66,114,.055)}
.role-panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.role-panel-title b{font-size:13px}.role-panel-title span{color:#8090a4;font-size:12px}
.director-timeline{display:grid;gap:7px}.director-timeline>div{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:8px 10px;background:#f6f8fc;border-radius:8px}.director-timeline i{display:grid;place-items:center;width:27px;height:27px;color:#6f8095;background:#e8eef6;border-radius:50%;font-size:12px;font-style:normal}.director-timeline b,.director-timeline small{display:block}.director-timeline b{font-size:13px}.director-timeline small{color:#8593a5}.director-timeline .done i{color:#17855f;background:#e3f7ee}.director-timeline .active{background:#edf5ff;box-shadow:0 7px 18px rgba(20,120,242,.09)}.director-timeline .active i{color:#fff;background:var(--blue)}
.role-action-row{display:flex;gap:8px;margin-top:12px}.role-action-row button,.expert-score-panel>button{padding:8px 11px;color:#4f6178;background:#edf2f8;border:0;border-radius:8px;font-size:12px;font-weight:700;transition:.2s}.role-action-row button:hover,.expert-score-panel>button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(20,120,242,.16)}.role-action-row button.primary,.expert-score-panel>button.primary{color:#fff;background:var(--blue)}
.role-status-list{display:grid;gap:8px}.role-status-list>div,.participant-feed>div:not(.role-panel-title){display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:10px;background:#f7f9fc;border-radius:8px}.role-status-list i,.participant-feed i{width:7px;height:7px;background:#a7b4c3;border-radius:50%}.role-status-list i.ok,.participant-feed i.ok{background:#22b47c}.role-status-list i.live,.participant-feed i.live{background:#f0a631}.role-status-list b,.role-status-list small,.participant-feed b,.participant-feed small{display:block}.role-status-list b,.participant-feed b{font-size:12px}.role-status-list em{color:#65778d;font-size:12px;font-style:normal}
.command-map-canvas{position:relative;height:245px;overflow:hidden;background:linear-gradient(rgba(20,120,242,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,120,242,.07) 1px,transparent 1px),radial-gradient(circle at 56% 45%,rgba(20,120,242,.14),transparent 28%),#f5f9ff;background-size:24px 24px,24px 24px,auto,auto;border-radius:10px}.command-zone{position:absolute;padding:7px 9px;color:#315f90;background:#fff;border-radius:7px;box-shadow:0 7px 18px rgba(30,67,117,.12);font-size:12px}.command-zone.z1{left:20%;top:27%}.command-zone.z2{right:15%;bottom:19%}.command-alert{position:absolute;left:54%;top:45%;width:14px;height:14px;background:#ef666c;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 12px rgba(239,102,108,.13)}.command-route{position:absolute;left:25%;right:20%;top:57%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:rotate(-12deg)}
.decision-card{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px;margin-bottom:8px;background:#f6f8fc;border-radius:8px}.decision-card>span{display:grid;place-items:center;width:27px;height:27px;color:var(--blue);background:#e7f1ff;border-radius:8px;font-size:12px;font-weight:800}.decision-card b,.decision-card small{display:block}.decision-card b{font-size:12px}.role-action-row.stacked{display:grid}
.participant-workspace{grid-template-columns:1.25fr .75fr}.task-priority{color:var(--blue);font-size:12px;font-weight:800}.task-card h4{margin:12px 0;font-size:20px}.task-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#5d6e84;font-size:13px}.task-meta b{color:var(--blue)}.task-detail{margin-top:18px;padding:13px;background:#f5f8fc;border-radius:9px}.task-detail b{font-size:13px}.task-detail p{margin:5px 0 0;color:#65758a;font-size:12px}.participant-feed{display:grid;align-content:start;gap:8px}
.expert-workspace{grid-template-columns:1.2fr .8fr}.evidence-media{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:112px;padding:12px;overflow:hidden;color:#385b80;background:linear-gradient(135deg,#eaf4ff,#f5f9ff);border-radius:9px}.evidence-media::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(20,120,242,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,120,242,.07) 1px,transparent 1px);background-size:22px 22px}.evidence-media>*{position:relative}.evidence-media span,.evidence-media b{font-size:12px}.evidence-media i{position:absolute;left:50%;top:50%;width:28px;height:28px;transform:translate(-50%,-50%);background:#fff;border:7px solid var(--blue);border-radius:50%;box-shadow:0 0 0 12px rgba(20,120,242,.1)}.evidence-row{display:grid;grid-template-columns:72px 1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:12px}.evidence-row span{color:#7a899c}.evidence-row em{color:#2f7a5f;font-style:normal}.score-input{display:grid;grid-template-columns:64px 1fr 26px;gap:8px;align-items:center;margin:12px 0;font-size:12px}.score-input i{height:6px;overflow:hidden;background:#e6ecf4;border-radius:6px}.score-input i::after{content:"";display:block;width:var(--score);height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.expert-score-panel label span{display:block;margin:14px 0 6px;font-size:12px}.expert-score-panel textarea{width:100%;padding:9px;color:#53657a;background:#f7f9fc;border:0;border-radius:8px;font-size:12px;resize:none}
.observer-workspace{grid-template-columns:1.35fr .65fr}.observer-visual{position:relative;height:260px;overflow:hidden;border-radius:10px}.observer-visual img{width:100%;height:100%;object-fit:cover}.observer-visual>span{position:absolute;left:12px;top:12px;padding:6px 9px;color:#fff;background:rgba(17,36,60,.74);border-radius:7px;font-size:12px}.observer-visual>span i{display:inline-block;width:7px;height:7px;margin-right:6px;background:#ef5f67;border-radius:50%}.observer-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.observer-stats div{display:flex;flex-direction:column;justify-content:center;padding:12px;background:#f5f8fc;border-radius:9px}.observer-stats strong{color:var(--blue);font-size:21px}.observer-stats span{color:#718197;font-size:12px}
.role-app-foot{justify-content:space-between;min-height:42px;padding:0 16px;color:#7c8b9f;border-top:1px solid #edf1f6;font-size:12px}.role-app-foot b{color:#3e6389;font-size:12px}

/* Assessment: balanced columns, readable evidence and report interaction */
.assessment-section{background:linear-gradient(180deg,#fff,#f1f6fc)}
.assessment-layout{grid-template-columns:.68fr 1.32fr;gap:20px}
.assessment-flow{gap:12px;align-content:start}
.assessment-step{padding:18px 19px;background:#fff;border:0}
.assessment-step>span,.assessment-step p{font-size:12px}.assessment-step b{font-size:15px}.assessment-step p{line-height:1.7}
.assessment-outputs{margin-top:2px;padding:15px 3px 0;border-color:#e7edf4}.assessment-outputs::before,.assessment-outputs span{font-size:12px}
.assessment-console{padding:21px;border:0;background:#fff}
.assessment-console-head b{font-size:14px}.assessment-console-head em,.assessment-score span,.assessment-metrics span,.assessment-panel-title span,.assessment-evidence li b,.assessment-evidence li span,.assessment-evidence li em,.assessment-capability>div:not(.assessment-panel-title),.assessment-capability>div>b,.assessment-conclusion>span,.assessment-conclusion p,.assessment-conclusion button{font-size:12px}
.assessment-metrics div,.assessment-evidence,.assessment-capability{border:0;box-shadow:0 7px 20px rgba(31,66,114,.05)}
.assessment-panel-title b{font-size:13px}.assessment-evidence li{padding:10px}.assessment-capability>div:not(.assessment-panel-title){grid-template-columns:70px 1fr 28px}
.assessment-conclusion{padding:13px 14px;border:0}.assessment-conclusion p{line-height:1.55}.assessment-conclusion button{padding:9px 12px;transition:.2s}.assessment-conclusion button:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(20,120,242,.25)}
.assessment-section .assessment-panel{
  align-items:stretch;
  gap:12px;
  padding:0;
  background:transparent;
  border-radius:0;
}
.assessment-section .assessment-stage-copy{
  height:100%;
  box-shadow:none;
}
.assessment-section .assessment-media{
  position:relative;
  align-self:stretch;
  width:100%;
  height:100%;
  margin:0;
  overflow:hidden;
  aspect-ratio:1672/941;
  background:#eaf1fa;
  border-radius:14px;
  box-shadow:none;
}
.assessment-section .assessment-media img,
.assessment-section .assessment-media video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:opacity .24s ease,transform .34s ease;
}
.assessment-section .assessment-media img{
  transform:scale(1.002);
  transition:opacity .28s ease,transform .55s cubic-bezier(.2,.75,.25,1);
}
.assessment-section .assessment-media:hover img:not([hidden]):not(.is-changing){
  transform:scale(1.025);
}
.assessment-section .assessment-media img[hidden],
.assessment-section .assessment-media video[hidden]{display:none}
.assessment-section .assessment-media img.is-changing,
.assessment-section .assessment-media video.is-changing{opacity:.2;transform:scale(.992)}

/* Six applications: a rigorous 3x2 light grid */
.solutions-section{background:#f5f8fc}
.solution-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.solution-card,.solution-featured{display:block;grid-row:auto;min-height:232px;padding:25px;background:#fff;color:var(--ink);border:0;border-radius:17px}
.solution-featured{box-shadow:0 18px 46px rgba(20,120,242,.12)}
.solution-icon{display:grid;place-items:center;width:46px;height:46px;margin:0 0 19px;color:var(--blue);background:#eaf3ff;border-radius:13px}
.solution-card h3{margin:8px 0;font-size:21px}.solution-card p,.solution-featured p{color:var(--muted);font-size:14px;line-height:1.7}.card-tag,.solution-featured .card-tag{color:var(--blue);font-size:12px;letter-spacing:.06em}
.solution-card a,.solution-featured a{display:inline-flex;align-items:center;gap:5px;margin-top:13px;color:var(--blue);font-size:13px}.solution-card a svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.integration-note{border:0;box-shadow:0 10px 30px rgba(30,67,117,.06)}.integration-note,.integration-note small,.integration-note i{font-size:12px}.integration-note i{width:38px}

/* Industry and case stay in the same light visual system */
.industry-tabs{margin-bottom:22px}.industry-tab{font-size:13px;border:0;box-shadow:0 5px 16px rgba(30,67,117,.055)}.industry-tab:hover{color:var(--blue);background:#fff;transform:translateY(-2px)}
.industry-stage{min-height:430px;border:0;background:#fff}
.industry-art{background:linear-gradient(145deg,#eaf4ff,#f8fbff)}
.art-grid{opacity:.9;background-image:linear-gradient(rgba(20,120,242,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(20,120,242,.11) 1px,transparent 1px)}
.art-zone{border-color:rgba(20,120,242,.32);background:rgba(20,120,242,.08)}
.art-alert{color:#6a3e45;background:#fff;border:0;box-shadow:0 9px 25px rgba(30,67,117,.12);font-size:12px}
.industry-copy{padding:48px}.industry-copy>span,.scenario-tags span,.industry-copy li{font-size:12px}.scenario-tags span{border:0;box-shadow:0 5px 14px rgba(30,67,117,.06)}
.case-section{padding-top:45px;background:#f7f9fd}
.case-shell{min-height:420px;color:var(--ink);background:linear-gradient(135deg,#eef6ff,#fff 60%);border-radius:24px;box-shadow:0 24px 60px rgba(30,67,117,.1)}
.case-shell::before{opacity:.6;background-image:linear-gradient(rgba(20,120,242,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(20,120,242,.08) 1px,transparent 1px)}
.case-content{padding:52px}.case-label{color:var(--blue);background:#e7f1ff;font-size:12px}.case-content h2{font-size:36px}.case-content p{color:var(--muted);font-size:14px}.case-flow span{font-size:12px}.case-content .button-light{color:#fff;background:var(--blue);box-shadow:0 12px 28px rgba(20,120,242,.24)}
.case-dashboard{margin:38px 42px 38px 0;border:0;box-shadow:0 22px 55px rgba(30,67,117,.14);transform:none}.case-head,.case-score span,.case-stats span{font-size:12px}

/* Deployment cards remain light; the recommendation uses brand blue accents */
.deployment-section{background:linear-gradient(180deg,#f4f8fd,#fff)}
.deployment-card{border:0}.deployment-card>span,.deployment-card p,.deployment-card li,.deployment-card a,.recommend{font-size:12px}
.deployment-card p{font-size:14px}.deployment-card li{font-size:13px}
.deployment-card.featured{color:var(--ink);background:#fff;border:0;box-shadow:0 20px 50px rgba(20,120,242,.14)}
.deployment-card.featured p,.deployment-card.featured li{color:var(--muted)}.deployment-card.featured ul{border-color:#edf1f6}.deployment-card.featured a{color:var(--blue)}
.delivery-flow,.trust-grid span{font-size:12px}

/* Resources and contact */
.resource-card{border:0}.resource-card>span,.resource-card small,.resource-card p{font-size:12px}.resource-card h3{font-size:18px}
.resource-card>i{display:grid;place-items:center;width:100%;height:26px;color:#9aabba;font-size:18px;line-height:1;transition:color .28s ease,transform .28s cubic-bezier(.2,.75,.25,1)}
.resource-card:hover>i,.resource-card:focus-visible>i{color:var(--blue);transform:translate(4px,-4px)}
.resource-card:focus-visible{outline:3px solid rgba(20,120,242,.2);outline-offset:2px}
.contact-section{padding:82px 0;background:linear-gradient(125deg,#0b4e9f,#1478f2 62%,#19a8f5)}
.contact-copy>p{font-size:15px}.contact-points span,.contact-phone small,.contact-phone span,.form-head span,.contact-form label>span,.privacy-note{font-size:12px}
.contact-form input,.contact-form select,.contact-form textarea{font-size:14px}
.site-footer a,.site-footer p,.site-footer span,.footer-bottom{font-size:12px}

/* Assessment report modal */
.report-dialog{width:min(880px,calc(100% - 32px));max-height:90vh;padding:0;color:var(--ink);background:#fff;border:0;border-radius:22px;box-shadow:0 36px 100px rgba(12,40,79,.28)}
.report-dialog::backdrop{background:rgba(14,34,61,.54);backdrop-filter:blur(5px)}
.report-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 30px;border-bottom:1px solid #edf1f6}.report-dialog-head span{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em}.report-dialog-head h2{margin:5px 0 0;font-size:26px}.report-dialog-head button{display:grid;place-items:center;width:38px;height:38px;color:#617188;background:#eff3f8;border:0;border-radius:50%;font-size:24px;line-height:1}
.report-dialog-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:22px 30px}.report-dialog-summary div{padding:16px;background:#f5f8fc;border-radius:11px}.report-dialog-summary strong,.report-dialog-summary span{display:block}.report-dialog-summary strong{color:var(--blue);font-size:27px}.report-dialog-summary span{color:#6d7d91;font-size:12px}
.report-dialog-body{display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:12px;padding:0 30px 24px}.report-dialog-body section{padding:19px;background:#fff;border-radius:12px;box-shadow:0 9px 25px rgba(30,67,117,.08)}.report-dialog-body section>span{color:var(--blue);font-size:12px;font-weight:800}.report-dialog-body h3{margin:8px 0;font-size:18px}.report-dialog-body p,.report-dialog-body li{color:#5d6e83;font-size:13px}.report-dialog-body ul{padding-left:19px;margin:10px 0 0}.report-dialog-body li+li{margin-top:8px}
.report-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 30px;background:#f7f9fc}.report-dialog-actions>button{padding:9px 16px;color:#53657b;background:#fff;border:0;border-radius:9px;box-shadow:0 5px 16px rgba(30,67,117,.08);font-size:13px}

@media (max-width:900px){
  .value-compare{grid-template-columns:1fr}.compare-switch{justify-self:start}.compare-result{grid-column:1}.compare-items{grid-template-columns:1fr 1fr}
  .role-view{grid-template-columns:1fr}.role-ui{min-height:440px}.role-workspace{grid-template-columns:1.2fr .8fr}
  .solution-grid{grid-template-columns:1fr 1fr}.case-shell{grid-template-columns:1fr}.case-dashboard{margin:0 34px 34px}.assessment-layout{grid-template-columns:1fr}
  .report-dialog-body{grid-template-columns:1fr 1fr}.report-dialog-body section:first-child{grid-column:1/-1}
}
@media (max-width:620px){
  .section{padding:56px 0}.section-heading h2{font-size:29px}.section-heading p{font-size:14px}
  .compare-switch{width:100%}.compare-switch button{flex:1}.compare-result-head{grid-template-columns:1fr;gap:6px}.compare-items{grid-template-columns:1fr}
  .role-ui{height:auto;min-height:0;padding:10px}.role-app{min-height:0}.role-media,.role-media video,.role-media img{min-height:0}.role-media{aspect-ratio:16/9}.role-workspace{grid-template-columns:1fr}.role-side-panel,.participant-feed,.observer-stats{display:block}.role-status-list>div,.participant-feed>div:not(.role-panel-title){margin-top:7px}.role-app-foot{align-items:flex-start;gap:5px;flex-direction:column;padding:10px 14px}.command-map-canvas{height:200px}.observer-visual{height:210px}.observer-stats{display:grid;margin-top:10px}
  .assessment-summary{grid-template-columns:108px 1fr}.assessment-score{min-height:108px}.assessment-metrics{grid-template-columns:repeat(3,1fr);gap:6px}.assessment-metrics div{padding:10px 7px}.assessment-metrics div:last-child{grid-column:auto}.solution-grid{grid-template-columns:1fr}.solution-card,.solution-featured{min-height:auto}.integration-note{align-items:flex-start}
  .industry-copy{padding:29px 23px}.case-content{padding:34px 24px}.case-content h2{font-size:29px}.case-dashboard{margin:0 18px 22px}
  .report-dialog-summary{grid-template-columns:1fr 1fr;padding:17px}.report-dialog-body{grid-template-columns:1fr;padding:0 17px 17px}.report-dialog-body section:first-child{grid-column:auto}.report-dialog-head,.report-dialog-actions{padding:19px 17px}.report-dialog-head h2{font-size:21px}.report-dialog-actions{flex-direction:column}.report-dialog-actions>*{width:100%}
}

/* Final interaction-state cleanup: no colored edge stripes */
.stage-tab.active{color:#0c5fc6;background:linear-gradient(135deg,#e4f1ff,#f1f7ff);border:0;box-shadow:0 10px 26px rgba(20,120,242,.13)}
.timeline-node.active{background:#e9f3ff;border-color:transparent;box-shadow:0 7px 18px rgba(20,120,242,.09)}
.director-timeline .active{background:#e9f3ff;box-shadow:0 7px 18px rgba(20,120,242,.09)}
.solution-featured{background:linear-gradient(145deg,#e9f4ff,#f8fbff);box-shadow:0 18px 46px rgba(20,120,242,.12)}
.solution-featured:hover{background:linear-gradient(145deg,#e2f0ff,#f4f9ff);box-shadow:0 24px 58px rgba(30,75,137,.15)}
.deployment-card.featured{background:linear-gradient(145deg,#e8f3ff,#f8fbff);box-shadow:0 20px 50px rgba(20,120,242,.14)}
.deployment-card.featured:hover{background:linear-gradient(145deg,#e1efff,#f4f9ff);box-shadow:0 24px 58px rgba(30,75,137,.15)}
@media (max-width:620px){
  .section-heading,.section-heading.centered{width:100%;max-width:100%}
  .section-heading h2,.section-heading p,.stage-context h3,.stage-context p,.expert-copy h3,.expert-copy p,.role-copy h3,.role-copy p,.assessment-stage-copy h3,.assessment-stage-copy p,.industry-copy h3,.industry-copy p,.case-content h2,.case-content p{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-all}
  .section-heading h2{font-size:27px;line-height:1.32}.stage-context h3{font-size:21px;line-height:1.42}
}

/* Brand-blue selected and recommended states */
.stage-tab.active,.assessment-tab.active{
  color:#fff;
  background:linear-gradient(135deg,var(--blue),#238cf5);
  box-shadow:0 12px 28px rgba(20,120,242,.26);
}
.stage-tab.active span,.stage-tab.active small,.assessment-tab.active>span,.assessment-tab.active small{color:rgba(255,255,255,.8)}
.stage-tab.active b,.assessment-tab.active b{color:#fff}

.solution-featured{
  color:#fff;
  background:linear-gradient(145deg,var(--blue),#168de9);
  box-shadow:0 20px 50px rgba(20,120,242,.24);
}
.solution-featured:hover{background:linear-gradient(145deg,#0d70e8,#147fda);box-shadow:0 26px 62px rgba(20,120,242,.3)}
.solution-featured .solution-icon{color:var(--blue);background:#fff}
.solution-featured .card-tag,.solution-featured h3,.solution-featured p,.solution-featured a{color:#fff}
.solution-featured .card-tag{opacity:.78}

.deployment-card.featured{
  color:#fff;
  background:linear-gradient(145deg,var(--blue),#168de9);
  box-shadow:0 22px 54px rgba(20,120,242,.26);
}
.deployment-card.featured:hover{background:linear-gradient(145deg,#0d70e8,#147fda);box-shadow:0 28px 66px rgba(20,120,242,.31)}
.deployment-card.featured>span,.deployment-card.featured h3,.deployment-card.featured p,.deployment-card.featured li,.deployment-card.featured a{color:#fff}
.deployment-card.featured>span,.deployment-card.featured p,.deployment-card.featured li{opacity:.84}
.deployment-card.featured ul{border-color:rgba(255,255,255,.2)}
.deployment-card.featured li::before{color:#fff}
.deployment-card.featured .recommend{color:var(--blue);background:#fff;box-shadow:0 7px 18px rgba(8,69,145,.2)}
.saas-entry-card{cursor:pointer}
.saas-entry-card:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:4px}

/* Navigation and English guide cleanup */
.eyebrow{gap:0}
.eyebrow>i{display:none}

/* Frosted advantage cards inspired by the Home.png visual language */
.advantage-dock{
  gap:15px;
  padding:0;
  background:transparent;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
}
.advantage-item{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:92px;
  padding:17px 19px;
  background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(255,255,255,.42));
  border:0;
  border-radius:18px;
  box-shadow:0 18px 48px rgba(37,72,119,.12),inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(22px) saturate(145%);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
}
.advantage-item::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.72),transparent 38%),linear-gradient(120deg,rgba(20,120,242,.055),transparent 58%);
}
.advantage-item:hover{
  transform:translateY(-4px);
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(242,248,255,.62));
  box-shadow:0 24px 58px rgba(37,72,119,.17),inset 0 1px 0 #fff;
}
.advantage-icon{
  color:var(--blue);
  background:rgba(255,255,255,.72);
  box-shadow:0 9px 24px rgba(20,120,242,.1),inset 0 1px 0 #fff;
  backdrop-filter:blur(10px);
}
.advantage-item b{letter-spacing:-.01em}
.advantage-arrow{stroke:#7894b2}
@media (max-width:620px){
  .advantage-dock{gap:8px;padding:0;background:transparent}
  .advantage-item{min-height:76px;padding:12px 14px;border-radius:15px}
}

/* AI dialogue identity and sparkle mark */
.ai-stars{
  position:relative;
  flex:0 0 26px;
  width:26px;
  height:24px;
  color:var(--blue);
  background:none;
}
.ai-stars i{position:absolute;font-style:normal;line-height:1}
.ai-stars i:first-child{left:1px;bottom:0;font-size:21px}
.ai-stars i:last-child{right:0;top:0;font-size:12px;color:#63aaff}
.assistant-avatar{
  display:block;
  flex:0 0 32px;
  width:32px;
  height:32px;
  overflow:hidden;
  background:#e9f2ff;
  border-radius:50%;
  box-shadow:0 5px 14px rgba(20,120,242,.16);
}
.assistant-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 22%;
  transform:scale(1.75);
  transform-origin:50% 24%;
}

/* Banner (2): light foreground, gradient headline and liquid-glass data */
.hero{min-height:720px;background:#eef5ff}
.hero-media{
  inset:0;
  background-image:url("../img/banner (2).png");
  background-position:center center;
  background-size:cover;
  transform:none;
  filter:saturate(1.02) brightness(1.015);
  animation:banner-breathe 16s ease-in-out infinite alternate;
}
.hero::before{
  background:linear-gradient(90deg,rgba(248,251,255,.99) 0%,rgba(248,251,255,.97) 27%,rgba(244,249,255,.84) 42%,rgba(240,247,255,.43) 57%,rgba(238,246,255,.08) 76%),linear-gradient(180deg,rgba(243,249,255,.08),rgba(239,247,255,.18));
}
.hero::after{height:155px;background:linear-gradient(0deg,#f3f7fc 0%,rgba(243,247,252,.74) 36%,transparent)}
.hero-grid,.hero-orbit{display:none}
.hero-content{padding-top:76px}
.hero-copy{max-width:650px;padding:134px 0 158px}
.hero h1{
  max-width:650px;
  margin:20px 0 17px;
  color:#122039;
  font-size:clamp(46px,4vw,64px);
  line-height:1.15;
  letter-spacing:-.045em;
  white-space:normal;
}
.hero h1 span{
  display:block;
  width:max-content;
  max-width:100%;
  color:transparent;
  background:linear-gradient(92deg,#0c6ff0 0%,#357cf6 42%,#745cf5 76%,#9a67f3 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.hero-copy>p{max-width:580px;color:#566983;font-size:16px;line-height:1.8;white-space:normal}
.hero-status{
  right:4.6%;
  bottom:86px;
  width:min(360px,28vw);
  padding:19px;
  overflow:visible;
  color:#20334e;
  background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(226,240,255,.3));
  border:1px solid rgba(255,255,255,.76);
  border-radius:22px;
  box-shadow:0 28px 76px rgba(28,83,151,.2),inset 0 1px 0 rgba(255,255,255,.96),inset 0 -18px 36px rgba(93,160,238,.05);
  backdrop-filter:blur(25px) saturate(150%);
  -webkit-backdrop-filter:blur(25px) saturate(150%);
  animation:liquid-breathe 6.4s ease-in-out infinite;
}
.hero-status::before{
  content:"";
  position:absolute;
  inset:1px;
  pointer-events:none;
  border-radius:21px;
  background:radial-gradient(circle at 14% 4%,rgba(255,255,255,.84),transparent 34%),radial-gradient(circle at 88% 96%,rgba(49,135,255,.12),transparent 38%);
}
.hero-status>*{position:relative}
.status-topline{border-color:rgba(255,255,255,.6)}
.progress{background:rgba(89,123,167,.12)}
.status-event{
  color:#355575;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(232,243,255,.38));
  border:1px solid rgba(255,255,255,.8);
  border-radius:12px;
  box-shadow:0 15px 38px rgba(28,83,151,.16),inset 0 1px 0 #fff;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.event-a{animation:liquid-chip 5.2s ease-in-out infinite}
.event-b{animation:liquid-chip 5.2s .9s ease-in-out infinite reverse}
@keyframes banner-breathe{from{transform:scale(1.005)}to{transform:scale(1.025)}}
@keyframes liquid-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.012)}}
@keyframes liquid-chip{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media (max-width:1100px){
  .hero-copy{max-width:610px}.hero h1{max-width:610px;font-size:48px}.hero-status{right:3%;width:330px}
}
@media (max-width:900px){
  .hero-media{background-position:62% center}.hero-copy{padding:112px 0 270px}.hero h1{font-size:43px}.hero-status{left:24px;right:24px;bottom:54px;width:auto}
}
@media (max-width:620px){
  .hero{min-height:790px}.hero-media{background-position:66% center;opacity:.72}.hero::before{background:linear-gradient(180deg,rgba(248,251,255,.99) 0%,rgba(248,251,255,.96) 45%,rgba(242,248,255,.66) 72%,rgba(239,246,255,.38) 100%)}
  .hero-copy{padding:94px 0 320px}.hero h1{font-size:37px}.hero-copy>p{font-size:14px}.hero-status{left:15px;right:15px;bottom:48px;padding:16px}
  .event-b{display:none}
}
@media (prefers-reduced-motion:reduce){.hero-media,.hero-status,.event-a,.event-b{animation:none}}

/* Refined hero composition: original-color artwork and three compact glass widgets */
.hero{min-height:660px;background:#eaf3ff}
.hero-media{
  background-color:#eaf3ff;
  background-position:center top;
  background-size:100% auto;
  background-repeat:no-repeat;
  filter:none;
  animation:none;
}
.hero::before{display:none}
.hero::after{height:78px;background:linear-gradient(0deg,#f3f7fc,rgba(243,247,252,.72) 42%,transparent)}
.hero-content{padding-top:72px}
.hero-copy{padding:105px 0 126px}
.hero-status{
  inset:72px 2.5% 54px 42%;
  width:auto;
  padding:0;
  overflow:visible;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  animation:none;
  pointer-events:none;
}
.hero-status::before{display:none}
.hero-mini-card{
  position:absolute;
  isolation:isolate;
  overflow:hidden;
  width:178px;
  padding:12px 14px 11px;
  color:#17324d;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(215,237,255,.48));
  border:1px solid rgba(255,255,255,.44);
  border-radius:13px;
  box-shadow:0 16px 38px rgba(25,89,169,.18),inset 0 1px 0 rgba(255,255,255,.94),inset 0 -14px 28px rgba(80,151,232,.045);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}
.hero-mini-card::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 8%,rgba(124,178,255,.16),transparent 42%),linear-gradient(90deg,rgba(255,255,255,.24),transparent 46%)}
.mini-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#193a5a;font-size:12px}
.mini-card-head>span{display:flex;align-items:center;gap:5px;font-weight:750}
.mini-card-head small{padding:0;color:#246db8;background:transparent;border-radius:0;font-size:10px;font-weight:700;line-height:1.45}
.mini-collab .mini-card-head small{color:#16815c;background:transparent}
.mini-assessment .mini-card-head small{color:#6653c8;background:transparent}
.mini-card-head .live-dot{width:6px;height:6px;margin:0;box-shadow:0 0 0 4px rgba(47,224,164,.12)}
.mini-card-value{display:flex;align-items:flex-end;gap:6px}
.mini-card-value strong{color:#096fe8;font-size:27px;font-weight:800;line-height:1}
.mini-card-value>span{padding-bottom:1px;color:#3f5974;font-size:11px;font-weight:600}
.mini-card-task{display:block;overflow:hidden;color:#1b3652;font-size:12px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}
.hero-mini-card em{margin-left:2px;color:#557794;font-size:12px;font-style:normal;font-weight:600}
.mini-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:7px;color:#526b84;border-top:1px solid rgba(91,137,185,.18);font-size:10px;line-height:1.3}
.mini-card-foot b{color:#214d78;font-size:11px}
.mini-progress{height:5px;margin-top:7px;overflow:hidden;background:rgba(78,127,178,.14);border-radius:99px}
.mini-progress i{display:block;width:72%;height:100%;background:linear-gradient(90deg,#0c78f2,#14b9e8);border-radius:inherit;box-shadow:0 0 9px rgba(20,142,232,.28)}
.mini-collab{left:10%;top:54%;animation:mini-card-float 6.4s ease-in-out infinite}
.mini-schedule{left:31%;bottom:2%;width:194px;animation:mini-card-float 6.8s .8s ease-in-out infinite reverse}
.mini-assessment{right:3%;top:57%;animation:mini-card-float 6.2s .35s ease-in-out infinite}
@keyframes mini-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media (max-width:1100px){
  .hero{min-height:630px}.hero-copy{padding:96px 0 118px}.hero-status{inset:72px 2% 52px 43%}.hero-mini-card{transform:scale(.92)}.mini-collab{left:0}.mini-schedule{left:27%}.mini-assessment{right:0}
}
@media (max-width:900px){
  .hero{min-height:760px}.hero-media{background-position:78% 100%;background-size:auto 78%}.hero-copy{padding:94px 0 285px}.hero-status{inset:auto 18px 42px}.mini-collab{left:0;top:auto;bottom:112px}.mini-schedule{left:50%;bottom:8px;transform:translateX(-50%)}.mini-assessment{right:0;top:auto;bottom:112px}
}
@media (max-width:620px){
  .hero{min-height:760px}.hero-media{background-position:82% 100%;background-size:auto 70%;opacity:1}.hero::before{display:none}.hero-copy{padding:82px 0 292px}.hero h1{font-size:36px}.hero-status{left:14px;right:14px;bottom:38px}.hero-mini-card{width:154px;padding:10px 11px}.mini-collab{left:0}.mini-assessment{right:0}.mini-schedule{width:180px}
}
@media (prefers-reduced-motion:reduce){.hero-mini-card{animation:none}}

/* Keep the artwork continuous; add only a soft blue tint at the upper left */
.hero::before{
  display:block;
  inset:0 auto 0 0;
  width:54%;
  background:
    linear-gradient(90deg,rgba(230,243,255,.98) 0%,rgba(230,243,255,.94) 36%,rgba(228,242,255,.72) 64%,rgba(228,242,255,.28) 82%,transparent 100%),
    radial-gradient(ellipse at 0% 0%,rgba(191,225,255,.5) 0%,rgba(218,237,255,.24) 58%,transparent 100%);
}

/* Keep the hero artwork full-bleed without a second transform scale. */
.hero{background:linear-gradient(135deg,#eaf5ff 0%,#e2f0ff 58%,#dcecff 100%)}
.hero-media{
  transform:none;
}
.hero-status{
  transform:translateY(-70px) scale(.9);
  transform-origin:100% 100%;
}
.hero::after{
  display:none;
}
.advantage-strip{
  background:#f5f8fc;
}
@media (max-width:900px){
  .hero-media,.hero-status{transform:none}
}

/* One full-width advantage card overlapping the unmasked hero image */
.advantage-dock{
  gap:0;
  min-height:92px;
  padding:0 12px;
  transform:none;
  margin-bottom:0;
  background:rgba(255,255,255,.72);
  border-radius:20px;
  box-shadow:0 22px 58px rgba(30,67,117,.15),inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(20px) saturate(140%);
  -webkit-backdrop-filter:blur(20px) saturate(140%);
}
.advantage-strip{
  margin-top:-46px;
  background:transparent;
}
.advantage-item{
  min-height:92px;
  padding:16px 19px;
  background:transparent;
  border-radius:14px;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.advantage-item::before{background:none}
.advantage-item:hover{
  transform:none;
  background:transparent;
  box-shadow:none;
}
.advantage-strip{isolation:isolate}
.advantage-strip::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:46px 0 0;
  background:#f3f7fc;
}
@media (min-width:621px){
  .advantage-strip::before{display:none}
  .product-stage{margin-top:-68px;padding-top:138px}
}
@media (max-width:620px){
  .advantage-strip{margin-top:-38px}
  .advantage-strip::before{inset:38px 0 0}
  .advantage-dock{gap:0;padding:7px;transform:none;margin-bottom:0;border-radius:17px}
  .advantage-item{min-height:76px;padding:12px 10px}
}
@media (min-width:901px){
  .hero{min-height:670px}
  .hero-media{
    inset:0;
    background-position:100% 100%;
    background-size:auto 96%;
  }
}
@media (min-width:1201px){
  .mini-collab{left:calc(-8% + 240px);top:42%}
  .mini-schedule{left:40%;bottom:4%}
  .mini-assessment{right:-3%;top:42%}
}

/* Draw the three advantage SVG paths on hover */
.advantage-item b{transition:color .28s ease}
.advantage-item:hover b{color:var(--blue)}
.advantage-icon{transition:transform .28s ease,background-color .28s ease,box-shadow .28s ease}
.advantage-icon use{
  stroke-dasharray:1;
  stroke-dashoffset:0;
}
.advantage-item:hover .advantage-icon{transform:scale(1.06);background:rgba(255,255,255,.9);box-shadow:0 8px 20px rgba(20,120,242,.12)}
.advantage-item:hover .advantage-icon use{animation:advantage-path-draw .72s cubic-bezier(.55,.08,.25,1) both}
@keyframes advantage-path-draw{
  0%{stroke-dashoffset:1;opacity:.35}
  70%{opacity:1}
  100%{stroke-dashoffset:0;opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .advantage-item:hover .advantage-icon use{animation:none}
}

/* Planning module interactions */
.mock-sidebar .plan-side-step{
  position:relative;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:8px;
  cursor:pointer;
  transition:background-color .2s ease,transform .2s ease;
}
.mock-sidebar .plan-side-step>i{width:7px;height:7px;background:#c8d4e3;border-radius:50%;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}
.mock-sidebar .plan-side-step:hover{background:#eaf3ff;transform:translateY(-1px)}
.mock-sidebar .plan-side-step.active{background:#e6f1ff}
.mock-sidebar .plan-side-step.active>i{background:var(--blue);box-shadow:0 0 0 5px rgba(20,120,242,.12);transform:scale(1.05)}
.mock-sidebar .plan-side-step::after{
  content:attr(data-label);
  position:absolute;
  z-index:5;
  left:35px;
  top:50%;
  width:max-content;
  padding:5px 8px;
  color:#fff;
  background:#183a63;
  border-radius:6px;
  box-shadow:0 7px 18px rgba(20,48,83,.16);
  font-size:12px;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transform:translate(4px,-50%);
  transition:opacity .18s ease,transform .18s ease;
}
.mock-sidebar .plan-side-step:hover::after,.mock-sidebar .plan-side-step:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.plan-save-state{display:inline-flex;align-items:center;gap:5px;margin-top:4px;color:#19a270;font-size:12px;font-style:normal}
.plan-save-state::before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}
.plan-save-state.saving{color:#7b8da3}
.mock-toolbar .plan-ai-button{min-width:92px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}
.mock-toolbar .plan-ai-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,120,242,.22)}
.mock-toolbar .plan-ai-button.is-loading{opacity:.72;cursor:wait}
.timeline-node{width:100%;font:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.timeline-node[hidden]{display:none!important}
.timeline-node:hover{background:#f0f6ff;transform:translateX(3px)}
.timeline-node:focus-visible,.plan-side-step:focus-visible{outline:3px solid rgba(20,120,242,.2);outline-offset:2px}
.timeline-node.generated{background:#f4f0ff}
.timeline-node.generated>b{color:#7557e8;background:#eee9ff}
.timeline-node.generated.accepted{background:#eaf8f2}
.timeline-node.generated.accepted>b{color:#0f9665;background:#dcf5e9}
.panel-label{display:flex;align-items:center;justify-content:space-between;gap:8px}
.panel-label button{
  padding:4px 7px;
  color:#517294;
  background:#f1f6fc;
  border:0;
  border-radius:6px;
  font-size:12px;
  cursor:pointer;
}
.panel-label button:hover{color:var(--blue);background:#e8f2ff}
.stat-grid div{transition:transform .22s ease,background-color .22s ease}
.stat-grid div:hover{transform:translateY(-2px);background:#edf5ff}
.summary-panel .mini-chart span{transition:height .35s ease}
.ai-suggestion{align-items:flex-start}
.ai-suggestion p{flex:1}
.ai-suggestion p span{display:block;line-height:1.5}
.ai-suggestion>button{
  flex:0 0 auto;
  padding:5px 8px;
  color:#6547d9;
  background:#fff;
  border:0;
  border-radius:6px;
  box-shadow:0 4px 12px rgba(92,65,186,.1);
  font-size:12px;
  cursor:pointer;
}
.ai-suggestion>button:hover{background:#f8f6ff;transform:translateY(-1px)}
.ai-suggestion>button:disabled{color:#74927f;background:#eef8f3;cursor:default;transform:none}
.stage-context .stage-output button{
  width:auto;
  padding:7px 10px;
  color:#38658f;
  background:#edf5ff;
  border:0;
  border-radius:8px;
  box-shadow:none;
  font-size:12px;
  cursor:pointer;
  transition:color .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.stage-context .stage-output button:hover{color:var(--blue);background:#e3f0ff}
.stage-context .stage-output button.active,.stage-context .stage-output button[aria-pressed="true"]{color:#fff;background:var(--blue);box-shadow:0 7px 18px rgba(20,120,242,.2)}
@media (max-width:620px){
  .mock-sidebar .plan-side-step{width:25px;height:25px}
  .mock-sidebar .plan-side-step::after{display:none}
  .plan-save-state{display:none}
  .stage-context .stage-output button{width:auto}
}

/* Product-stage visual refinement */
.window-brand .brand-symbol{
  display:block;
  width:25px;
  height:25px;
  overflow:hidden;
  border-radius:7px;
  box-shadow:0 5px 12px rgba(20,120,242,.16);
}
.window-brand .brand-symbol img{
  width:auto;
  max-width:none;
  height:25px;
}
.product-stage .mock-app{grid-template-columns:1fr}
.product-stage .mock-sidebar{display:none}
.plan-visual{
  position:relative;
  min-width:0;
  min-height:286px;
  padding:0;
  overflow:hidden;
  background:#eaf3ff;
  border:0;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(30,67,117,.08);
}
.plan-visual img{
  width:100%;
  height:100%;
  min-height:286px;
  object-fit:cover;
  object-position:center;
}
.plan-visual::after{
  content:"";
  position:absolute;
  inset:56% 0 0;
  background:linear-gradient(180deg,transparent,rgba(8,30,58,.7));
  pointer-events:none;
}
.plan-visual-caption{
  position:absolute;
  z-index:1;
  left:20px;
  right:20px;
  bottom:17px;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,20,48,.3);
}
.plan-visual-caption span,.plan-visual-caption b{display:block}
.plan-visual-caption span{
  margin-bottom:4px;
  color:#b8ebff;
  font-size:12px;
  letter-spacing:.12em;
}
.plan-visual-caption b{font-size:15px}
@media (max-width:900px){
  .plan-visual,.plan-visual img{min-height:360px}
}
@media (max-width:620px){
  .plan-visual,.plan-visual img{min-height:220px}
  .plan-visual-caption{left:14px;right:14px;bottom:12px}
  .plan-visual-caption b{font-size:13px}
}

/* Product stage: one card layer, static visual + planning summary */
.product-stage .product-window{
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.product-stage .window-bar{display:none}
.product-stage .window-body,.product-stage .mock-app{min-height:0}
.product-stage .stage-context{
  grid-template-columns:1fr;
  padding:28px 20px 24px;
  background:transparent;
}
.product-stage .stage-context .stage-output{display:none}
.product-stage .mock-content{
  padding:0 20px 20px;
  background:transparent;
}
.product-stage .plan-canvas{
  grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);
  gap:30px;
  align-items:stretch;
}
.product-stage .plan-visual{
  min-height:390px;
  border-radius:16px;
  box-shadow:none;
}
.product-stage .plan-visual img{min-height:390px}
.planning-summary{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:8px 4px 8px 0;
  color:var(--ink);
  background:transparent;
  border:0;
  box-shadow:none;
}
.planning-summary-head>span{
  color:var(--blue);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
.planning-summary-head h4{
  margin:8px 0 8px;
  font-size:23px;
  line-height:1.35;
}
.planning-summary-head p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.75;
}
.planning-key-list{
  margin-top:20px;
  border-top:1px solid rgba(133,157,188,.2);
}
.planning-key-list>div{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:12px;
  align-items:start;
  padding:16px 0;
  border-bottom:1px solid rgba(133,157,188,.2);
}
.planning-key-list i{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  color:var(--blue);
  background:rgba(20,120,242,.08);
  border-radius:50%;
  font-size:12px;
  font-style:normal;
  font-weight:800;
}
.planning-key-list b,.planning-key-list small{display:block}
.planning-key-list b{font-size:14px}
.planning-key-list small{
  margin-top:3px;
  color:#718197;
  font-size:12px;
  line-height:1.55;
}
.planning-ai-note{
  margin-top:18px;
  padding:2px 0 2px 15px;
  border-left:3px solid var(--violet);
}
.planning-ai-note span{
  color:#6547d9;
  font-size:12px;
  font-weight:800;
}
.planning-ai-note p{
  margin:5px 0 0;
  color:#5d6880;
  font-size:12px;
  line-height:1.65;
}
@media (max-width:900px){
  .product-stage .plan-canvas{grid-template-columns:1fr;gap:24px}
  .planning-summary{padding:4px 8px 10px}
}
@media (max-width:620px){
  .product-stage .stage-context{padding:22px 12px 18px}
  .product-stage .mock-content{padding:0 12px 12px}
  .product-stage .plan-visual,.product-stage .plan-visual img{min-height:220px}
  .planning-summary-head h4{font-size:20px}
}

/* Unified product-stage showcase */
.product-stage .stage-context-index{display:none}
.product-stage .stage-context h3{margin:0 0 7px}
.stage-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.48fr) minmax(330px,.78fr);
  gap:30px;
  align-items:stretch;
  padding:0 20px 20px;
}
.stage-visual{
  min-width:0;
  min-height:430px;
  margin:0;
  overflow:hidden;
  background:#edf5ff;
  border-radius:16px;
}
.stage-visual img,
.stage-visual video{
  display:block;
  width:100%;
  height:100%;
  min-height:430px;
  object-fit:cover;
  object-position:center;
}
.stage-capability-summary{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.stage-feature-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.stage-feature{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:12px;
  align-items:start;
  min-height:92px;
  padding:17px 15px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(167,191,220,.22);
  border-radius:14px;
  box-shadow:0 10px 26px rgba(49,84,132,.07);
}
.stage-feature:last-child:nth-child(odd){grid-column:1/-1}
.stage-feature-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  color:var(--blue);
  background:#e7f2ff;
  border-radius:11px;
  box-shadow:none;
}
.stage-feature-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.stage-feature b,.stage-feature small{display:block}
.stage-feature b{font-size:14px;line-height:1.35}
.stage-feature small{
  margin-top:6px;
  color:#718197;
  font-size:12px;
  line-height:1.55;
}
.stage-highlight-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:14px;
}
.stage-highlight-grid>div{
  display:grid;
  grid-template-columns:31px 1fr;
  gap:9px;
  align-items:center;
  padding:13px;
  color:#286cba;
  background:rgba(238,247,255,.74);
  border:1px solid rgba(85,160,239,.24);
  border-radius:12px;
}
.stage-highlight-grid>div:nth-child(2){
  color:#159b88;
  background:rgba(239,253,250,.78);
  border-color:rgba(42,188,163,.22);
}
.stage-highlight-grid>div>span{display:grid;place-items:center}
.stage-highlight-grid svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
.stage-highlight-grid p{margin:0}
.stage-highlight-grid b,.stage-highlight-grid small{display:block}
.stage-highlight-grid b{font-size:12px}
.stage-highlight-grid small{margin-top:3px;color:#718197;font-size:12px}
.stage-role-strip{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
  padding:11px;
  background:rgba(255,255,255,.62);
  border-radius:12px;
}
.stage-role-strip span{
  flex:1 1 calc(33.333% - 7px);
  min-width:86px;
  padding:7px 8px;
  color:#55718f;
  text-align:center;
  background:#f2f7fd;
  border-radius:8px;
  font-size:12px;
  font-weight:700;
}
.stage-role-strip span::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:6px;
  background:hsl(calc(205 + var(--role-index) * 28),78%,55%);
  border-radius:50%;
}
.stage-standard-card svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.stage-output-line{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding:13px 15px;
  color:#2678d4;
  background:rgba(239,247,255,.8);
  border:1px solid rgba(124,173,229,.18);
  border-radius:12px;
  font-size:12px;
  font-weight:700;
}
.stage-output-line{margin-top:14px}
.stage-output-line span{min-width:0;line-height:1.5}
@media (max-width:1050px){
  .stage-showcase{grid-template-columns:1fr;gap:24px}
  .stage-visual,.stage-visual img,.stage-visual video{min-height:360px}
}
@media (max-width:620px){
  .stage-showcase{padding:0 12px 12px}
  .stage-visual,.stage-visual img,.stage-visual video{min-height:220px}
  .stage-feature-grid{grid-template-columns:1fr}
  .stage-feature:last-child:nth-child(odd){grid-column:auto}
  .stage-feature{min-height:0}
  .stage-highlight-grid{grid-template-columns:1fr}
}

/* Unified summary information system */
.stage-capability-summary{
  --summary-surface:rgba(244,249,255,.92);
  --summary-border:#dbe7f4;
  --summary-text:#2f435c;
  --summary-muted:#718197;
  --summary-accent:var(--blue);
}
.stage-capability-summary .stage-highlight-grid{gap:10px;margin-top:14px}
.stage-capability-summary .stage-highlight-grid>div,
.stage-capability-summary .stage-highlight-grid>div:nth-child(2){
  min-height:66px;
  padding:12px 13px;
  color:var(--summary-text);
  background:var(--summary-surface);
  border:1px solid var(--summary-border);
  border-radius:10px;
}
.stage-capability-summary .stage-highlight-grid>div>span{
  width:30px;
  height:30px;
  color:var(--summary-accent);
  background:#e7f2ff;
  border-radius:8px;
}
.stage-capability-summary .stage-highlight-grid svg{width:18px;height:18px}
.stage-capability-summary .stage-highlight-grid b{
  color:var(--summary-text);
  font-size:12px;
  line-height:1.35;
}
.stage-capability-summary .stage-highlight-grid small{
  margin-top:4px;
  color:var(--summary-muted);
  font-size:12px;
  line-height:1.45;
}
.stage-capability-summary .stage-role-strip{
  display:grid;
  gap:1px;
  margin-top:14px;
  padding:0;
  overflow:hidden;
  color:var(--summary-text);
  background:var(--summary-border);
  border:1px solid var(--summary-border);
  border-radius:10px;
}
.stage-capability-summary .stage-role-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
.stage-capability-summary .stage-role-strip span{
  min-width:0;
  padding:12px 5px;
  color:var(--summary-text);
  background:var(--summary-surface);
  border-radius:0;
  font-size:12px;
  font-weight:700;
  line-height:1.35;
  white-space:nowrap;
}
.stage-capability-summary .stage-role-strip span{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:12px;
}
.stage-capability-summary .stage-role-strip span::before{
  width:7px;
  height:7px;
  margin-right:7px;
  background:var(--summary-accent);
  box-shadow:0 0 0 3px rgba(20,120,242,.09);
}
.stage-capability-summary .stage-standard-card{
  margin-top:14px;
  padding:13px;
  background:linear-gradient(145deg,rgba(237,247,255,.98),rgba(248,251,255,.96));
  border:1px solid rgba(116,171,231,.28);
  border-radius:12px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.stage-standard-head{
  display:flex;
  align-items:center;
  gap:10px;
}
.stage-standard-icon{
  display:grid;
  flex:0 0 34px;
  place-items:center;
  width:34px;
  height:34px;
  color:var(--summary-accent);
  background:#e7f2ff;
  border-radius:10px;
  box-shadow:none;
}
.stage-standard-icon svg{width:18px;height:18px}
.stage-standard-head>div{min-width:0}
.stage-standard-head b,
.stage-standard-head small{display:block}
.stage-standard-head b{
  color:var(--summary-text);
  font-size:13px;
  line-height:1.35;
}
.stage-standard-head small{
  margin-top:2px;
  color:var(--summary-muted);
  font-size:11px;
}
.stage-standard-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:11px;
}
.stage-standard-metrics span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
  padding:8px 5px;
  color:var(--summary-text);
  background:rgba(255,255,255,.82);
  border:1px solid rgba(132,178,226,.18);
  border-radius:8px;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}
.stage-standard-metrics i{
  color:var(--summary-accent);
  font-size:10px;
  font-style:normal;
  font-weight:800;
  letter-spacing:-.02em;
}
.stage-capability-summary .stage-output-line{
  min-height:46px;
  margin-top:10px;
  padding:11px 14px;
  color:var(--summary-text);
  background:var(--summary-surface);
  border:1px solid var(--summary-border);
  border-radius:10px;
  font-size:12px;
  font-weight:700;
}
.stage-capability-summary .stage-output-line b{color:var(--summary-accent)}
@media (max-width:620px){
  .stage-capability-summary .stage-role-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-capability-summary .stage-role-strip span{font-size:12px}
}

/* AI expert portrait: breathing gradient from motion library item 28 */
.expert-stage::before{display:none}
.expert-person{
  background:linear-gradient(-45deg,#e8f5ff,#d7efff,#e8e1ff,#f8fbff);
  background-size:420% 420%;
  animation:expert-breathing-bg 8s ease-in-out infinite;
}
.dialog-user-row{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  width:82%;
  margin:11px 0 10px auto;
}
.dialog-user{
  flex:1;
  width:auto;
  margin:0;
  padding:10px 13px;
}
.user-avatar{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  color:#3979c9;
  background:#eef5ff;
  border:1px solid #dce9f8;
  border-radius:50%;
  box-shadow:0 5px 14px rgba(37,99,160,.1);
}
.user-avatar svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.assistant-avatar{
  flex-basis:28px;
  width:28px;
  height:28px;
}
.person-halo{display:none}
@keyframes expert-breathing-bg{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@media (prefers-reduced-motion:reduce){
  .expert-person{
    animation:none;
    background-position:50% 50%;
  }
}
@media (max-width:620px){
  .dialog-user-row{width:96%;gap:8px}
  .user-avatar{flex-basis:28px;width:28px;height:28px}
  .user-avatar svg{width:16px;height:16px}
}

/* AI conversation: terminal typewriter from motion library item 20 */
.dialog-answer p{
  box-sizing:border-box;
  min-height:62px;
  line-height:1.6;
}
#expertQuestion.is-typing::after,
#expertAnswer.is-typing::after{
  content:"";
  display:inline-block;
  width:2px;
  height:1em;
  margin-left:4px;
  vertical-align:-.12em;
  background:var(--blue);
  border-radius:2px;
  animation:expert-caret-blink .9s steps(2,jump-none) infinite;
}
.ai-dialog.is-generating .source-tags{
  opacity:.48;
  transition:opacity .25s ease;
}
.ai-dialog:not(.is-generating) .source-tags{
  opacity:1;
  transition:opacity .25s ease;
}
@keyframes expert-caret-blink{
  0%,45%{opacity:1}
  46%,100%{opacity:0}
}
@media (prefers-reduced-motion:reduce){
  #expertQuestion.is-typing::after,
  #expertAnswer.is-typing::after{display:none;animation:none}
}

/* Lightweight multi-terminal access rail */
.terminal-access{
  margin-top:18px;
  overflow:visible;
  color:var(--ink);
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(244,249,255,.86));
  border:1px solid rgba(113,158,211,.2);
  border-radius:16px;
  box-shadow:0 12px 34px rgba(39,75,126,.065);
}
.terminal-access-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:48px;
  padding:9px 16px;
  border-bottom:0;
}
.terminal-access-head>div{
  display:flex;
  align-items:baseline;
  gap:10px;
  white-space:nowrap;
}
.terminal-access-head span{
  color:var(--blue);
  font-size:12px;
  font-weight:800;
  letter-spacing:.13em;
}
.terminal-access-head b{
  font-size:15px;
}
.terminal-access-head p{
  margin:0;
  color:#73849a;
  font-size:12px;
}
.terminal-access-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.terminal-access-item{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-width:0;
  min-height:96px;
  padding:13px 16px;
}
.terminal-access-item+ .terminal-access-item{
  border-left:1px solid rgba(133,166,207,.16);
}
.terminal-device{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  color:var(--blue);
  background:#eaf4ff;
  border:1px solid #d9eaff;
  border-radius:13px;
}
.terminal-device svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.terminal-access-copy{
  min-width:0;
}
.terminal-access-copy>b,
.terminal-access-title b{
  display:block;
  color:#17283d;
  font-size:14px;
}
.terminal-access-copy small{
  display:block;
  margin-top:5px;
  color:#718197;
  font-size:12px;
  line-height:1.55;
}
.terminal-access-meta{
  padding:5px 8px;
  color:#356da9;
  background:#edf5ff;
  border-radius:7px;
  font-size:12px;
  white-space:nowrap;
}
.terminal-access-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.terminal-access-title em{
  padding:3px 6px;
  color:#a96b16;
  background:#fff4df;
  border-radius:999px;
  font-size:12px;
  font-style:normal;
  font-weight:700;
  white-space:nowrap;
}
.terminal-access-copy a{
  display:inline-block;
  margin-top:6px;
  color:var(--blue);
  font-size:12px;
  font-weight:700;
}
.terminal-qr-placeholder{
  position:relative;
  z-index:4;
  display:block;
  width:66px;
  height:66px;
  padding:0;
  background:#fff;
  border:0;
  border-radius:10px;
  cursor:zoom-in;
}
.terminal-qr-thumb{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
.terminal-qr-preview{
  position:absolute;
  right:0;
  bottom:calc(100% + 12px);
  display:grid;
  justify-items:center;
  width:184px;
  padding:12px 12px 9px;
  color:#42566f;
  background:rgba(255,255,255,.98);
  border-radius:14px;
  box-shadow:0 20px 52px rgba(30,67,117,.2);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px) scale(.96);
  transform-origin:right bottom;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
.terminal-qr-preview::after{
  content:"";
  position:absolute;
  right:24px;
  bottom:-6px;
  width:12px;
  height:12px;
  background:#fff;
  transform:rotate(45deg);
}
.terminal-qr-preview img{width:160px;height:160px;object-fit:cover;border-radius:8px}
.terminal-qr-preview small{
  margin-top:7px;
  font-size:12px;
  line-height:1.4;
  white-space:nowrap;
}
.terminal-qr-placeholder:hover .terminal-qr-preview,
.terminal-qr-placeholder:focus-visible .terminal-qr-preview{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.terminal-qr-placeholder:focus-visible{outline:3px solid rgba(20,120,242,.24);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.terminal-qr-preview{transition:none}}
@media (max-width:1050px){
  .terminal-access-head{align-items:flex-start}
  .terminal-access-item{grid-template-columns:42px minmax(0,1fr);padding:13px}
  .terminal-device{width:42px;height:42px;border-radius:11px}
  .terminal-device svg{width:22px;height:22px}
  .terminal-access-meta{grid-column:2;justify-self:start}
  .terminal-access-mobile{grid-template-columns:42px minmax(0,1fr) 60px}
  .terminal-qr-placeholder{grid-column:3;grid-row:1 / span 2;width:58px;height:58px}
  .terminal-qr-placeholder small{display:none}
}
@media (max-width:760px){
  .terminal-access-head{display:block;padding:12px 14px}
  .terminal-access-head>div{display:block}
  .terminal-access-head span{display:block;margin-bottom:3px}
  .terminal-access-head p{margin-top:5px;line-height:1.5}
  .terminal-access-list{grid-template-columns:1fr}
  .terminal-access-item{min-height:78px}
  .terminal-access-item+ .terminal-access-item{border-top:1px solid rgba(133,166,207,.16);border-left:0}
  .terminal-access-meta{grid-column:auto;justify-self:end}
  .terminal-access-item:not(.terminal-access-mobile){grid-template-columns:42px minmax(0,1fr) auto}
}
@media (max-width:480px){
  .terminal-access{border-radius:13px}
  .terminal-access-head p{font-size:12px}
  .terminal-access-item{padding:12px 11px}
  .terminal-access-meta{display:none}
  .terminal-access-mobile{grid-template-columns:42px minmax(0,1fr)}
  .terminal-qr-placeholder{display:none}
}

/* Multi-terminal product cards */
.terminal-access{
  padding:18px 18px 20px;
  overflow:visible;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(244,249,255,.9));
  border:1px solid rgba(113,158,211,.16);
  border-radius:20px;
  box-shadow:0 18px 50px rgba(39,75,126,.08);
}
.terminal-access-head{padding:0 2px;background:transparent;border:0}
.terminal-access-head>div{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%}
.terminal-access-head b{display:flex;align-items:center;color:#14253d;font-size:20px;line-height:1.3}
.terminal-access-head p{margin-left:auto;color:#75869c;font-size:12px;text-align:right}
.terminal-access-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:15px}
.terminal-access-list .terminal-access-item{
  grid-template-columns:minmax(0,1fr) minmax(145px,46%);
  gap:10px;
  align-items:stretch;
  min-height:198px;
  padding:22px 12px 18px 22px;
  background:linear-gradient(135deg,#fff 0%,#f1f3f5 46%,#e3f1ff 100%);
  border:0;
  border-radius:15px;
  box-shadow:0 10px 30px rgba(42,78,128,.045);
  transition:transform .28s ease,box-shadow .28s ease;
}
.terminal-access-list .terminal-access-item:hover{z-index:5;transform:translateY(-5px);box-shadow:0 24px 58px rgba(30,75,137,.15)}
.terminal-access-copy{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;min-width:0;height:100%;padding:1px 0}
.terminal-access-copy>b,.terminal-access-title b{font-size:16px;line-height:1.45}
.terminal-access-copy small{margin-top:10px;color:#697b92;font-size:12px;line-height:1.8}
.terminal-access-action{display:inline-flex;align-items:center;gap:9px;margin-top:auto;padding:8px 14px;color:var(--blue)!important;background:rgba(255,255,255,.9);border:0;border-radius:8px;box-shadow:none;font-size:12px;font-weight:700;line-height:1.4;transition:color .22s ease,background-color .22s ease}
.terminal-access-copy .terminal-access-action{align-self:flex-start;margin-top:auto}
.terminal-access-action:hover{color:#fff!important;background:var(--blue)}
.terminal-access-action span{font-size:15px;line-height:1}
.terminal-access-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:156px;margin:0;align-self:center}
.terminal-access-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(35,67,108,.12))}
.terminal-mobile-visual{justify-content:flex-end;gap:4px}
.terminal-mobile-visual>.terminal-access-image{width:74%;margin-left:auto}
.terminal-mobile-visual .terminal-qr-placeholder{z-index:2;flex:0 0 70px;width:70px;height:70px;grid-column:auto;grid-row:auto;box-shadow:0 8px 20px rgba(33,72,122,.09);transform:translate(30px,20px)}
.terminal-qr-preview small{display:block}
@media (max-width:1050px){
  .terminal-access-list{grid-template-columns:1fr}
  .terminal-access-list .terminal-access-item{grid-template-columns:minmax(0,1fr) 260px;min-height:180px;padding-right:20px}
  .terminal-access-visual{height:150px}
  .terminal-mobile-visual .terminal-qr-placeholder{display:block;width:70px;height:70px}
  .terminal-qr-preview small{display:block}
}
@media (max-width:620px){
  .terminal-access{padding:15px 12px 14px;border-radius:16px}
  .terminal-access-head>div{display:block}
  .terminal-access-head p{margin:7px 0 0;text-align:left}
  .terminal-access-list{gap:11px;margin-top:13px}
  .terminal-access-list .terminal-access-item{grid-template-columns:1fr;min-height:0;padding:20px 18px 16px}
  .terminal-access-copy small{max-width:none}
  .terminal-access-copy .terminal-access-action{margin-top:16px}
  .terminal-access-visual{height:180px;margin-top:-6px}
  .terminal-mobile-visual{justify-content:center}
  .terminal-mobile-visual>.terminal-access-image{width:66%;margin:0}
}
@media (max-width:480px){
  .terminal-mobile-visual .terminal-qr-placeholder{display:none}
  .terminal-mobile-visual>.terminal-access-image{width:76%;margin:auto}
}

/* Terminal mobile scan: the "扫码体验" action pops the mini-program QR on click and hides on mouse leave */
.terminal-scan-wrap{position:relative;align-self:flex-start;display:inline-block;margin-top:auto}
.terminal-scan-wrap .terminal-access-action{margin-top:0}
.terminal-scan-pop{
  position:absolute;
  z-index:30;
  left:0;
  bottom:calc(100% + 12px);
  display:grid;
  justify-items:center;
  width:170px;
  padding:12px;
  color:#42566f;
  background:#fff;
  border:1px solid #e7edf6;
  border-radius:14px;
  box-shadow:0 22px 54px rgba(30,67,117,.22);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transform-origin:left bottom;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
.terminal-scan-pop::after{
  content:"";
  position:absolute;
  left:24px;
  bottom:-6px;
  width:12px;
  height:12px;
  background:#fff;
  border-right:1px solid #e7edf6;
  border-bottom:1px solid #e7edf6;
  transform:rotate(45deg);
}
.terminal-scan-pop img{display:block;width:150px;height:150px;object-fit:contain;background:#fff;border-radius:8px}
.terminal-scan-pop small{margin-top:7px;font-size:11px;line-height:1.4;white-space:nowrap}
.terminal-scan-wrap.open .terminal-scan-pop{opacity:1;visibility:visible;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.terminal-scan-pop{transition:none}}

/* Industry application: real scene gallery and decision path */
.industries-section{
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 12%,rgba(20,120,242,.075),transparent 28%),
    linear-gradient(180deg,#f7f9fd 0%,#f3f7fc 100%);
}
.industries-section::before{
  z-index:-1;
  width:720px;
  height:720px;
  right:-360px;
  top:60px;
  background:radial-gradient(circle,rgba(20,120,242,.1),transparent 68%);
}
.industry-tabs{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:6px;
  width:min(100%,980px);
  margin:0 auto 28px;
  padding:6px;
  background:rgba(228,236,246,.78);
  border:1px solid rgba(200,214,232,.62);
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.industry-tab{
  min-height:44px;
  padding:10px 12px;
  color:#66788f;
  background:transparent;
  border:0;
  border-radius:11px;
  box-shadow:none;
  font-size:13px;
  font-weight:650;
  white-space:nowrap;
  cursor:pointer;
  transition:color .25s ease,background-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.industry-tab:hover{
  color:var(--blue);
  background:rgba(255,255,255,.68);
  transform:none;
}
.industry-tab.active{
  color:#fff;
  background:linear-gradient(135deg,#1478f2,#249ce8);
  box-shadow:0 9px 22px rgba(20,120,242,.24),inset 0 1px 0 rgba(255,255,255,.24);
}
.industry-tab:focus-visible{
  outline:3px solid rgba(20,120,242,.24);
  outline-offset:3px;
}
.industry-stage{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);
  min-height:468px;
  overflow:hidden;
  background:#fff;
  border:0;
  border-radius:26px;
  box-shadow:0 26px 70px rgba(30,67,117,.12);
}
.industry-art{
  position:relative;
  min-width:0;
  min-height:468px;
  margin:0;
  overflow:hidden;
  background:#dce8f5;
}
.industry-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(4,20,42,.2) 72%,rgba(4,19,39,.68) 100%);
  pointer-events:none;
}
.industry-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.002);
  transition:opacity .28s ease,transform .55s cubic-bezier(.2,.75,.25,1);
}
.industry-art:hover img{transform:scale(1.025)}
.industry-art img.is-changing{opacity:.28;transform:scale(1.015)}
.industry-art figcaption{
  position:absolute;
  z-index:2;
  left:26px;
  right:26px;
  bottom:24px;
  width:max-content;
  max-width:calc(100% - 52px);
  padding:14px 17px;
  color:#fff;
  background:rgba(5,25,51,.44);
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  box-shadow:0 10px 26px rgba(0,0,0,.1);
  backdrop-filter:blur(10px);
}
.industry-art figcaption b,.industry-art figcaption small{display:block}
.industry-art figcaption b{margin:0 0 3px;font-size:16px}
.industry-art figcaption small{color:rgba(255,255,255,.7);font-size:12px!important}
.industry-art figcaption small i{
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:5px;
  background:#4ee0a3;
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(78,224,163,.14);
  vertical-align:1px;
}
.industry-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px 46px;
}
.industry-copy>span{
  color:var(--blue);
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
}
.industry-copy h3{
  max-width:430px;
  min-height:76px;
  margin:10px 0 14px;
  font-size:28px;
  line-height:1.35;
}
.industry-copy>p{
  max-width:470px;
  min-height:0;
  margin:0 0 12px;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.scenario-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 20px;
}
.scenario-tags span{
  padding:7px 10px;
  color:var(--blue);
  background:#edf5ff;
  border:0;
  border-radius:7px;
  box-shadow:none;
  font-size:12px;
  font-weight:650;
}
.industry-copy ol{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin:0 0 29px;
  padding:0;
  list-style:none;
}
.industry-copy li{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  min-width:0;
  color:#53677f;
  font-size:12px;
  text-align:left;
}
.industry-copy li>i{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  color:#35658f;
  background:#edf5ff;
  border:0;
  border-radius:50%;
  font-style:normal;
  box-shadow:0 5px 16px rgba(20,120,242,.08);
}
.industry-copy li>i svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.industry-copy li span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.industry-copy li span b{margin-right:3px;color:#203a59;font-size:12px}
.industry-copy li:not(:last-child)::after{
  content:"→";
  position:absolute;
  z-index:2;
  top:11px;
  left:calc(50% + 21px);
  width:18px;
  height:auto;
  margin:0;
  color:#9bb3cf;
  background:none;
  font-size:15px;
  text-align:center;
  transform:translateX(-50%);
}
.industry-cta{
  align-self:flex-start;
  min-width:214px;
  justify-content:space-between;
}
.industry-cta span{font-size:17px;transition:transform .2s ease}
.industry-cta:hover span{transform:translateX(3px)}

@media (max-width:900px){
  .industry-tabs{
    display:flex;
    justify-content:flex-start;
    width:100%;
    overflow-x:auto;
    padding:6px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .industry-tabs::-webkit-scrollbar{display:none}
  .industry-tab{flex:0 0 auto;min-width:118px;scroll-snap-align:start}
  .industry-stage{grid-template-columns:1fr;min-height:0}
  .industry-art{min-height:0;aspect-ratio:16/9}
  .industry-copy{padding:39px 36px 42px}
  .industry-copy h3{max-width:620px}
  .industry-copy>p{max-width:700px}
}
@media (max-width:620px){
  .industry-tabs{margin-bottom:18px;border-radius:13px}
  .industry-tab{min-height:40px;min-width:104px;padding:9px 11px;font-size:12px}
  .industry-stage{border-radius:18px}
  .industry-art{aspect-ratio:4/3}
  .industry-art figcaption{left:14px;right:14px;bottom:14px;max-width:calc(100% - 28px);padding:11px 13px}
  .industry-art figcaption b{font-size:14px}
  .industry-copy{padding:28px 22px 30px}
  .industry-copy h3{min-height:0;margin-top:8px;font-size:23px}
  .industry-copy>p{min-height:0;margin-bottom:20px;font-size:13px}
  .industry-copy ol{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:25px}
  .industry-copy li{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;padding:9px 10px;background:#f6f9fd;border-radius:9px;text-align:left}
  .industry-copy li>i{width:34px;height:34px}
  .industry-copy li>i svg{width:17px;height:17px}
  .industry-copy li:not(:last-child)::after{display:none}
  .industry-cta{width:100%}
}

/* Multi-role dark-card trial; the page and original light rules stay intact. */
.roles-section .role-shell{
  --role-stage-height:450px;
  --role-media-width:800px;
  --role-card-deep:#153b61;
  --role-card-mid:#1d4b77;
  --role-card-surface:#285a87;
  --role-card-line:rgba(190,220,248,.17);
  --role-card-text:#f1f7ff;
  --role-card-muted:#b9cbe0;
  padding:8px;
  color:var(--role-card-text);
  background:#08448d;
  border:1px solid rgba(63,116,164,.34);
  box-shadow:0 24px 58px rgba(34,74,118,.18),inset 0 1px 0 rgba(255,255,255,.08);
}
.roles-section .role-nav{
  gap:5px;
  padding:5px;
  background:rgba(11,42,72,.44);
  border:1px solid rgba(190,220,248,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.roles-section .role-tab{color:#bed0e3;background:transparent}
.roles-section .role-tab span{color:#89a8c6}
.roles-section .role-tab:hover{color:#fff;background:rgba(255,255,255,.08)}
.roles-section .role-tab.active{
  color:#fff;
  background:linear-gradient(135deg,#1677ec,#229be8);
  box-shadow:0 9px 22px rgba(4,31,65,.28),inset 0 1px 0 rgba(255,255,255,.16);
}
.roles-section .role-tab.active span{color:rgba(255,255,255,.74)}
.roles-section .role-view{
  height:var(--role-stage-height);
  min-height:var(--role-stage-height);
  background:transparent;
  border:0;
  box-shadow:none;
}
.roles-section .role-copy{
  position:relative;
  justify-content:flex-start;
  padding:48px 38px 132px;
  overflow:hidden;
  isolation:isolate;
  color:var(--role-card-text);
  background:transparent;
  border:0;
}
.roles-section .role-kicker{color:#5fc5ff}
.roles-section .role-copy h3{color:#f5f9ff}
.roles-section .role-copy p{color:var(--role-card-muted)}
.roles-section .role-points li,
.roles-section .role-points span{
  color:#d9ebfb;
  background:rgba(116,187,241,.11);
  border:1px solid rgba(137,201,247,.18);
}
.roles-section .role-points{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  width:100%;
  margin-top:18px;
}
.roles-section .role-points li,
.roles-section .role-points span{
  min-width:0;
  padding:7px 6px;
  text-align:center;
  white-space:nowrap;
}
.roles-section .role-copy>:not(.role-network-canvas){position:relative;z-index:1}
.roles-section .role-network-canvas{
  position:absolute;
  z-index:0;
  left:0;
  bottom:0;
  display:block;
  width:100%;
  height:144px;
  pointer-events:none;
  opacity:.72;
  background:radial-gradient(circle at 24% 100%,rgba(43,202,255,.12),transparent 62%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 100%);
}
.roles-section .role-ui{
  height:var(--role-stage-height);
  min-height:var(--role-stage-height);
  padding:0;
  overflow:hidden;
  aspect-ratio:16/9;
  color:var(--role-card-text);
  background:transparent;
  border-radius:14px;
}
.roles-section .role-app{
  height:100%;
  min-height:0;
  color:var(--role-card-text);
  background:var(--role-card-mid);
  border:1px solid var(--role-card-line);
  box-shadow:0 14px 34px rgba(7,29,54,.22),inset 0 1px 0 rgba(255,255,255,.05);
}
.roles-section .role-ui:is([data-active-role=participant],[data-active-role=expert]){
  --role-card-mid:#164f8e;
  --role-card-surface:#2a639c;
}
.roles-section .role-ui:is([data-active-role=participant],[data-active-role=expert]) .role-app{
  border:0;
}
.roles-section .role-app-head,
.roles-section .role-app-foot{
  background:rgba(13,48,80,.34);
  border-color:var(--role-card-line);
}
.roles-section .role-app-head em{color:#86e4bd}
.roles-section .role-ui:is([data-active-role=participant],[data-active-role=expert]) .role-app-head em,
.roles-section .role-ui[data-active-role=expert] .evidence-row em{color:#8fd0ff}
.roles-section .role-ui:is([data-active-role=participant],[data-active-role=expert]) .role-app-head em i,
.roles-section .role-ui[data-active-role=participant] .participant-feed i.ok{
  background:#2da8ff;
  box-shadow:0 0 0 4px rgba(45,168,255,.14);
}
.roles-section .role-workspace{background:rgba(12,44,74,.34)}
.roles-section .role-main-panel,
.roles-section .role-side-panel,
.roles-section .command-map,
.roles-section .task-card,
.roles-section .participant-feed,
.roles-section .expert-evidence,
.roles-section .expert-score-panel,
.roles-section .observer-scene,
.roles-section .observer-stats{
  background:var(--role-card-surface);
  border:1px solid rgba(196,225,249,.11);
  box-shadow:0 7px 18px rgba(7,29,54,.13);
}
.roles-section .role-panel-title span,
.roles-section .director-timeline small,
.roles-section .participant-feed small,
.roles-section .role-app-foot,
.roles-section .role-status-list em{color:#b8cbe0}
.roles-section .role-app-foot b{color:#d5e9fb}
.roles-section .director-timeline>div,
.roles-section .role-status-list>div,
.roles-section .participant-feed>div:not(.role-panel-title),
.roles-section .decision-card,
.roles-section .task-detail,
.roles-section .observer-stats div{
  background:rgba(216,235,251,.075);
  border:1px solid rgba(207,231,251,.07);
}
.roles-section .director-timeline .active{
  background:rgba(38,142,244,.24);
  box-shadow:0 7px 18px rgba(8,37,67,.14);
}
.roles-section .director-timeline i{color:#b9cee3;background:rgba(220,237,252,.1)}
.roles-section .director-timeline .done i{color:#90ecc2;background:rgba(42,191,131,.16)}
.roles-section .decision-card>span{color:#8fd0ff;background:rgba(42,145,245,.18)}
.roles-section .task-priority,
.roles-section .task-meta b{color:#78caff}
.roles-section .task-meta,
.roles-section .task-detail p{color:#bfd0e2}
.roles-section .role-action-row button,
.roles-section .expert-score-panel>button{
  color:#d8e8f7;
  background:rgba(222,239,253,.1);
  border:1px solid rgba(210,234,252,.1);
}
.roles-section .role-action-row button.primary,
.roles-section .expert-score-panel>button.primary{color:#fff;background:#1a86f3;border-color:transparent}
.roles-section .command-map-canvas{
  background:linear-gradient(rgba(150,202,245,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(150,202,245,.09) 1px,transparent 1px),radial-gradient(circle at 56% 45%,rgba(59,166,255,.22),transparent 30%),#1e4a77;
  background-size:24px 24px,24px 24px,auto,auto;
}
.roles-section .command-zone{color:#dceeff;background:#326a9b;box-shadow:0 7px 18px rgba(7,29,54,.18)}
.roles-section .evidence-media{color:#dceeff;background:linear-gradient(135deg,#326b9d,#285b88)}
.roles-section .role-ui[data-active-role=expert] .evidence-media{
  background:linear-gradient(135deg,#2e6caa,#225b94);
}
.roles-section .evidence-media::before{opacity:.7}
.roles-section .evidence-row{border-color:rgba(203,229,250,.12)}
.roles-section .evidence-row span{color:#a9bfd5}
.roles-section .evidence-row em{color:#8ee2bd}
.roles-section .score-input i{background:rgba(212,234,251,.12)}
.roles-section .expert-score-panel textarea{
  color:#eaf4ff;
  background:rgba(216,235,251,.08);
  border:1px solid rgba(207,231,251,.08);
}
.roles-section .observer-stats strong{color:#78c7ff}
.roles-section .observer-stats span{color:#b6c9dc}
.roles-section .role-media,
.roles-section .role-media video,
.roles-section .role-media img{
  height:100%;
  min-height:0;
}
.roles-section .role-media{
  border:0;
  border-radius:inherit;
  box-shadow:none;
}
.roles-section .role-app{border-radius:inherit}
.roles-section .role-media--image img{
  object-fit:cover;
  object-position:center;
  transform:scale(1.002);
  transition:opacity .28s ease,transform .55s cubic-bezier(.2,.75,.25,1);
}
.roles-section .role-media--image:hover img{
  transform:scale(1.025);
}
.roles-section .role-media--video video{
  object-fit:cover;
  object-position:center;
}

@media (max-width:900px){
  .roles-section .role-shell{--role-stage-height:440px}
  .roles-section .role-view{height:auto;min-height:0}
  .roles-section .role-copy{min-height:230px}
  .roles-section .role-copy{
    border-right:0;
    border-bottom:0;
  }
}
@media (max-width:620px){
  .roles-section .role-shell{--role-stage-height:340px}
  .roles-section .role-copy{min-height:248px}
  .roles-section .role-media{aspect-ratio:auto}
}
@media (min-width:1100px){
  .roles-section .role-view{
    grid-template-columns:minmax(0,1fr) var(--role-media-width);
  }
  .roles-section .role-ui{
    width:var(--role-media-width);
    justify-self:end;
  }
}

/* Unified primary switch tabs: title only */
.stage-tab,
.assessment-tab,
.roles-section .role-tab{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  min-height:60px;
  padding:0 20px;
  text-align:center;
  border:0;
  border-radius:12px;
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}
.stage-tab b,
.assessment-tab b{
  font-size:18px;
  font-weight:700;
  line-height:1.2;
}
.stage-tab.active,
.assessment-tab.active,
.roles-section .role-tab.active{
  color:#fff;
  background:linear-gradient(135deg,#1677ec,#229be8);
  box-shadow:0 9px 22px rgba(20,120,242,.24),inset 0 1px 0 rgba(255,255,255,.16);
}
.stage-tab:hover,
.assessment-tab:hover,
.roles-section .role-tab:hover{transform:translateY(-2px)}

/* Solution cards: restrained copy with compact lower-right artwork */
.solutions-section{background:linear-gradient(180deg,#f7f9fd 0%,#f2f6fc 100%)}
.solutions-section .solution-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.solutions-section .solution-card{
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:290px;
  padding:30px;
  overflow:hidden;
  color:var(--ink);
  background:linear-gradient(145deg,#fff 0%,#fbfdff 50%,#f6f9ff 100%);
  border:1px solid transparent;
  border-radius:18px;
  box-shadow:0 14px 38px rgba(30,67,117,.07);
}
.solutions-section .solution-card::before{
  content:'';
  position:absolute;
  z-index:-1;
  right:-18%;
  bottom:-28%;
  width:82%;
  aspect-ratio:1;
  background:radial-gradient(circle,rgba(92,145,255,.12),transparent 68%);
  pointer-events:none;
}
.solutions-section .solution-card h3,
.solutions-section .solution-card p,
.solutions-section .solution-pill,
.solutions-section .solution-link{position:relative;z-index:2}
.solutions-section .solution-pill{
  display:block;
  align-self:flex-start;
  margin:0 0 12px;
  padding:0;
  color:var(--blue);
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.09em;
  text-align:left;
  background:transparent;
  border:0;
  border-radius:0;
}
.solutions-section .solution-card h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.35;
}
.solutions-section .solution-card p{
  width:47%;
  max-width:190px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.75;
}
.solutions-section .solution-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:34px;
  margin-top:18px;
  padding:7px 13px;
  color:#1875e7;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(45,128,232,.45);
  border-radius:8px;
  transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease;
}
.solutions-section .solution-link svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.solutions-section .solution-link:hover{
  color:#fff;
  background:#2085ed;
  border-color:#2085ed;
  transform:translateX(2px);
}
.solutions-section .solution-art{
  position:absolute;
  z-index:1;
  right:0;
  bottom:0;
  width:85%;
  height:100%;
  object-fit:contain;
  object-position:right bottom;
  pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 78% 82% at 100% 100%,#000 0 64%,rgba(0,0,0,.84) 75%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 82% at 100% 100%,#000 0 64%,rgba(0,0,0,.84) 75%,transparent 100%);
  transition:transform .38s ease,filter .38s ease;
}
.solutions-section .solution-card:hover{
  transform:translateY(-5px);
  background:linear-gradient(145deg,#fff 0%,#f9fcff 48%,#f1f7ff 100%);
  border-color:rgba(102,158,232,.42);
  box-shadow:0 22px 48px rgba(30,75,137,.12);
}
.solutions-section .solution-card:hover .solution-art{
  transform:translate3d(-3px,-3px,0) scale(1.018);
  filter:saturate(1.05);
}
@media (max-width:1180px){
  .solutions-section .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .solutions-section .solution-grid{grid-template-columns:1fr}
  .solutions-section .solution-card{min-height:265px;padding:25px}
  .solutions-section .solution-card p{width:54%;max-width:210px;font-size:13px}
  .solutions-section .solution-art{width:87%}
}

/* Right-side service dock: Tencent-style UI with Baidu-style motion */
.service-dock{
  --service-dock-y:0;
  position:fixed;
  z-index:180;
  top:auto;
  right:22px;
  bottom:94px;
  width:60px;
  color:#111827;
  transform:translate3d(18px,var(--service-dock-y),0);
  opacity:1;
  animation:service-dock-enter .38s .28s cubic-bezier(.2,.75,.25,1) forwards;
}
.service-dock button,.service-dock a{font-family:inherit}
.service-dock svg,.ai-assistant-panel svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.service-ai-trigger{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:60px;
  padding:0;
  color:#111827;
  background:transparent;
  border:0;
}
.service-avatar{
  position:relative;
  display:block;
  width:58px;
  height:64px;
  margin:0;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  transition:transform .22s ease,box-shadow .22s ease;
}
.service-avatar::before{
  content:"";
  position:absolute;
  z-index:0;
  right:0;
  bottom:0;
  left:0;
  height:58px;
  background:#edf5ff;
  border:3px solid #fff;
  border-radius:50%;
  box-shadow:0 10px 30px rgba(28,65,111,.18);
}
.service-avatar-mask{
  position:absolute;
  z-index:1;
  right:0;
  bottom:0;
  left:0;
  height:58px;
  overflow:hidden;
  border-radius:50%;
}
.service-avatar-mask img,
.service-avatar-head{
  position:absolute;
  left:50%;
  bottom:9px;
  display:block;
  width:62px;
  height:69px;
  object-fit:cover;
  object-position:center 18%;
  transform:translateX(-50%) scale(1.18);
  transform-origin:center 32%;
}
.service-avatar-mask img{z-index:1}
.service-avatar-head{
  z-index:2;
  clip-path:inset(0 0 33px 0);
}
.service-ai-label{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:-3px;
  display:block;
  width:max-content;
  min-width:52px;
  margin:0;
  padding:3px 7px;
  color:#fff;
  background:linear-gradient(135deg,#176df0,#6b54f5);
  border:0;
  border-radius:999px;
  box-shadow:0 6px 16px rgba(37,99,235,.2);
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap;
  transform:translateX(-50%);
}
.service-ai-trigger:hover .service-avatar,
.service-ai-trigger[aria-expanded=true] .service-avatar{
  transform:none;
  box-shadow:none;
}
.service-dock-rail{
  display:flex;
  flex-direction:column;
  align-items:center;
  margin-top:15px;
  padding:8px 5px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(30,64,110,.08);
  border-radius:29px;
  box-shadow:0 16px 38px rgba(28,58,101,.14);
  backdrop-filter:blur(14px);
}
.service-dock-item{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:48px;
  min-height:58px;
  padding:6px 0;
  color:#111827;
  background:transparent;
  border:0;
  border-radius:20px;
  transition:color .2s ease,background-color .2s ease,transform .2s ease;
}
.service-dock-item svg{width:23px;height:23px}
.service-dock-item span{font-size:12px;line-height:1}
.service-dock-item:hover,
.service-dock-item:focus-visible,
.service-dock-item[aria-expanded=true]{
  color:#176df0;
  background:transparent;
  transform:none;
}
.service-dock-divider{width:24px;height:1px;background:#e1e7ef}
.service-popover{
  position:absolute;
  right:74px;
  width:300px;
  color:#172033;
  transform:translate3d(0,14px,0) scale(.994);
  transform-origin:right bottom;
  opacity:0;
  filter:blur(1.5px);
  visibility:hidden;
  pointer-events:none;
  transition:height .26s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.4,0,.6,1),opacity .16s ease-in,filter .16s ease-in,visibility 0s linear .18s;
  will-change:height,transform,opacity,filter;
}
.service-popover-card{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(45,78,119,.08);
  border-radius:14px;
  box-shadow:0 20px 52px rgba(25,56,99,.16);
}
.service-popover::after{
  content:"";
  position:absolute;
  right:-7px;
  width:14px;
  height:14px;
  background:#fff;
  border-top:1px solid rgba(45,78,119,.08);
  border-right:1px solid rgba(45,78,119,.08);
  bottom:var(--service-arrow-bottom,28px);
  transform:rotate(45deg);
  transition:bottom .26s cubic-bezier(.2,.8,.2,1);
}
.service-popover-shell{top:auto;bottom:8px;height:var(--service-popover-height,306px);--service-arrow-bottom:28px}
.service-popover-shell[data-active-service=consult]{--service-popover-height:306px;--service-arrow-bottom:148px}
.service-popover-shell[data-active-service=benefits]{--service-popover-height:240px;--service-arrow-bottom:88px}
.service-popover-pane{
  position:absolute;
  inset:12px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .12s ease-in,visibility 0s linear .12s;
}
.service-popover-pane.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .16s ease-out,visibility 0s linear 0s;
}
.service-popover.is-open{
  transform:none;
  opacity:1;
  filter:none;
  visibility:visible;
  pointer-events:auto;
  transition:height .26s cubic-bezier(.2,.8,.2,1),transform .26s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.2,.75,.25,1),filter .18s ease-out,visibility 0s linear 0s;
}
.service-popover-row{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:11px;
  align-items:center;
  min-height:62px;
  padding:8px;
  color:inherit;
  border-radius:10px;
  transition:background-color .2s ease,transform .2s ease;
}
.service-popover-row:hover{color:inherit;background:#f4f8fd;transform:translateX(2px)}
.service-popover-row>span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  color:#162033;
  background:#f4f7fb;
  border-radius:50%;
}
.service-popover-row svg{width:19px;height:19px}
.service-popover-row p{min-width:0;margin:0}
.service-popover-row b,.service-popover-row small{display:block}
.service-popover-row b{font-size:14px;line-height:1.35}
.service-popover-row small{margin-top:3px;color:#6d7889;font-size:12px;line-height:1.4}
.service-popover-row em{color:#7c8797;font-size:21px;font-style:normal}
.service-popover-consult .service-popover-row:first-child{
  color:#176df0;
  background:#eef5ff;
}
.service-popover-consult .service-popover-row:first-child>span{color:#176df0;background:#e1edff}
.service-popover-consult .service-popover-row:first-child b{color:#176df0}
.service-popover-consult .service-popover-row:first-child small{color:#5b7faf}
.service-wechat-card{
  display:grid;
  grid-template-columns:38px 1fr 72px;
  gap:11px;
  align-items:center;
  margin:5px 8px 3px;
  padding:11px 0 2px;
  border-top:1px solid #e9eef5;
}
.service-wechat-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  color:#172033;
  background:#f4f7fb;
  border-radius:50%;
}
.service-wechat-icon svg{width:19px;height:19px}
.service-wechat-card p{margin:0}
.service-wechat-card b,.service-wechat-card small{display:block}
.service-wechat-card b{font-size:13px;line-height:1.35}
.service-wechat-card small{margin-top:3px;color:#6d7889;font-size:11px!important;line-height:1.4}
.service-qr-image{
  display:block;
  width:72px;
  height:72px;
  object-fit:contain;
  background:#fff;
  border:5px solid #fff;
  outline:1px solid #d9e0e9;
}
.service-back-top{
  position:absolute;
  top:calc(100% + 12px);
  right:auto;
  bottom:auto;
  left:50%;
  width:54px;
  height:54px;
  color:#111827;
  background:#fff;
  border:1px solid rgba(30,64,110,.08);
  border-radius:50%;
  box-shadow:0 14px 34px rgba(28,58,101,.14);
  transform:translate(-50%,12px);
}
.service-back-top svg{width:23px;height:23px}
.service-back-top.show{transform:translate(-50%,0)}
.service-back-top:hover{color:#176df0;background:#fff;box-shadow:0 18px 40px rgba(28,72,130,.2)}

.feedback-popover{position:absolute;z-index:4;right:74px;bottom:8px;width:360px;color:#172033;background:#fff;border:1px solid rgba(45,78,119,.08);border-radius:12px;box-shadow:0 20px 52px rgba(25,56,99,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(10px) scale(.99);transform-origin:right center;transition:opacity .16s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility 0s linear .22s}
.feedback-popover::after{content:"";position:absolute;right:-7px;bottom:28px;width:14px;height:14px;background:#fff;border-top:1px solid rgba(45,78,119,.08);border-right:1px solid rgba(45,78,119,.08);transform:rotate(45deg)}
.feedback-popover.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .18s ease,transform .25s cubic-bezier(.16,1,.3,1),visibility 0s}
.feedback-popover header{display:flex;align-items:center;justify-content:space-between}
.feedback-popover header>button{display:grid;place-items:center;width:32px;height:32px;padding:0;color:#526074;background:transparent;border:0;border-radius:7px;font-size:23px;line-height:1;transition:color .18s ease,background-color .18s ease}
.feedback-popover header>button:hover,.feedback-popover header>button:focus-visible{color:#176df0;background:#f2f6fc}
.feedback-rating-popover{padding:20px 22px 18px}
.feedback-rating-popover header strong{color:#26364b;font-size:14px;line-height:1.5}
.feedback-stars{display:flex;align-items:center;justify-content:space-between;margin:14px 2px 7px}
.feedback-stars button{display:grid;place-items:center;width:43px;height:40px;padding:0;color:#9eabba;background:transparent;border:0;border-radius:8px;transition:color .16s ease,transform .16s ease,background-color .16s ease}
.feedback-stars button:hover,.feedback-stars button:focus-visible{background:#f0f6ff;transform:translateY(-2px)}
.feedback-stars svg{width:27px;height:27px;fill:currentColor;stroke:none}
.feedback-stars button.is-preview,.feedback-stars button[aria-checked=true]{color:#176df0}
.feedback-rating-labels{display:flex;justify-content:space-between;color:#8a97a8;font-size:12px;line-height:1.4}
.feedback-detail-popover{width:360px;overflow:hidden}
.feedback-detail-head{min-height:51px;padding:9px 14px 9px 20px;background:linear-gradient(90deg,#f2fff8,#fff 72%);border-bottom:1px solid #eef2f6}
.feedback-detail-head>div{display:flex;align-items:center;gap:13px;min-width:0}
.feedback-detail-head>div>span{display:flex;align-items:center;gap:5px;color:#00a870;font-size:12px;font-weight:700;white-space:nowrap}
.feedback-detail-head>div>span svg{width:16px;height:16px}
.feedback-selected-stars{display:flex;gap:3px}
.feedback-selected-stars i{display:block;width:17px;height:17px;color:#a8b3c1}
.feedback-selected-stars i.is-active{color:#176df0}
.feedback-selected-stars svg{width:17px;height:17px;fill:currentColor;stroke:none}
.feedback-form{padding:21px 22px 22px}
.feedback-form>h2{margin:0 0 14px;color:#202b3d;font-size:14px;font-weight:700;line-height:1.6}
.feedback-form fieldset{min-width:0;margin:0 0 13px;padding:0;border:0}
.feedback-form legend:not(.sr-only){margin-bottom:9px;color:#7a8799;font-size:12px;line-height:1.4}
.feedback-categories{display:flex;flex-wrap:wrap;gap:8px}
.feedback-categories button{min-width:78px;padding:7px 13px;color:#48566a;background:#f6f8fb;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;line-height:1.2;transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.feedback-categories button:hover,.feedback-categories button:focus-visible{color:#176df0;border-color:#a9cafa;background:#f3f8ff}
.feedback-categories button[aria-pressed=true]{color:#176df0;background:#eaf3ff;border-color:#7eb0f6;font-weight:700}
.feedback-message{position:relative;display:block}
.feedback-message textarea{display:block;width:100%;height:138px;padding:12px 14px 32px;resize:none;color:#26364c;background:#fbfcfe;border:1px solid #cdd8e7;border-radius:4px;outline:0;font-family:inherit;font-size:14px;line-height:1.65;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.feedback-message textarea::placeholder{color:#a4afbe}
.feedback-message textarea:focus{background:#fff;border-color:#71a7f5;box-shadow:0 0 0 3px rgba(23,109,240,.09)}
.feedback-message small{position:absolute;right:12px;bottom:9px;color:#8b98a9;font-size:11px;line-height:1}
.feedback-message small b{font:inherit}
.feedback-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}
.feedback-dialog-actions>span{color:#8190a4;font-size:11px;line-height:1.4}
.feedback-dialog-actions button{min-width:116px;padding:10px 21px;color:#fff;background:#176df0;border:0;border-radius:3px;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(23,109,240,.18);transition:background-color .18s ease,transform .18s ease,opacity .18s ease}
.feedback-dialog-actions button:not(:disabled):hover{background:#0d5fd8;transform:translateY(-1px)}
.feedback-dialog-actions button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}

.ai-assistant-panel{
  position:fixed;
  z-index:240;
  top:68px;
  right:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  width:min(460px,100%);
  overflow:hidden;
  color:#162033;
  background-color:#f2f3fc;
  background-image:linear-gradient(165deg,#e7f3ff 0%,#eceaff 18%,#f2f3fc 35%,#f2f3fc 100%);
  border:1px solid rgba(255,255,255,.92);
  border-radius:8px;
  box-shadow:0 32px 90px rgba(18,45,83,.24);
  transform:translate3d(22px,4px,0) scale(.992);
  transform-origin:right center;
  opacity:0;
  filter:blur(1.5px);
  visibility:hidden;
  pointer-events:none;
  transition:transform .24s cubic-bezier(.4,0,.6,1),opacity .2s ease-in,filter .2s ease-in,visibility 0s linear .24s;
  will-change:transform,opacity,filter;
  isolation:isolate;
}
.ai-assistant-panel::before{
  content:"";
  position:absolute;
  z-index:0;
  top:-6%;
  right:-15%;
  left:-15%;
  height:40%;
  pointer-events:none;
  background:linear-gradient(118deg,rgba(101,176,248,.3) 0%,rgba(167,139,243,.26) 54%,rgba(214,219,233,.16) 100%);
  background-size:140% 140%;
  filter:blur(34px);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 66%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 66%,transparent 100%);
  transform:scale(.94) translate3d(-2%,0,0);
  opacity:.5;
  animation:ai-assistant-breathe 6.5s ease-in-out infinite alternate;
}
.ai-assistant-panel.is-open{
  transform:none;
  opacity:1;
  filter:none;
  visibility:visible;
  pointer-events:auto;
  transition:transform .38s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.2,.75,.25,1),filter .28s ease-out,visibility 0s linear 0s;
}
.ai-assistant-toolbar{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  min-height:58px;
  padding:8px 12px 6px 16px;
}
.ai-assistant-compact-brand{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1;
  min-width:0;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;
}
.ai-assistant-panel.has-conversation .ai-assistant-compact-brand{
  opacity:1;
  visibility:visible;
  transform:none;
  transition-delay:.08s;
}
.ai-assistant-compact-brand>span{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  overflow:hidden;
  background:rgba(255,255,255,.6);
  border:2px solid rgba(255,255,255,.9);
  border-radius:50%;
  box-shadow:0 7px 18px rgba(41,74,125,.13);
}
.ai-assistant-compact-brand img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.ai-assistant-compact-brand strong,.ai-assistant-compact-brand small{display:block;white-space:nowrap}
.ai-assistant-compact-brand strong{overflow:hidden;color:#1d2b42;text-overflow:ellipsis;font-size:14px;line-height:1.35}
.ai-assistant-compact-brand small{margin-top:2px;color:#718096;font-size:10px!important;line-height:1.2}
.ai-assistant-tools{display:flex;align-items:center;gap:2px;margin-left:auto}
.ai-assistant-tools button{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  padding:0;
  color:#344258;
  background:transparent;
  border:0;
  border-radius:7px;
  transition:color .18s ease,background-color .18s ease;
}
.ai-assistant-tools button:hover,.ai-assistant-tools button:focus-visible{color:#176df0;background:rgba(255,255,255,.54)}
.ai-assistant-tools svg{width:18px;height:18px}
.ai-assistant-close{
  color:#253247!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  font-size:23px;
  line-height:1;
}
.ai-assistant-close:hover{color:#176df0!important}
.ai-assistant-hero{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:155px 1fr;
  align-items:center;
  min-height:184px;
  max-height:184px;
  overflow:hidden;
  background:transparent;
  opacity:1;
  transition:max-height .34s cubic-bezier(.2,.75,.25,1),min-height .34s cubic-bezier(.2,.75,.25,1),opacity .22s ease,transform .34s cubic-bezier(.2,.75,.25,1);
}
.ai-assistant-hero::after{
  content:"";
  position:absolute;
  z-index:2;
  right:18px;
  bottom:0;
  left:38px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(169,178,193,.62) 0%,rgba(196,199,215,.34) 58%,rgba(242,243,252,0) 100%);
}
.ai-assistant-hero>img{
  align-self:end;
  width:155px;
  height:178px;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 14px 20px rgba(38,68,115,.15));
  transform:translateX(15px);
}
.ai-assistant-hero>div{position:relative;z-index:1;padding:22px 44px 20px 4px}
.ai-assistant-hero h2{margin:0 0 5px;font-size:25px;line-height:1.25}
.ai-assistant-hero p{margin:0;color:#637187;font-size:13px;line-height:1.55}
.ai-assistant-panel.has-conversation .ai-assistant-hero{min-height:0;max-height:0;opacity:0;transform:translateY(-16px);pointer-events:none}
.ai-assistant-body{position:relative;z-index:1;flex:1;min-height:0;padding:18px 20px 22px;overflow:auto;scroll-behavior:smooth}
.ai-assistant-recommend{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;color:#66758a;font-size:12px}
.ai-assistant-recommend button{display:flex;align-items:center;gap:4px;padding:4px;color:#637187;background:transparent;border:0;font-size:12px}
.ai-assistant-recommend button:hover{color:#176df0}
.ai-assistant-recommend svg{width:14px;height:14px}
.ai-question-list{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ai-question-list button{
  display:flex;
  align-items:center;
  gap:9px;
  width:fit-content;
  max-width:100%;
  padding:13px 15px;
  color:#25334a;
  text-align:left;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.72);
  border-radius:14px;
  font-size:13px;
  font-weight:700;
  transition:color .2s ease;
}
.ai-question-list button:hover{color:#176df0}
.ai-question-list i{color:#176df0;font-style:normal}
.ai-assistant-panel.has-conversation .ai-assistant-recommend,
.ai-assistant-panel.has-conversation .ai-question-list{display:none}
.ai-conversation{display:grid;align-content:start;gap:16px;min-height:100%;padding:3px 0 12px}
.ai-conversation[hidden]{display:none}
.ai-message{display:flex;align-items:flex-start;gap:9px;width:100%;animation:ai-message-enter .24s cubic-bezier(.2,.75,.25,1) both}
.ai-message-user{justify-content:flex-end}
.ai-message-avatar{
  width:32px;
  height:32px;
  flex:0 0 32px;
  overflow:hidden;
  background:rgba(255,255,255,.65);
  border:1px solid rgba(255,255,255,.9);
  border-radius:50%;
  box-shadow:0 5px 14px rgba(43,73,117,.1);
}
.ai-message-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.ai-message-bubble{max-width:84%;padding:11px 13px;border-radius:4px 15px 15px;color:#415168;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(46,75,119,.06);font-size:13px;line-height:1.72;white-space:pre-wrap}
.ai-message-user .ai-message-bubble{color:#fff;background:linear-gradient(135deg,#3d73f4,#6358ef);border-color:transparent;border-radius:15px 4px 15px 15px;box-shadow:0 10px 24px rgba(58,91,225,.2)}
.ai-message.is-pending .ai-message-bubble{color:#718096;animation:ai-pending-pulse .9s ease-in-out infinite alternate}
.ai-assistant-footer{position:relative;z-index:2;padding:14px 20px 16px;background:transparent;border:0}
.ai-assistant-shortcuts{display:flex;gap:7px;margin-bottom:9px}
.ai-assistant-shortcuts button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  flex:1;
  padding:8px 5px;
  color:#38475b;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(211,221,235,.82);
  border-radius:8px;
  font-size:12px;
}
.ai-assistant-shortcuts button:hover{color:#176df0;border-color:#bad5f7;background:rgba(247,251,255,.9)}
.ai-assistant-shortcuts svg{width:16px;height:16px}
.ai-assistant-form{display:grid;grid-template-columns:1fr 42px;overflow:hidden;background:rgba(255,255,255,.72);border:1px solid rgba(199,211,228,.82);border-radius:12px;box-shadow:0 7px 20px rgba(29,61,105,.07);backdrop-filter:blur(10px)}
.ai-assistant-form:focus-within{border-color:#8bbbf5;box-shadow:0 0 0 3px rgba(23,109,240,.08)}
.ai-assistant-form input{min-width:0;padding:12px 14px;color:#213149;background:transparent;border:0;outline:none;font-size:13px}
.ai-assistant-form button{display:grid;place-items:center;margin:5px;color:#fff;background:#176df0;border:0;border-radius:9px}
.ai-assistant-form button:hover{background:#0d5fd8}
.ai-assistant-form svg{width:18px;height:18px}
.ai-assistant-footer>small{display:block;margin-top:8px;color:#9aa5b4;text-align:center;font-size:11px!important;line-height:1.4}

@keyframes ai-assistant-breathe{
  0%{opacity:.36;transform:scale(.92) translate3d(-3%,2%,0)}
  55%{opacity:.68;transform:scale(1.07) translate3d(3%,-1%,0)}
  100%{opacity:.46;transform:scale(.98) translate3d(0,3%,0)}
}
@keyframes ai-message-enter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}
@keyframes ai-pending-pulse{to{opacity:.55}}

@keyframes service-dock-enter{to{transform:translate3d(0,var(--service-dock-y),0)}}
@media (max-width:760px){
  .service-dock{--service-dock-y:0;top:auto;right:10px;bottom:80px;width:54px;transform:none;opacity:1;animation:none}
  .service-ai-trigger{width:54px}.service-avatar{width:52px;height:58px}.service-avatar::before,.service-avatar-mask{height:52px}.service-avatar-mask img,.service-avatar-head{width:57px;height:64px;transform:translateX(-50%) scale(1.16)}.service-avatar-head{clip-path:inset(0 0 30px 0)}.service-ai-label{min-width:48px;font-size:10px}
  .service-dock-rail{margin-top:13px;padding:6px 4px;border-radius:26px}.service-dock-item{width:44px;min-height:52px}.service-dock-item svg{width:21px;height:21px}
  .service-popover{position:fixed;right:72px;bottom:84px;top:auto;width:min(300px,calc(100vw - 90px))}
  .service-popover::after{right:-7px;top:auto;bottom:var(--service-arrow-bottom)}
  .service-popover-shell[data-active-service=consult]{--service-arrow-bottom:156px}.service-popover-shell[data-active-service=benefits]{--service-arrow-bottom:102px}
  .service-back-top{top:calc(100% + 10px);width:48px;height:48px}
  .feedback-popover{right:64px;bottom:7px;width:min(360px,calc(100vw - 86px))}
  .feedback-rating-popover{padding:18px 17px 16px}.feedback-form{padding:18px}.feedback-dialog-actions{align-items:stretch;flex-direction:column}.feedback-dialog-actions button{width:100%}
  .ai-assistant-panel{inset:66px 0 0 auto;width:100%;border:1px solid rgba(255,255,255,.92);border-radius:8px}
  .ai-assistant-toolbar{min-height:56px;padding-left:12px}.ai-assistant-compact-brand>span{width:38px;height:38px;flex-basis:38px}.ai-assistant-hero{grid-template-columns:126px 1fr;min-height:160px}.ai-assistant-hero::after{right:14px;left:24px}.ai-assistant-hero>img{width:126px;height:154px}.ai-assistant-hero>div{padding-left:0}.ai-assistant-hero h2{font-size:22px}.ai-assistant-body{padding-right:16px;padding-left:16px}.ai-assistant-footer{padding-right:16px;padding-left:16px}
}
@media (prefers-reduced-motion:reduce){
  .service-dock{transform:translate3d(0,var(--service-dock-y),0);opacity:1;animation:none}
  .service-avatar,.service-dock-item,.service-popover,.service-popover-row,.service-back-top,.feedback-popover,.ai-assistant-panel,.ai-question-list button{transition:none}
  .ai-assistant-panel::before,.ai-message,.ai-message.is-pending .ai-message-bubble{animation:none}
  .ai-assistant-hero,.ai-assistant-compact-brand{transition:none}
}

/* Immersive power-industry case film */
.case-section{position:relative;padding:96px 0 88px;overflow:hidden;color:#fff;background:radial-gradient(circle at 84% 12%,rgba(20,120,242,.2),transparent 33%),radial-gradient(circle at 4% 78%,rgba(48,189,255,.1),transparent 27%),linear-gradient(180deg,#06172d 0%,#071d38 52%,#061629 100%)}
.case-section::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(104,175,244,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(104,175,244,.055) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000,transparent 62%)}
.case-cinema{--case-progress:0%;position:relative;z-index:1}
.case-cinema-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);align-items:end;gap:64px;margin-bottom:38px}
.case-video-kicker{display:block;margin-bottom:16px;color:#5bc5ff;font-size:12px;font-weight:800;letter-spacing:.16em}
.case-cinema-head h2{max-width:850px;margin:0;color:#fff;font-size:clamp(38px,4vw,56px);line-height:1.16;letter-spacing:-.045em}
.case-cinema-intro{padding:5px 0 5px 26px;border-left:1px solid rgba(126,193,255,.32)}
.case-cinema-intro strong{display:block;color:#8bd5ff;font-size:15px}
.case-cinema-intro p{margin:10px 0 0;color:rgba(218,235,252,.66);font-size:13px;line-height:1.8}
.case-inline-player{position:relative;aspect-ratio:16/9;overflow:hidden;background:#020916;border:1px solid rgba(142,203,255,.24);border-radius:20px;box-shadow:0 42px 100px rgba(0,4,14,.46),0 0 0 1px rgba(255,255,255,.025) inset}
.case-inline-player::after{content:"";position:absolute;z-index:4;left:0;bottom:0;width:var(--case-progress);height:3px;pointer-events:none;background:linear-gradient(90deg,#17baff,#4775ff);box-shadow:0 0 14px rgba(33,164,255,.72);transition:width .12s linear}
.case-inline-player video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#020916}
.case-video-cover{position:absolute;z-index:3;inset:0;display:block;width:100%;height:100%;padding:0;overflow:hidden;color:#fff;text-align:left;background:#06172d;border:0;cursor:pointer;transition:opacity .36s ease,visibility .36s ease}
.case-video-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.22,.61,.36,1),filter .4s ease}
.case-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,13,30,.3) 0%,rgba(3,17,38,.03) 40%,rgba(3,16,35,.84) 100%),linear-gradient(90deg,rgba(2,16,37,.34),transparent 46%,rgba(2,16,37,.1))}
.case-video-top{position:absolute;top:24px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.case-video-top b,.case-video-top em{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:rgba(235,247,255,.9);background:rgba(4,25,53,.48);border:1px solid rgba(255,255,255,.18);border-radius:7px;backdrop-filter:blur(14px);font-size:10px;font-style:normal;letter-spacing:.06em}
.case-video-top b i{width:6px;height:6px;background:#25d9a1;border-radius:50%;box-shadow:0 0 0 5px rgba(37,217,161,.12)}
.case-video-play{position:absolute;left:50%;top:48%;display:grid;justify-items:center;gap:11px;transform:translate(-50%,-50%);transition:transform .36s cubic-bezier(.22,.61,.36,1)}
.case-video-play>i{position:relative;display:block;width:76px;height:76px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 18px 48px rgba(0,15,45,.42),0 0 0 11px rgba(255,255,255,.1);backdrop-filter:blur(14px)}
.case-video-play>i::after{content:"";position:absolute;left:32px;top:25px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid #0878f4}
.case-video-play small{color:#fff;font-size:12px;font-weight:750;text-shadow:0 3px 12px rgba(0,0,0,.58)}
.case-video-caption{position:absolute;left:34px;right:34px;bottom:30px;display:block}
.case-video-caption small,.case-video-caption strong{display:block}.case-video-caption small{color:#66c9ff;font-size:10px;font-weight:800;letter-spacing:.14em}.case-video-caption strong{margin-top:7px;color:#fff;font-size:clamp(19px,2vw,28px);line-height:1.3;text-shadow:0 3px 18px rgba(0,0,0,.58)}
.case-video-cover:hover>img{transform:scale(1.015);filter:saturate(1.06)}.case-video-cover:hover .case-video-play{transform:translate(-50%,-50%) scale(1.06)}
.case-video-cover:focus-visible{outline:3px solid rgba(83,183,255,.58);outline-offset:-4px}
.case-inline-player.is-playing .case-video-cover{visibility:hidden;opacity:0;pointer-events:none}
.case-chapter-rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;overflow:hidden;background:rgba(255,255,255,.035);border-top:1px solid rgba(126,193,255,.2);border-bottom:1px solid rgba(126,193,255,.14)}
.case-chapter-rail::before{content:"";position:absolute;z-index:2;left:0;top:-1px;width:var(--case-progress);height:2px;background:linear-gradient(90deg,#1bc2ff,#4b73ff);transition:width .12s linear}
.case-chapter-rail button{position:relative;min-width:0;padding:22px 24px 21px;color:rgba(204,224,244,.58);text-align:left;background:transparent;border:0;border-right:1px solid rgba(142,199,255,.12);transition:color .25s ease,background-color .25s ease}
.case-chapter-rail button:last-child{border-right:0}.case-chapter-rail button:hover,.case-chapter-rail button.active{color:#fff;background:rgba(21,126,237,.1)}
.case-chapter-rail button::after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:2px;background:#279dff;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.case-chapter-rail button.active::after{transform:scaleX(1)}
.case-chapter-rail small,.case-chapter-rail b,.case-chapter-rail span{display:block}.case-chapter-rail small{color:#42b8ff;font-size:9px;font-weight:800;letter-spacing:.08em}.case-chapter-rail b{margin-top:8px;font-size:14px}.case-chapter-rail span{margin-top:5px;color:rgba(204,224,244,.52);font-size:11px}
.case-cinema-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:30px}
.case-facts{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));flex:1;max-width:720px}
.case-facts span{padding:0 28px;border-left:1px solid rgba(142,199,255,.17)}.case-facts span:first-child{padding-left:0;border-left:0}.case-facts small,.case-facts b{display:block}.case-facts small{color:rgba(188,215,240,.46);font-size:10px}.case-facts b{margin-top:6px;color:#e8f5ff;font-size:13px}
.case-solution-link{display:inline-flex;align-items:center;gap:12px;padding:11px 0;color:#69c8ff;border-bottom:1px solid rgba(105,200,255,.38);font-size:12px;font-weight:750;white-space:nowrap;transition:color .25s ease,border-color .25s ease}.case-solution-link:hover{color:#fff;border-color:#fff}.case-solution-link span{transition:transform .25s ease}.case-solution-link:hover span{transform:translateX(4px)}
@media (max-width:900px){.case-section{padding:72px 0 68px}.case-cinema-head{grid-template-columns:1fr;gap:25px}.case-cinema-intro{max-width:620px}.case-inline-player{border-radius:16px}.case-chapter-rail button{padding:18px 15px}.case-chapter-rail button::after{left:15px;right:15px}.case-cinema-foot{align-items:flex-start;flex-direction:column}.case-facts{width:100%;max-width:none}}
@media (max-width:620px){.case-section{padding:58px 0 54px}.case-cinema-head{margin-bottom:26px}.case-video-kicker{font-size:10px}.case-cinema-head h2{font-size:31px;line-height:1.2}.case-cinema-head h2 br{display:none}.case-cinema-intro{padding:18px 0 0;border-top:1px solid rgba(126,193,255,.22);border-left:0}.case-cinema-intro p{font-size:12px}.case-inline-player{aspect-ratio:16/10;border-radius:12px}.case-video-top{top:12px;left:12px;right:12px}.case-video-top b,.case-video-top em{padding:5px 7px}.case-video-play>i{width:56px;height:56px}.case-video-play>i::after{left:24px;top:19px;border-top-width:9px;border-bottom-width:9px;border-left-width:15px}.case-video-caption{left:16px;right:16px;bottom:15px}.case-video-caption small{font-size:8px}.case-video-caption strong{font-size:16px}.case-chapter-rail{grid-template-columns:repeat(4,minmax(148px,1fr));overflow-x:auto}.case-chapter-rail button{padding:16px 14px}.case-chapter-rail span{white-space:nowrap}.case-facts{grid-template-columns:1fr 1fr;row-gap:20px}.case-facts span{padding:0 14px}.case-facts span:nth-child(3){padding-left:0;border-left:0}.case-cinema-foot{padding-top:24px}}
@media (prefers-reduced-motion:reduce){.case-video-cover,.case-video-cover>img,.case-video-play,.case-chapter-rail::before,.case-chapter-rail button,.case-chapter-rail button::after,.case-solution-link span{transition:none}}

/* Compact power-industry video case */
.case-section{padding:72px 0 82px;color:var(--ink);background:linear-gradient(180deg,#f7f9fd 0%,#f1f6fc 100%)}
.case-section::before{display:none}
.case-shell{position:relative;display:grid;grid-template-columns:36% 64%;align-items:stretch;min-height:500px;overflow:hidden;color:var(--ink);background:linear-gradient(125deg,#f7fbff 0%,#edf5ff 36%,#e7f1ff 100%);border:1px solid rgba(118,158,205,.16);border-radius:26px;box-shadow:0 28px 74px rgba(30,67,117,.13)}
.case-shell::before{content:"";position:absolute;inset:0;opacity:.6;pointer-events:none;background-image:linear-gradient(rgba(20,120,242,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,120,242,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 48%)}
.case-content{position:relative;z-index:2;display:flex;align-items:flex-start;flex-direction:column;padding:52px 40px 48px 48px}
.case-video-kicker{color:#0874ee;font-size:12px;font-weight:800;letter-spacing:.12em}
.case-content h2{margin:17px 0 12px;color:#14243a;font-size:38px;line-height:1.22;letter-spacing:-.035em}
.case-company{color:#176fc9;font-size:14px;line-height:1.5}
.case-content>p{max-width:390px;margin:18px 0 0;color:#60728a;font-size:13px;line-height:1.8}
.case-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.case-tags span{padding:6px 9px;color:#496681;background:rgba(255,255,255,.64);border:1px solid rgba(113,158,211,.2);border-radius:7px;font-size:11px}
.case-solution-link{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding:10px 15px;color:#0874ee;background:rgba(255,255,255,.72);border:1px solid rgba(20,120,242,.34);border-radius:8px;font-size:12px;font-weight:750;transition:color .25s ease,background-color .25s ease,border-color .25s ease}
.case-solution-link:hover{color:#0564cf;background:#fff;border-color:#1478f2}.case-solution-link:hover span{transform:none}
.case-video-entry{position:relative;z-index:2;display:block;min-width:0;min-height:454px;margin:22px 22px 22px 0;padding:0;overflow:hidden;color:#fff;text-align:left;background:#071a34;border:0;border-radius:20px;box-shadow:0 24px 58px rgba(12,52,99,.25)}
.case-video-entry>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}
.case-video-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,42,.12) 0%,rgba(4,22,48,.04) 38%,rgba(4,19,41,.72) 100%),linear-gradient(90deg,rgba(4,22,48,.16),transparent 55%);transition:opacity .28s ease}
.case-video-top{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.case-video-top b,.case-video-top em{padding:5px 8px;color:inherit;background:rgba(5,28,58,.58);border:1px solid rgba(255,255,255,.22);border-radius:6px;backdrop-filter:blur(12px);font-size:10px;font-style:normal;letter-spacing:.05em}
.case-video-top b{color:#8ed8ff}.case-video-top em{color:rgba(236,246,255,.82)}
.case-video-play{position:absolute;left:50%;top:44%;display:grid;justify-items:center;gap:8px;transform:translate(-50%,-50%);transition:transform .28s ease}
.case-video-play>i{position:relative;display:block;width:64px;height:64px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.95);border-radius:50%;box-shadow:0 14px 38px rgba(4,32,73,.32),0 0 0 9px rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.case-video-play>i::after{content:"";position:absolute;left:27px;top:21px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid #0878f4}
.case-video-play small{color:#fff;font-size:11px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.5)}
.case-video-meta{position:absolute;left:22px;right:22px;bottom:78px;display:block}
.case-video-meta small,.case-video-meta strong{display:block}.case-video-meta small{color:#82d3ff;font-size:11px}.case-video-meta strong{margin-top:4px;color:#fff;font-size:20px;line-height:1.35;text-shadow:0 3px 12px rgba(0,0,0,.42)}
.case-video-chapters{
  position:absolute;
  left:0;right:0;bottom:0;
  display:grid;grid-template-columns:repeat(4,1fr);min-height:58px;background:rgba(4,22,47,.8);border-top:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px)}
.case-video-chapters>span{display:flex;align-items:center;justify-content:center;gap:7px;color:rgba(228,241,255,.78);border-right:1px solid rgba(255,255,255,.1);font-size:10px}.case-video-chapters>span:last-child{border-right:0}.case-video-chapters i{color:#62c5ff;font-style:normal;font-weight:800}
.case-video-entry:hover>img{transform:scale(1.025);filter:saturate(1.04)}.case-video-entry:hover .case-video-shade{opacity:.84}.case-video-entry:hover .case-video-play{transform:translate(-50%,-50%) scale(1.06)}
.case-video-entry:focus-visible{outline:3px solid rgba(20,120,242,.38);outline-offset:4px}
body.case-video-open{overflow:hidden}
.case-video-dialog{width:min(1120px,calc(100vw - 38px));max-width:none;padding:0;overflow:visible;background:transparent;border:0;border-radius:20px}
.case-video-dialog::backdrop{background:rgba(2,10,24,.78);backdrop-filter:blur(8px)}
.case-video-dialog-shell{overflow:hidden;color:#fff;background:linear-gradient(145deg,#06152c,#0a2e58);border:1px solid rgba(151,207,255,.2);border-radius:20px;box-shadow:0 34px 100px rgba(0,0,0,.48)}
.case-video-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px 20px 16px;border-bottom:1px solid rgba(255,255,255,.1)}
.case-video-dialog-head span{color:#67c8ff;font-size:10px;font-weight:800;letter-spacing:.12em}.case-video-dialog-head h2{margin:3px 0 1px;font-size:20px}.case-video-dialog-head p{margin:0;color:rgba(218,236,255,.58);font-size:11px}.case-video-dialog-head p b{color:#7fcfff;font-weight:700}
.case-video-dialog-head>button{width:34px;height:34px;padding:0;color:#d9edff;background:transparent;border:0;border-radius:7px;font-size:24px;line-height:1;transition:color .22s ease,background-color .22s ease}.case-video-dialog-head>button:hover{color:#fff;background:rgba(255,255,255,.1)}
.case-video-player{aspect-ratio:16/9;background:#020811}.case-video-player video{display:block;width:100%;height:100%;object-fit:contain;background:#020811}
.case-video-dialog-foot{display:flex;align-items:center;gap:20px;padding:14px 18px 17px}
.case-video-timeline{display:grid;grid-template-columns:repeat(5,1fr);flex:1;gap:7px}
.case-video-timeline button{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 10px;color:rgba(218,236,255,.62);text-align:left;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:color .22s ease,background-color .22s ease,border-color .22s ease}.case-video-timeline button:hover,.case-video-timeline button.active{color:#fff;background:rgba(20,120,242,.2);border-color:rgba(76,169,255,.36)}
.case-video-timeline small,.case-video-timeline b{display:block}.case-video-timeline small{color:#65c7ff;font-size:9px}.case-video-timeline b{font-size:11px}
.case-video-dialog-foot>a{flex:0 0 auto;color:#70caff;font-size:11px;font-weight:750;white-space:nowrap}
@media (max-width:900px){.case-section{padding:58px 0}.case-shell{grid-template-columns:1fr}.case-content{padding:38px 30px 30px}.case-content h2{font-size:34px}.case-solution-link{margin-top:26px}.case-video-entry{min-height:440px;margin:0 20px 20px}.case-video-dialog-foot{align-items:stretch;flex-direction:column}.case-video-dialog-foot>a{align-self:flex-end}}
@media (max-width:620px){.case-section{padding:45px 0}.case-shell{border-radius:18px}.case-content{padding:30px 22px 24px}.case-content h2{font-size:29px}.case-content>p{font-size:12px}.case-video-entry{min-height:360px;margin:0 10px 10px;border-radius:14px}.case-video-top{top:12px;left:12px;right:12px}.case-video-play>i{width:54px;height:54px}.case-video-play>i::after{left:23px;top:18px;border-top-width:9px;border-bottom-width:9px;border-left-width:14px}.case-video-meta{left:16px;right:16px;bottom:68px}.case-video-meta strong{font-size:16px}.case-video-chapters{min-height:52px;overflow-x:auto;grid-template-columns:repeat(5,minmax(86px,1fr))}.case-video-dialog{width:calc(100vw - 18px)}.case-video-dialog-head{padding:14px}.case-video-dialog-head h2{font-size:17px}.case-video-dialog-foot{padding:11px}.case-video-timeline{overflow-x:auto;grid-template-columns:repeat(5,minmax(118px,1fr))}}
@media (prefers-reduced-motion:reduce){.case-video-entry>img,.case-video-shade,.case-video-play{transition:none}}

/* Case preview video, director-blue copy panel and rounded end labels */
.case-shell{background:#08448d}
.case-content{color:#f1f7ff;background:#08448d}
.case-video-kicker{color:#5fc5ff}.case-content h2{color:#f5f9ff}.case-company{color:#8bd5ff}.case-content>p{color:#b9cbe0}
.case-tags span{color:#d9ebfb;background:rgba(116,187,241,.11);border-color:rgba(137,201,247,.18)}
.case-content .case-solution-link{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(151,207,255,.42)}.case-content .case-solution-link:hover{color:#fff;background:rgba(255,255,255,.15);border-color:rgba(190,225,255,.72)}
.case-video-entry>.case-video-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#071a34;transition:transform .28s ease,filter .28s ease}
.case-video-entry:hover>.case-video-preview{transform:scale(1.025);filter:saturate(1.04)}
.case-video-chapters{overflow:hidden;border-radius:0 0 20px 20px}
.case-video-chapters>span:first-child{border-radius:0 0 0 20px}.case-video-chapters>span:last-child{border-radius:0 0 20px 0}
.case-video-chapters>span{transition:color .25s ease,background-color .25s ease}.case-video-chapters>span.active{color:#fff;background:rgba(20,120,242,.24)}
@media (max-width:900px){.case-shell{background:#08448d}}
@media (max-width:620px){.case-video-chapters{border-radius:0 0 14px 14px}.case-video-chapters>span:first-child{border-radius:0 0 0 14px}.case-video-chapters>span:last-child{border-radius:0 0 14px 0}}
@media (prefers-reduced-motion:reduce){.case-video-entry>.case-video-preview{transition:none}}

/* Quieter play control on moving imagery */
.case-video-play{gap:0}
.case-video-play>i{display:grid;place-items:center;background:rgba(3,12,25,.58);border:0;box-shadow:0 12px 34px rgba(0,0,0,.32),0 0 0 9px rgba(3,12,25,.12);backdrop-filter:blur(10px)}
.case-video-play>i::after{display:none}
.case-video-play>i svg{display:block;width:28px;height:28px;fill:#fff}

/* Contact service benefits and footer QR information layout */
.contact-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:30px 0 0;max-width:520px}
.contact-benefits>span{display:flex;align-items:center;gap:11px;min-height:52px;padding:9px 13px;color:#fff;background:rgba(255,255,255,.075);border:0;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.contact-benefits i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:#8fd8ff;background:rgba(53,166,255,.16);border-radius:8px;font-style:normal}
.contact-benefits svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-benefits b{font-size:12px;font-weight:650;white-space:nowrap}
.contact-phone{display:flex;align-items:center;gap:11px;margin-top:34px}.contact-phone>i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:#8fd8ff;background:rgba(53,166,255,.16);border-radius:8px;font-style:normal}.contact-phone svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.contact-phone b{display:block;margin:0}
.site-footer{padding-top:58px}
.footer-grid{grid-template-columns:1.35fr .68fr .78fr .86fr 1.08fr 1.32fr;gap:30px;align-items:start}
.footer-qr-panel{padding:16px;background:rgba(255,255,255,.035);border:1px solid rgba(151,200,246,.1);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.footer-grid .footer-qr-panel>p{margin:-6px 0 13px;color:rgba(218,235,255,.45);font-size:10px}
.footer-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.footer-qr-grid figure{min-width:0;margin:0;text-align:center}
.footer-qr-grid figure>span{display:grid;place-items:center;aspect-ratio:1;padding:6px;overflow:hidden;background:#fff;border-radius:8px}
.footer-qr-grid img{display:block;width:100%;height:100%;object-fit:contain;border-radius:4px}
.footer-qr-grid figcaption{margin-top:7px;color:rgba(228,241,255,.7);font-size:10px;white-space:nowrap}
@media (max-width:1180px){.footer-grid{grid-template-columns:1.2fr repeat(2,1fr);gap:34px}.footer-brand{grid-column:auto}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:0}}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-qr-panel{grid-column:1/-1;max-width:360px}.footer-qr-grid figure>span{max-width:130px;margin:auto}}
@media (max-width:620px){.contact-benefits{grid-template-columns:1fr}.contact-benefits>span{min-height:48px}.footer-grid{grid-template-columns:1fr 1fr}.footer-qr-panel{grid-column:1/-1;max-width:none}.footer-qr-grid{max-width:300px}}

/* Compact glass shadow for the advantage bar */
.advantage-dock{background:rgba(255,255,255,.72);border:0;box-shadow:0 14px 36px rgba(30,67,117,.1),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}

.case-video-chapters>span{font-size:12px}

/* Case rhythm copy: terminal typewriter from motion library item 20 */
.case-video-meta{bottom:78px}
.case-video-meta strong{min-height:23px;color:#fff;font-family:Consolas,"SFMono-Regular","Microsoft YaHei",monospace;font-size:14px;font-weight:650;line-height:1.6;letter-spacing:.01em;text-shadow:0 2px 10px rgba(0,0,0,.62)}
.case-video-meta strong.is-typing::after{content:"";display:inline-block;width:2px;height:1em;margin-left:4px;vertical-align:-.12em;background:#55c8ff;border-radius:2px;animation:case-caption-caret .9s steps(2,jump-none) infinite}
@keyframes case-caption-caret{0%,45%{opacity:1}46%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.case-video-meta strong.is-typing::after{display:none;animation:none}}

/* Keep the feedback status label and selected stars on one visual center line. */
.feedback-detail-head>div{min-height:32px;align-items:center}
.feedback-detail-head>div>span{height:20px;align-items:center;line-height:20px}
.feedback-detail-head>div>span svg{display:block;flex:0 0 16px}
.feedback-selected-stars{height:20px;align-items:center}
.feedback-selected-stars i{display:flex;align-items:center;justify-content:center;line-height:0}
.feedback-selected-stars svg{display:block}

/* AI red-blue adversarial engine launch banner */
.ai-duel-banner{background:#f4f8fd}
.ai-duel-banner .container,.ai-duel-banner a{display:block}
.ai-duel-banner a{overflow:hidden;border-radius:14px;box-shadow:0 12px 32px rgba(9,31,68,.12)}
.ai-duel-banner img{display:block;width:100%;height:auto;aspect-ratio:3964/397}

/* ============================================================
   Hero 轮播（水平滑动）
   每一屏 .hero-slide 自带背景层(media / grid / orbit / tint)
   与正文卡片；hero-track 整体平移实现轮播。当前两屏暂用同一
   张背景图，后续各屏替换 .hero-slide .hero-media 背景即可。
   ============================================================ */
.hero{display:block;min-height:0}
.hero-slider{position:relative;width:100%;overflow:hidden}
.hero-track{display:flex;width:100%;will-change:transform;transition:transform .75s cubic-bezier(.22,.61,.36,1)}
.hero-slide{position:relative;flex:0 0 100%;min-width:100%;display:flex;align-items:center;justify-content:center;min-height:600px;overflow:hidden}
@media (min-width:901px){
  .hero-slide{height:600px;min-height:600px}
  .hero-slide>.hero-content{padding-top:60px}
  .hero-slide .hero-copy{padding:72px 0 90px}
}
@media (max-width:900px){.hero-slide{min-height:760px}}

.hero-slide>.hero-content{position:relative;z-index:3;flex:0 0 auto;margin:0 auto}
.hero-slide .hero-media,.hero-slide .hero-grid,.hero-slide .hero-orbit,.hero-slide .hero-tint{position:absolute;pointer-events:none}
.hero-slide .hero-media{inset:0;z-index:0}
/* 桌面端：背景图先对准中央可视区，再整体横向偏移 -60px */
@media (min-width:901px){.hero-slide .hero-media{background-position:calc(50% + 200px) center}}
.hero-slide:nth-child(2) .hero-media{background-image:url(../img/banner%283%29.png)}
.hero-slide .hero-grid{inset:0;z-index:2}
.hero-slide .hero-orbit{z-index:2}
.hero-slide .hero-tint{
  top:0;left:0;bottom:0;width:54%;z-index:1;
  background:
    linear-gradient(90deg,rgba(230,243,255,.98) 0%,rgba(230,243,255,.94) 36%,rgba(228,242,255,.72) 64%,rgba(228,242,255,.28) 82%,transparent 100%),
    radial-gradient(ellipse at 0% 0%,rgba(191,225,255,.5) 0%,rgba(218,237,255,.24) 58%,transparent 100%);
}
.hero::before{display:none}

/* Hero slide 02: replace the static artwork with an active 16:9 video stage. */
.hero-slide:nth-child(2) .hero-media{
  background:
    radial-gradient(circle at 78% 35%,rgba(74,165,255,.28),transparent 28%),
    radial-gradient(circle at 92% 75%,rgba(77,111,255,.2),transparent 34%),
    linear-gradient(115deg,#eaf5ff 0%,#dceeff 52%,#cfe6ff 100%);
  filter:none;
}
.hero-slide:nth-child(2)>.hero-content{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);
  align-items:center;
  gap:clamp(38px,5vw,78px);
}
.hero-slide:nth-child(2) .hero-copy{max-width:590px}
.hero-slide:nth-child(2) h1 .hero-red{color:#df4250}
.hero-slide:nth-child(2) h1 .hero-blue{color:#176df2}
.hero-slide:nth-child(2) h1 .hero-ink{color:#122039}
.hero-video-stage{
  position:relative;
  width:min(100%,610px);
  margin:0;
  justify-self:end;
  transform:translateY(-10px);
}
.hero-video-stage::before{
  content:'';
  position:absolute;
  inset:-28px -34px;
  z-index:-1;
  background:radial-gradient(ellipse,rgba(25,119,255,.3),rgba(42,150,255,.08) 48%,transparent 72%);
  filter:blur(18px);
  pointer-events:none;
}
.hero-video-frame{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#071b39;
  border:2px solid rgba(255,255,255,.92);
  border-radius:14px;
  box-shadow:0 26px 64px rgba(16,77,151,.28),0 0 0 1px rgba(33,105,199,.2);
  transition:transform .35s ease,box-shadow .35s ease;
}
.hero-video-frame:hover{
  transform:translateY(-3px) scale(1.008);
  box-shadow:0 32px 72px rgba(16,77,151,.34),0 0 0 1px rgba(33,105,199,.24);
}
.hero-video-media{display:block;width:100%;height:100%;object-fit:cover}
.hero-video-chip{
  position:absolute;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:8px 12px 8px 8px;
  color:#173b68;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.76);
  border-radius:12px;
  box-shadow:0 12px 30px rgba(20,75,145,.15),inset 0 1px 0 rgba(255,255,255,.58);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
  pointer-events:none;
}
.hero-video-chip>i{
  display:grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  color:#176df2;
  background:rgba(224,241,255,.72);
  border:1px solid rgba(77,151,241,.2);
  border-radius:9px;
  box-shadow:0 6px 14px rgba(37,99,235,.12);
  font-style:normal;
}
.hero-video-chip>i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hero-video-chip b{font-size:12px;line-height:1;white-space:nowrap}
.hero-video-chip-scene{left:-34px;bottom:30px}
.hero-video-chip-decision{top:-28px;right:22px}
.hero-video-chip-evaluate{right:-32px;bottom:62px}

.hero-arrow{
  position:absolute;
  z-index:8;
  top:50%;
  display:grid;
  place-items:center;
  width:56px;
  height:68px;
  padding:0;
  color:rgba(31,73,119,.5);
  background:transparent;
  border:0;
  border-radius:11px;
  box-shadow:none;
  opacity:.4;
  transform:translateY(-50%);
  cursor:pointer;
  transition:color .25s ease,background .25s ease,opacity .25s ease,transform .25s ease;
}
.hero:hover .hero-arrow,.hero-arrow:focus-visible{opacity:.76}
.hero-arrow svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-arrow:hover{color:#176df2;background:rgba(255,255,255,.46);opacity:1}
.hero-arrow:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}
.hero-arrow-prev{left:clamp(18px,2.6vw,48px)}
.hero-arrow-next{right:clamp(18px,2.6vw,48px)}

.hero-dots{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:78px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:translateX(-50%);
}
.hero-dots button{box-sizing:border-box;flex:0 0 9px;width:9px;min-width:9px;max-width:9px;height:9px;min-height:9px;max-height:9px;aspect-ratio:1;padding:0;background:rgba(83,119,156,.35);border:0;border-radius:50%;cursor:pointer;transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
.hero-dots button:hover{background:rgba(23,109,242,.58);transform:scale(1.15)}
.hero-dots button.is-active{flex-basis:9px;width:9px;min-width:9px;max-width:9px;height:9px;background:#176df2;box-shadow:0 0 0 4px rgba(23,109,242,.14)}
.hero-dots button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}

@media (max-width:1180px){.hero-arrow{display:none}}
@media (max-width:1100px) and (min-width:901px){
  .hero-slide:nth-child(2)>.hero-content{grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);gap:30px}
  .hero-video-stage{width:min(100%,540px)}
  .hero-video-chip-scene{left:-18px}
  .hero-video-chip-evaluate{right:-16px}
}
@media (max-width:900px){
  .hero-slide:nth-child(2){min-height:900px}
  .hero-slide:nth-child(2)>.hero-content{display:block;padding-top:66px}
  .hero-slide:nth-child(2) .hero-copy{max-width:680px;padding:76px 0 24px}
  .hero-video-stage{width:min(100%,600px);margin:0 auto 190px;transform:none}
  .hero-video-chip-scene{left:10px;bottom:10px}
  .hero-video-chip-decision{top:10px;right:10px}
  .hero-video-chip-evaluate{display:none}
  .hero-dots{bottom:150px;background:transparent;box-shadow:none}
}
@media (max-width:620px){
  .hero-slide:nth-child(2){min-height:800px}
  .hero-slide:nth-child(2)>.hero-content{padding-top:60px}
  .hero-slide:nth-child(2) .hero-copy{width:100%;max-width:100%;padding:56px 0 22px}
  .hero-slide:nth-child(2) .hero-copy>p{width:100%;max-width:100%;overflow-wrap:anywhere}
  .hero-slide:nth-child(2) .hero-note{display:none}
  .hero-video-stage{margin-bottom:178px}
  .hero-video-frame{border-radius:10px}
  .hero-video-chip{gap:6px;padding:7px 9px 7px 7px;border-radius:8px}
  .hero-video-chip>i{flex-basis:24px;width:24px;height:24px;border-radius:7px;font-size:8px}
  .hero-video-chip b{font-size:10px}
}
@media (prefers-reduced-motion:reduce){
  .hero-track{transition:none}
  .hero-video-frame{transition:none}
}

/* Partner network and resource-center refresh */
.partners-section{position:relative;overflow:hidden;background:#fff}
.partners-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(20,120,242,.08),transparent 26%),radial-gradient(circle at 91% 80%,rgba(88,84,255,.06),transparent 28%)}
.partners-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-bottom:34px}
.partners-heading h2{max-width:790px;margin:15px 0 12px;font-size:clamp(32px,3vw,48px);line-height:1.16;letter-spacing:-.035em}
.partners-heading h2 span{color:var(--blue)}
.partners-heading p{max-width:760px;margin:0;color:var(--muted);font-size:15px;line-height:1.85}
.partners-more,.resource-library-action,.resource-center-more a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;color:var(--blue);background:#fff;border:1px solid rgba(20,120,242,.22);border-radius:999px;font-size:14px;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.partners-more:hover,.partners-more:focus-visible,.resource-library-action:hover,.resource-library-action:focus-visible,.resource-center-more a:hover,.resource-center-more a:focus-visible{transform:translateY(-2px);background:#f4f9ff;border-color:rgba(20,120,242,.48);box-shadow:0 12px 28px rgba(24,86,154,.11);outline:0}
.partner-marquee{position:relative;overflow:hidden;padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.partner-track{display:flex;width:max-content;animation:partner-marquee-scroll 32s linear infinite;will-change:transform}
.partner-marquee:hover .partner-track,.partner-marquee:focus-within .partner-track{animation-play-state:paused}
.partner-logo-set{display:flex;gap:16px;padding-right:16px}
.partner-logo{display:flex;align-items:center;gap:12px;width:210px;height:82px;padding:0 22px;color:#203a59;background:rgba(248,251,255,.9);border:1px solid #e2eaf4;border-radius:14px;box-shadow:0 10px 28px rgba(25,71,128,.05);white-space:nowrap}
.partner-logo b{display:grid;place-items:center;flex:0 0 48px;height:48px;color:#fff;background:linear-gradient(145deg,#0e69cb,#163e81);border-radius:12px;font-size:15px;letter-spacing:.08em;box-shadow:0 8px 18px rgba(20,92,174,.2)}
.partner-logo small{overflow:hidden;color:#5d6f84;font-size:13px;font-weight:700;text-overflow:ellipsis}
.partners-sample-note{position:relative;margin:16px 0 0;color:#8a98a9;font-size:12px;text-align:center}
@keyframes partner-marquee-scroll{to{transform:translateX(-50%)}}

.resource-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.resource-library-card{position:relative;overflow:hidden;padding:34px;background:#fff;border:1px solid #dfe8f3;border-radius:22px;box-shadow:0 20px 58px rgba(25,68,124,.07);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.resource-library-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#1478f2,#32bdf2)}
.resource-library-card-document::before{background:linear-gradient(90deg,#5a54f5,#1478f2)}
.resource-library-card:hover{transform:translateY(-5px);border-color:rgba(20,120,242,.28);box-shadow:0 26px 68px rgba(25,68,124,.12)}
.resource-library-head{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:16px}
.resource-type-mark{display:grid;place-items:center;width:58px;height:58px;color:#fff;background:linear-gradient(145deg,#1478f2,#0750a9);border-radius:16px;font-size:12px;font-weight:900;letter-spacing:.12em;box-shadow:0 11px 23px rgba(20,120,242,.22)}
.resource-library-card-document .resource-type-mark{background:linear-gradient(145deg,#665cf6,#194fbb)}
.resource-library-head small{color:var(--blue);font-size:12px;font-weight:800}
.resource-library-head h3{margin:2px 0 0;font-size:25px}
.resource-library-head em{padding:6px 10px;color:#5c6d82;background:#f3f7fb;border-radius:999px;font-size:12px;font-style:normal;font-weight:700}
.resource-library-card>p{min-height:54px;margin:23px 0 20px;color:var(--muted);font-size:14px;line-height:1.8}
.resource-preview-list{padding:0;margin:0 0 20px;border-top:1px solid #e8eef5;list-style:none}
.resource-preview-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #e8eef5}
.resource-preview-list span{overflow:hidden;color:#263d59;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.resource-preview-list small{color:#8391a2;font-size:12px;white-space:nowrap}
.resource-library-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.resource-library-tags span{padding:6px 10px;color:#49617d;background:#f2f7fc;border-radius:6px;font-size:12px}
.resource-library-action{color:#fff;background:var(--blue);border-color:var(--blue)}
.resource-library-action:hover,.resource-library-action:focus-visible{color:#fff;background:#075fc5;border-color:#075fc5}
.resource-center-more{display:flex;justify-content:center;margin-top:30px}

@media (max-width:900px){
  .partners-heading{grid-template-columns:1fr;align-items:start;gap:22px}
  .partners-more{justify-self:start}
  .resource-library-grid{grid-template-columns:1fr}
}
@media (max-width:620px){
  .partners-heading{margin-bottom:22px}
  .partners-heading h2{font-size:30px}
  .partners-heading p{font-size:14px}
  .partner-marquee{margin-inline:-24px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
  .partner-logo{width:178px;height:72px;padding:0 16px}
  .partner-logo b{flex-basis:42px;height:42px;font-size:13px}
  .resource-library-card{padding:24px 20px;border-radius:17px}
  .resource-library-head{grid-template-columns:50px 1fr}
  .resource-type-mark{width:50px;height:50px;border-radius:13px}
  .resource-library-head em{display:none}
  .resource-library-card>p{min-height:0}
  .resource-preview-list li{align-items:start;grid-template-columns:1fr;gap:4px}
  .resource-preview-list span{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  .partner-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
  .partner-track{animation:none}
  .partner-logo-set[aria-hidden="true"]{display:none}
  .partners-more,.resource-library-action,.resource-center-more a,.resource-library-card{transition:none}
}

/* Homepage partners and resource cards — visual refinement */
.partners-section{padding:70px 0 62px;background:#fff}
.partners-section::before{display:none}
.partners-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  width:100%;
  margin:0 auto 28px;
  text-align:center;
}
.partners-heading::before,.partners-heading::after{
  content:"";
  flex:1 1 auto;
  max-width:none;
  height:1px;
}
.partners-heading::before{
  background:linear-gradient(90deg,rgba(210,219,229,0) 0%,rgba(205,215,226,.42) 42%,rgba(196,207,219,.78) 100%);
}
.partners-heading::after{
  background:linear-gradient(90deg,rgba(196,207,219,.78) 0%,rgba(205,215,226,.42) 58%,rgba(210,219,229,0) 100%);
}
.partners-heading h2{
  flex:0 0 auto;
  max-width:none;
  margin:0;
  color:#4d5968;
  font-size:18px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.02em;
  white-space:nowrap;
}
.partner-marquee{padding:6px 0 16px}
.partner-logo-set{gap:18px;padding-right:18px}
.partner-logo{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  width:188px;
  height:112px;
  padding:9px 10px 10px;
  color:#526171;
  background:transparent;
  border:0;
  border-radius:10px;
  box-shadow:none;
  filter:grayscale(1);
  opacity:.66;
  transition:transform .28s ease,filter .28s ease,opacity .28s ease,background .28s ease,box-shadow .28s ease;
}
.partner-logo:hover{
  background:#fafbfd;
  box-shadow:0 12px 28px rgba(40,61,86,.08);
  filter:none;
  opacity:1;
  transform:translateY(-5px);
}
.partner-logo-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  width:168px;
  height:60px;
  background:transparent;
  border:0;
  line-height:1;
}
.partner-logo-mark b{
  display:block;
  flex:none;
  height:auto;
  color:inherit;
  background:none;
  border-radius:0;
  box-shadow:none;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  font-size:20px;
  font-weight:900;
  letter-spacing:.06em;
}
.partner-logo-mark em{
  display:block;
  margin-top:6px;
  color:inherit;
  font-size:7px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.15em;
}
.partner-logo>small{
  max-width:100%;
  overflow:hidden;
  color:#6b7582;
  font-size:13px;
  font-weight:500;
  line-height:1.35;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mark-beichen{color:#24699b}
.mark-yunyue{color:#b95c35}
.mark-chengan{color:#6d5a91}
.mark-chengming{color:#27806f}
.mark-hengchuan{color:#8b633a}
.mark-lanfeng{color:#28749a}
.mark-xinghe{color:#87517d}
.mark-weiling{color:#596a48}
.partners-more-row{display:flex;justify-content:center;margin-top:8px}
.partners-more{
  min-height:auto;
  padding:8px 5px;
  color:#40556d;
  background:transparent;
  border:0;
  border-radius:0;
  font-size:14px;
  font-weight:600;
  transition:color .25s ease;
}
.partners-more span{margin-left:7px;font-size:17px;transition:transform .25s ease}
.partners-more:hover,.partners-more:focus-visible{
  color:var(--blue);
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  outline:0;
  transform:none;
}
.partners-more:hover span,.partners-more:focus-visible span{transform:translateX(4px)}

.resource-library-grid{gap:24px}
.resource-library-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:34px 36px 32px;
  background:#fff;
  border:1px solid #e1e7ee;
  border-radius:18px;
  box-shadow:0 16px 44px rgba(28,58,94,.07);
}
.resource-library-card::before{display:none}
.resource-library-card:hover{
  border-color:#ccd8e5;
  box-shadow:0 22px 52px rgba(28,58,94,.11);
  transform:translateY(-4px);
}
.resource-library-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}
.resource-library-head>div>small{
  color:#4072a6;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
}
.resource-library-card-document .resource-library-head>div>small{color:#6c65a1}
.resource-library-head h3{margin:8px 0 0;color:#1f3146;font-size:28px;line-height:1.15}
.resource-count{
  display:flex;
  align-items:baseline;
  gap:5px;
  padding-top:2px;
  color:#8290a0;
  white-space:nowrap;
}
.resource-count b{color:#263c55;font-size:26px;line-height:1}
.resource-count small{color:#8290a0;font-size:12px;font-weight:500;letter-spacing:0}
.resource-library-card>p{
  min-height:50px;
  margin:20px 0 18px;
  color:#68788b;
  font-size:14px;
  line-height:1.78;
}
.resource-category-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:24px;
}
.resource-category-pair>div{
  position:relative;
  min-width:0;
  padding:17px 16px 16px;
  background:#f6f8fb;
  border:1px solid #edf1f5;
  border-radius:11px;
  transition:background .24s ease,border-color .24s ease,transform .24s ease;
}
.resource-library-card-template .resource-category-pair>div:hover{background:#f3f8fe;border-color:#d9e8f8;transform:translateY(-2px)}
.resource-library-card-document .resource-category-pair>div:hover{background:#f7f6fc;border-color:#e4e0f2;transform:translateY(-2px)}
.resource-category-pair small{position:absolute;top:15px;right:14px;color:#a8b3bf;font-size:10px;font-weight:700}
.resource-category-pair b{display:block;color:#2b4159;font-size:15px}
.resource-category-pair span{
  display:block;
  margin-top:8px;
  overflow:hidden;
  color:#8290a0;
  font-size:11px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.resource-featured{margin-bottom:24px;border-top:1px solid #e8edf2}
.resource-featured>small{
  display:block;
  padding:14px 0 8px;
  color:#96a2af;
  font-size:11px;
  font-weight:700;
}
.resource-featured a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  padding:10px 0;
  color:#334b65;
  border-bottom:1px solid #edf1f5;
  font-size:13px;
  transition:color .2s ease,padding-left .2s ease;
}
.resource-featured a:hover{padding-left:4px;color:var(--blue)}
.resource-featured a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-featured a em{flex:0 0 auto;color:#8a97a5;font-size:11px;font-style:normal;white-space:nowrap}
.resource-library-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-top:auto;
}
.resource-library-foot>span{color:#929eaa;font-size:12px}
.resource-library-action{min-height:40px;padding:0 18px;font-size:13px}

@media (max-width:900px){
  .partners-heading{display:flex;align-items:center;gap:20px}
  .partners-heading::before,.partners-heading::after{max-width:none}
  .partners-more{justify-self:auto}
}
@media (max-width:620px){
  .partners-section{padding:54px 0 48px}
  .partners-heading{gap:12px;margin-bottom:22px}
  .partners-heading::before,.partners-heading::after{flex-basis:26px}
  .partners-heading h2{font-size:15px;letter-spacing:0}
  .partner-logo{width:158px;height:102px;padding-inline:6px}
  .partner-logo-mark{width:146px;height:55px}
  .partner-logo-mark b{font-size:18px}
  .partner-logo>small{font-size:12px}
  .partners-more-row{margin-top:4px}
  .resource-library-card{padding:26px 22px 24px}
  .resource-library-head{display:flex;gap:16px}
  .resource-library-head h3{font-size:25px}
  .resource-count{display:flex}
  .resource-count b{font-size:22px}
  .resource-category-pair{grid-template-columns:1fr}
  .resource-library-card>p{min-height:0}
  .resource-featured a{align-items:flex-start}
  .resource-featured a span{white-space:normal}
  .resource-library-foot{align-items:flex-start;flex-direction:column}
  .resource-library-action{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .partner-logo,.partner-logo-mark,.partners-more span,.resource-category-pair>div,.resource-featured a{transition:none}
}

/* Resource hierarchy and shared section-link component */
.resource-library-card{
  padding:28px 32px 26px;
  border:0;
  border-radius:16px;
  box-shadow:0 14px 42px rgba(28,58,94,.08);
}
.resource-library-card:hover{
  border-color:transparent;
  box-shadow:0 20px 50px rgba(28,58,94,.12);
}
.resource-library-head{align-items:center;gap:18px}
.resource-library-head h3{
  margin:0;
  color:#20344c;
  font-size:26px;
  line-height:1.2;
}
.resource-count{
  align-items:center;
  gap:4px;
  padding:0;
}
.resource-count b{font-size:21px}
.resource-count small{font-size:12px}
.resource-library-card>p{
  min-height:0;
  margin:10px 0 16px;
  color:#718093;
  font-size:13px;
  line-height:1.65;
}
.resource-library-categories{
  display:flex;
  align-items:center;
  gap:0;
  margin-bottom:14px;
  color:#40556e;
}
.resource-library-categories span{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  font-weight:700;
}
.resource-library-categories span+span::before{
  content:"";
  width:1px;
  height:12px;
  margin:0 14px;
  background:#d8e0e9;
}
.resource-featured{
  display:grid;
  gap:8px;
  margin:0;
  border:0;
}
.resource-featured a{
  min-height:52px;
  padding:12px 14px;
  color:#30475f;
  background:#f4f6f9;
  border:0;
  border-radius:9px;
}
.resource-featured a:hover{
  padding-left:18px;
  color:#176fd2;
  background:#edf4fb;
}
.resource-featured a span{
  font-size:13px;
  font-weight:700;
}
.resource-featured a em{
  padding:3px 7px;
  color:#7b8998;
  background:#fff;
  border-radius:5px;
  font-size:11px;
}
.resource-library-foot{
  justify-content:flex-end;
  margin-top:15px;
}
.resource-center-more{margin-top:22px}

.section-more-link,
.partners-more.section-more-link,
.resource-library-action.section-more-link,
.resource-center-more .section-more-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:auto;
  padding:7px 2px;
  color:#40556d;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  transition:color .24s ease;
}
.section-more-link .link-arrow{margin-left:7px;font-size:17px;line-height:1;transition:transform .24s ease}
.section-more-link:hover,
.section-more-link:focus-visible,
.partners-more.section-more-link:hover,
.partners-more.section-more-link:focus-visible,
.resource-library-action.section-more-link:hover,
.resource-library-action.section-more-link:focus-visible,
.resource-center-more .section-more-link:hover,
.resource-center-more .section-more-link:focus-visible{
  color:var(--blue);
  background:transparent;
  border-color:transparent;
  box-shadow:none;
  outline:0;
  transform:none;
}
.section-more-link:hover .link-arrow,.section-more-link:focus-visible .link-arrow{transform:translateX(4px)}

@media (max-width:620px){
  .resource-library-card{padding:24px 20px 21px}
  .resource-library-head h3{font-size:24px}
  .resource-library-card>p{margin-bottom:14px}
  .resource-featured a{align-items:center}
  .resource-featured a span{white-space:normal}
  .resource-library-foot{align-items:center;flex-direction:row}
  .resource-library-action{width:auto}
}
@media (prefers-reduced-motion:reduce){
  .section-more-link,.section-more-link .link-arrow{transition:none}
}

/* Section-level actions use pills; card-level actions use blue text links. */
.section-more-link--inline,
.resource-library-action.section-more-link--inline{
  color:var(--blue);
  font-weight:700;
}
.section-more-link--inline:hover,
.section-more-link--inline:focus-visible,
.resource-library-action.section-more-link--inline:hover,
.resource-library-action.section-more-link--inline:focus-visible{
  color:#075fc5;
  background:transparent;
  box-shadow:none;
}
.section-more-link--button,
.partners-more.section-more-link--button,
.resource-center-more .section-more-link--button{
  min-height:44px;
  padding:0 20px;
  color:var(--blue);
  background:#fff;
  border:1px solid rgba(20,120,242,.24);
  border-radius:999px;
  box-shadow:0 7px 20px rgba(24,86,154,.06);
  font-weight:700;
  transition:color .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.section-more-link--button:hover,
.section-more-link--button:focus-visible,
.partners-more.section-more-link--button:hover,
.partners-more.section-more-link--button:focus-visible,
.resource-center-more .section-more-link--button:hover,
.resource-center-more .section-more-link--button:focus-visible{
  color:var(--blue);
  background:#f4f9ff;
  border-color:rgba(20,120,242,.48);
  box-shadow:0 12px 28px rgba(24,86,154,.11);
  outline:0;
  transform:translateY(-2px);
}

/* Resource-card tabs */
.resource-library-card{min-height:390px}
.resource-library-divider{
  width:100%;
  height:1px;
  margin:25px 0 14px;
  background:#e7ecf1;
}
.resource-library-categories{margin-bottom:14px}
.resource-library-categories button{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0;
  color:#40556e;
  background:transparent;
  border:0;
  border-radius:0;
  font:inherit;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:color .22s ease;
}
.resource-library-categories button+button{
  margin-left:14px;
  padding-left:15px;
}
.resource-library-categories button+button::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:1px;
  height:12px;
  background:#d8e0e9;
  transform:translateY(-50%);
}
.resource-library-categories button:hover,
.resource-library-categories button.is-active{color:var(--blue)}
.resource-library-categories button:focus-visible{
  color:var(--blue);
  outline:2px solid rgba(20,120,242,.28);
  outline-offset:4px;
}
.resource-featured[hidden]{display:none}

@media (max-width:620px){
  .resource-library-card{min-height:0}
  .resource-library-divider{margin:21px 0 12px}
}
@media (prefers-reduced-motion:reduce){
  .resource-library-categories button{transition:none}
}

/* Template library and help center — task-based content split */
.template-library-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 8%,rgba(20,120,242,.10),transparent 28%),
    linear-gradient(180deg,#f5f8fd 0%,#f8faff 55%,#f3f7fc 100%);
}
.template-library-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(87,130,177,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(87,130,177,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 82%);
}
.template-library-section>.container{position:relative}
.template-library-shell{margin-top:4px}
.template-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.template-card{
  display:flex;
  min-width:0;
  min-height:226px;
  padding:20px;
  flex-direction:column;
  color:#182b43;
  background:rgba(255,255,255,.94);
  border:0;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(26,66,113,.045);
  transition:transform .24s ease,box-shadow .24s ease;
}
.template-card:hover,.template-card:focus-visible{box-shadow:0 18px 42px rgba(26,66,113,.11);transform:translateY(-4px);outline:0}
.template-card-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.template-card-tags span,.template-card-tags em{display:inline-flex;align-items:center;min-height:24px;padding:0 7px;border-radius:5px;font-size:11px;font-style:normal;font-weight:800}
.template-card-tags span{color:#1470d1;background:#e9f4ff}
.template-card-tags em{color:#607286;background:#f4f6f8;border:1px solid #e3e8ee}
.template-card-plan .template-card-tags span{color:#5f56b7;background:#f0efff}
.template-card-drill .template-card-tags span{color:#1470d1;background:#e9f4ff}
.template-card-standard .template-card-tags span{color:#795414;background:#fff1c7}
.template-card h3{margin:14px 0 0;font-size:16px;line-height:1.55}
.template-card p{display:-webkit-box;margin:15px 0 18px;overflow:hidden;color:#68798c;font-size:13px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.template-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;margin-top:auto;color:#8a98a8;border-top:1px solid #ebeff4;font-size:11px}
.template-card footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.template-card footer small{flex:0 0 auto;color:#61758b;font-size:11px}
.template-library-more{display:flex;justify-content:center;margin-top:30px}
.help-center-section{background:#fff}
.help-center-section .resource-card{background:#f7faff}
.help-center-section .resource-card p{font-size:13px;line-height:1.65}

@media (max-width:1100px){
  .template-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .template-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .template-card-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px}
  .template-card{min-height:205px;padding:18px}
  .help-center-section .resource-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .template-card{transition:none}
}