:root {
  --ink: #241e1b;
  --navy: #733722;
  --brand-orange: #df5929;
  --brand-orange-light: #ec632d;
  --brand-orange-dark: #d54f24;
  --brand-orange-soft: #fff1eb;
  --brand-orange-line: #efc2b0;
  --brand-orange-gradient: linear-gradient(110deg, #ec632d 0%, #df5929 55%, #d54f24 100%);
  --blue: var(--brand-orange);
  --signal: #e98a67;
  --mist: var(--brand-orange-soft);
  --ground: #fbf7f3;
  --paper: #fff;
  --line: #eaded6;
  --muted: #766b66;
  --positive: #24856a;
  --warning: #b26a2b;
  --risk: #b34d5a;
  --ease: cubic-bezier(.2,.75,.25,1);
  --container: 1360px;
  --container-wide: 1480px;
  --section-y: clamp(88px,7vw,112px);
  --section-heading-gap: clamp(38px,3.4vw,52px);
  --radius-control: 8px;
  --radius-module: 12px;
  --radius-panel: 14px;
  --border-soft: #e8dcd4;
  --surface-glass: rgba(255,255,255,.9);
  --shadow-low: 0 12px 30px rgba(102,62,44,.07);
  --shadow-mid: 0 20px 48px rgba(102,62,44,.1);
  --shadow-high: 0 34px 82px rgba(96,48,31,.17);
  --motion-fast: 220ms;
  --motion-reveal: 700ms;
  --closing-bg: #fdfcfa;
  --closing-ink: #050505;
  --closing-muted: #77736f;
  --closing-line: #e7e0da;
  --footer-bg: #050505;
  --footer-ink: #f7f7f7;
  --footer-muted: #777;
  --footer-line: rgba(255,255,255,.16);
}

* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--ground);
  color: var(--ink);
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
p, h1, h2, h3, h4, blockquote { text-wrap: pretty; }
.skip-link {
  position: fixed; left: 20px; top: -60px; z-index: 999;
  padding: 12px 18px; background: var(--ink); color: white; border-radius: 6px;
}
.skip-link:focus { top: 16px; }
:focus-visible { outline: 3px solid rgba(222,90,50,.28); outline-offset: 3px; }

.site-header {
  position: fixed; z-index: 100; top: 0; left: 0; right: 0;
  background: rgba(248,250,254,.82); border-bottom: 1px solid rgba(234,222,214,.75);
  backdrop-filter: blur(18px); transition:transform .28s var(--ease),opacity .2s ease;
}
.site-header.section-focus { opacity:0; transform:translateY(-100%); pointer-events:none; }
.header-inner {
  width: min(var(--container-wide), calc(100% - 64px)); height: 76px; margin: auto;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 42px;
}
.brand { display: flex; align-items: center; gap: 10px; }
.brand img { display: block; width: 118px; height: auto; }
.brand span { padding-left: 10px; border-left: 1px solid #dacbc2; font-size: 16px; font-weight: 700; letter-spacing: .12em; }
.main-nav { display: flex; justify-content: center; gap: clamp(18px,2.4vw,38px); }
.main-nav a { position: relative; padding: 27px 0 25px; color: #6f625c; font-size: 13px; font-weight: 600; }
.main-nav a::after { content:""; position:absolute; bottom:-1px; left:0; right:100%; height:2px; background:var(--blue); transition:right .25s var(--ease); }
.main-nav a:hover { color: var(--ink); }
.main-nav a:hover::after { right: 0; }
.nav-consult {
  height: 40px; padding: 0 18px; border: 1px solid var(--navy); border-radius: 7px;
  background: var(--navy); color: white; font-size: 13px; font-weight: 700;
  transition: transform .2s var(--ease), background .2s;
}
.nav-consult:hover { transform: translateY(-2px); background: var(--blue); border-color: var(--blue); }
.menu-toggle { display: none; width: 44px; height:44px; border:0; background:transparent; }
.menu-toggle span { display:block; width:22px; height:1px; margin:6px auto; background:var(--ink); transition:.2s; }

.hero {
  position: relative; min-height:clamp(940px,94svh,1020px); padding:clamp(158px,16vh,184px) 0 clamp(36px,4vh,52px);
  background:
    radial-gradient(circle at 76% 24%, rgba(222,116,78,.22), transparent 29rem),
    linear-gradient(135deg, #fffdfa 0%, #fbf3ee 52%, #f8eee8 100%);
  overflow: hidden;
}
.hero-grid, .consult-grid, .stage-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image: linear-gradient(rgba(126,86,68,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(126,86,68,.055) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
}
.hero::after {
  content:""; position:absolute; left:-10%; right:-10%; bottom:-360px; height:620px;
  border:1px solid rgba(222,90,50,.15); border-radius:50%; box-shadow:0 0 0 80px rgba(222,90,50,.025),0 0 0 160px rgba(222,90,50,.02);
}
.hero-copy {
  position:relative; z-index:5; width:min(var(--container-wide),calc(100% - 64px)); margin:auto;
}
.hero h1 {
  max-width:660px; margin:0; font-size:clamp(58px,5.7vw,88px); line-height:1.06; letter-spacing:-.07em; font-weight:680;
}
.hero h1 span { color:var(--blue); }
.hero-summary { max-width:520px; margin:30px 0 0; color:#71655f; font-size:18px; line-height:1.75; }
.hero-actions { display:flex; gap:12px; margin-top:36px; }
.button {
  min-height:52px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:26px;
  border:1px solid transparent; border-radius:var(--radius-control); font-size:14px; font-weight:700;
  transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast),background var(--motion-fast);
}
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--blue); color:white; box-shadow:0 10px 26px rgba(222,90,50,.22); }
.button-primary:hover { background:#c84a2b; box-shadow:0 15px 30px rgba(222,90,50,.28); }
.button-secondary { color:var(--ink); background:rgba(255,255,255,.66); border-color:#cfbdb2; }
.button-secondary:hover { background:white; }
.hero-principles { display:flex; margin-top:28px; color:#71655f; font-size:12px; }
.hero-principles span { padding:0 18px; border-right:1px solid #d9c9bf; }
.hero-principles span:first-child { padding-left:0; }
.hero-principles span:last-child { border:0; }

.hero-visual {
  position:absolute; z-index:4; top:190px; left:calc(50% - 80px); width:min(980px,60vw); height:730px;
  perspective:1600px;
}
.orbit { position:absolute; border:1px solid rgba(222,90,50,.2); border-radius:50%; transform:rotate(-7deg); }
.orbit-one { inset:115px -120px -40px -120px; }
.orbit-two { inset:190px -40px 30px -40px; border-style:dashed; }
.workbench {
  position:absolute; z-index:4; top:48px; left:50%; width:850px; height:570px;
  overflow:hidden; border:1px solid rgba(197,160,143,.8); border-radius:22px; background:rgba(255,255,255,.92);
  box-shadow:0 38px 90px rgba(96,48,31,.18), inset 0 1px rgba(255,255,255,.9);
  transform:translateX(-50%) rotateY(-5deg) rotateX(2deg);
}
.workbench-top { height:58px; padding:0 17px; display:grid; grid-template-columns:210px 1fr auto; align-items:center; gap:15px; border-bottom:1px solid var(--line); }
.mini-brand { display:flex; align-items:center; gap:8px; font-size:11px; }
.mini-brand img { width:24px; height:24px; border-radius:5px; }
.workbench-search { height:31px; padding:8px 12px 8px 32px; border:1px solid #e8ddd6; border-radius:6px; color:#9a8b83; font-size:9px; position:relative; }
.workbench-search::before { content:"⌕"; position:absolute; left:12px; top:4px; color:#9b7464; font-size:16px; }
.live { color:#76665f; font-size:9px; white-space:nowrap; }
.live i { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:var(--positive); }
.workbench-body { display:grid; grid-template-columns:138px 1fr; height:calc(100% - 58px); }
.workbench-sidebar { padding:20px 12px; border-right:1px solid var(--line); background:rgba(246,249,254,.9); }
.workbench-sidebar > strong { display:block; padding:0 8px 10px; color:#95867f; font-size:9px; letter-spacing:.1em; }
.workbench-sidebar button { width:100%; height:39px; margin:2px 0; padding:0 9px; display:flex; align-items:center; gap:8px; border:0; border-radius:6px; background:transparent; color:#756861; text-align:left; font-size:10px; }
.workbench-sidebar button span { width:20px; height:20px; display:grid; place-items:center; border:1px solid #e6dad3; border-radius:4px; font-size:8px; }
.workbench-sidebar button.active { background:var(--mist); color:var(--blue); font-weight:700; }
.workbench-sidebar button.active span { border-color:#eab29d; background:#fff; }
.workbench-sidebar > small { position:absolute; bottom:22px; padding-left:8px; color:#9a8c85; font-size:7px; line-height:1.7; letter-spacing:.08em; }
.workbench-sidebar > small b { color:#76665f; }
.dashboard { padding:21px 22px; overflow:hidden; }
.dashboard-title { display:flex; justify-content:space-between; align-items:end; }
.dashboard-title small { color:#7e7069; font-size:7px; letter-spacing:.12em; }
.dashboard-title h2 { margin:6px 0 0; font-size:18px; letter-spacing:-.02em; }
.dashboard-title > span { color:#9c8f88; font-size:8px; }
.metric-row { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:16px; }
.metric-row div { min-height:74px; padding:12px; border:1px solid #e9dfd8; border-radius:7px; background:#fffaf7; }
.metric-row small { display:block; color:#82736b; font-size:8px; }
.metric-row b { display:inline-block; margin-top:5px; font-family:"Avenir Next",sans-serif; font-size:22px; }
.metric-row em { margin-left:5px; color:var(--positive); font-size:7px; font-style:normal; }
.dashboard-grid { display:grid; grid-template-columns:1.55fr 1fr; grid-template-rows:190px 128px; gap:8px; margin-top:8px; }
.dashboard-grid article { border:1px solid #e9dfd8; border-radius:8px; background:#fff; }
.trend-panel { padding:15px; }
.trend-panel header { display:flex; justify-content:space-between; }
.trend-panel header small,.trend-panel header b { display:block; }
.trend-panel header small { color:#887a73; font-size:7px; }
.trend-panel header b { margin-top:4px; font-size:10px; }
.trend-panel header > span { color:#94867f; font-size:7px; }
.chart { position:relative; height:110px; margin-top:8px; background:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,#f2e9e4 27px); overflow:hidden; }
.chart::after { content:""; position:absolute; left:2%; right:2%; bottom:20%; height:40%; border-top:2px solid var(--signal); transform:skewY(-8deg); }
.chart-line { position:absolute; left:5%; width:90%; height:1px; background:#eadbd3; }
.line-one { top:45%; transform:rotate(-6deg); }
.line-two { top:66%; transform:rotate(4deg); }
.chart > i { position:absolute; z-index:2; left:var(--x); top:var(--y); width:5px; height:5px; border:1px solid white; border-radius:50%; background:var(--blue); box-shadow:0 0 0 1px var(--blue); }
.trend-panel footer { display:flex; gap:15px; color:#8a7b74; font-size:7px; }
.trend-panel footer i { display:inline-block; width:10px; height:2px; margin:0 5px 2px 0; background:var(--blue); }
.trend-panel footer span:last-child i { background:#ddc8bc; }
.judgement-panel { padding:16px; color:white; background:var(--navy)!important; }
.judgement-panel > small { color:#e3b9a7; font-size:7px; letter-spacing:.12em; }
.judgement-panel h3 { margin:10px 0 7px; font-size:17px; }
.judgement-panel p { margin:0; color:#e7cec1; font-size:8px; line-height:1.65; }
.evidence-button { width:100%; margin-top:14px; padding:8px 0; display:flex; justify-content:space-between; border:0; border-top:1px solid rgba(255,255,255,.16); color:#f4ded3; background:transparent; font-size:8px; text-align:left; }
.evidence-panel { grid-column:1/-1; padding:13px 15px; transition:.25s; }
.evidence-panel.expanded { background:#fdf2ec; box-shadow:inset 3px 0 var(--blue); }
.evidence-panel header { display:flex; justify-content:space-between; font-size:8px; }
.evidence-panel header span { color:var(--positive); }
.evidence-panel ul { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:10px 0 0; padding:0; list-style:none; }
.evidence-panel li { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; padding-right:8px; border-right:1px solid #eee4de; }
.evidence-panel li:last-child { border:0; }
.evidence-panel li > i { width:6px; height:6px; border-radius:50%; background:var(--blue); }
.evidence-panel li b,.evidence-panel li small { display:block; }
.evidence-panel li b { font-size:8px; }
.evidence-panel li small { margin-top:3px; color:#91837c; font-size:6px; }
.evidence-panel li em { color:#7b6960; font-size:6px; font-style:normal; }
.workbench-body {
  grid-template-columns:37% 63%; height:calc(100% - 58px);
  background:#fffdfa;
}
.agent-conversation {
  min-width:0; padding:18px 16px 14px; display:flex; flex-direction:column;
  border-right:1px solid var(--line); background:linear-gradient(180deg,#fffdfa,#fcf7f3);
}
.agent-conversation > header,.smart-board > header { display:flex; align-items:center; justify-content:space-between; }
.agent-conversation > header b,.smart-board > header b { font-size:13px; }
.agent-conversation > header span { color:#a05b43; font-size:8px; }
.user-query {
  width:88%; margin:15px 0 12px auto; padding:12px 13px; border-radius:9px 9px 2px 9px;
  color:#49332a; background:#fae8df; font-size:9px; font-weight:650; line-height:1.55;
}
.agent-answer { margin:0 0 9px; display:grid; grid-template-columns:25px 1fr; gap:8px; }
.agent-answer > i {
  width:25px; height:25px; display:grid; place-items:center; border:1px solid #ebd8ce;
  border-radius:7px; color:#c84a2b; background:white; font-size:10px; font-style:normal; font-weight:800;
}
.agent-answer > div { padding:10px 11px; border:1px solid #eadfd8; border-radius:8px; background:white; }
.agent-answer b { font-size:9px; }
.agent-answer p { margin:6px 0 0; color:#71645e; font-size:7.5px; line-height:1.65; }
.agent-answer p strong { color:#a74529; }
.agent-answer.compact { margin-bottom:auto; }
.chat-input {
  height:34px; padding:0 11px; display:flex; align-items:center; justify-content:space-between;
  border:1px solid #e4d7cf; border-radius:7px; color:#a0928b; background:white; font-size:8px;
}
.chat-input span { color:var(--blue); font-size:14px; }
.smart-board { min-width:0; padding:18px; overflow:hidden; background:#fff; }
.smart-board > header span { color:#796961; font-size:10px; }
.smart-board > header small { color:#998b84; font-size:7px; }
.company-profile { margin-top:12px; padding:12px; display:flex; align-items:center; gap:11px; border:1px solid #e9ddd6; border-radius:8px; }
.company-profile > i {
  width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; border-radius:8px;
  color:white; background:linear-gradient(145deg,#ec9576,#c84a2b); font-style:normal; font-weight:800;
}
.company-profile h2 { margin:0; font-size:15px; }
.company-profile p { margin:7px 0 0; display:flex; gap:5px; }
.company-profile p span { padding:3px 6px; border:1px solid #ecd4c9; border-radius:4px; color:#a65336; background:#fff9f6; font-size:6px; }
.enterprise-metrics { margin-top:9px; display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.enterprise-metrics article { padding:10px; border:1px solid #eadfd8; border-radius:7px; background:#fffdfa; }
.enterprise-metrics small,.enterprise-metrics b,.enterprise-metrics em { display:block; }
.enterprise-metrics small { color:#786b64; font-size:7px; }
.enterprise-metrics b { margin-top:5px; font-size:17px; }
.enterprise-metrics em { margin-top:3px; color:#9b7060; font-size:6px; font-style:normal; }
.enterprise-insights { margin-top:9px; display:grid; grid-template-columns:1.15fr .85fr; gap:8px; }
.enterprise-insights > article { height:154px; padding:11px; border:1px solid #eadfd8; border-radius:8px; background:white; }
.signal-chart header { display:flex; justify-content:space-between; font-size:7px; }
.signal-chart header span { color:#998b84; }
.signal-chart > div { height:87px; margin-top:8px; padding:9px 12px 0; display:flex; align-items:end; gap:10px; background:repeating-linear-gradient(to bottom,transparent 0 21px,#f1e8e3 22px); }
.signal-chart > div i { width:16px; height:var(--h); border-radius:2px 2px 0 0; background:linear-gradient(#efa081,#d85b34); }
.signal-chart footer { margin-top:7px; color:#8c7d75; font-size:6px; }
.insight-summary > b { font-size:9px; }
.insight-summary ul { margin:10px 0 8px; padding-left:14px; color:#665a54; font-size:7px; line-height:2; }
.insight-summary li::marker { color:var(--blue); }
.insight-summary > span { color:var(--blue); font-size:7px; font-weight:700; }
.board-tabs { margin-top:9px; height:31px; padding:0 10px; display:flex; align-items:center; gap:22px; border:1px solid #eadfd8; border-radius:7px; color:#887a73; font-size:7px; }
.board-tabs b { height:31px; display:flex; align-items:center; color:var(--blue); border-bottom:2px solid var(--blue); }
.source-chip {
  position:absolute; z-index:6; min-width:170px; min-height:64px; padding:11px 14px; display:flex; align-items:center; gap:11px;
  border:1px solid rgba(207,167,148,.7); border-radius:10px; background:rgba(255,255,255,.84);
  box-shadow:0 12px 30px rgba(111,61,42,.11); backdrop-filter:blur(12px);
}
.source-chip::after { content:""; position:absolute; height:1px; background:linear-gradient(90deg,rgba(222,90,50,.55),transparent); }
.source-chip > i { width:32px; height:32px; display:grid; place-items:center; border:1px solid #e8d5ca; border-radius:6px; color:var(--blue); background:#fcebe4; font-style:normal; font-weight:700; }
.source-chip > i img { width:22px; height:22px; display:block; }
.source-chip b,.source-chip small { display:block; }
.source-chip b { font-size:12px; }
.source-chip small { margin-top:4px; color:#83736b; font-size:7px; }
.source-a { left:-55px; top:480px; }.source-b { left:100px; top:625px; }.source-c { left:310px; top:670px; }.source-d { left:535px; top:655px; }
.source-e { right:-55px; top:505px; }.source-f { right:-100px; top:610px; }.source-g { right:20px; top:690px; }.source-h { left:-120px; top:585px; }
.source-a::after,.source-b::after,.source-h::after { left:100%; width:65px; }.source-e::after,.source-f::after { right:100%; width:65px; transform:rotate(180deg); }
.source-chip:nth-of-type(even) { animation-delay:-1.4s; }
.source-chip:nth-of-type(3n) { animation-delay:-2.6s; }

.section { padding:var(--section-y) 0; }
.section[id],.consult[id] { scroll-margin-top:76px; }
.section-shell { width:min(var(--container),calc(100% - 64px)); margin:auto; }
.section-heading { margin-bottom:var(--section-heading-gap); }
.split-heading { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; }
.section-heading h2 { margin:0; font-size:clamp(44px,4.2vw,64px); line-height:1.08; letter-spacing:-.055em; font-weight:650; }
.section-heading p { max-width:550px; margin:0; color:var(--muted); font-size:16px; line-height:1.8; }
.centered { max-width:800px; margin-left:auto; margin-right:auto; text-align:center; }
.centered p { margin:20px auto 0; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity var(--motion-reveal) var(--ease),transform var(--motion-reveal) var(--ease); }
.reveal.visible { opacity:1; transform:none; }

.intelligence { background:var(--paper); }
.intelligence {
  background:
    radial-gradient(circle at 75% 30%,rgba(222,90,50,.08),transparent 28rem),
    linear-gradient(180deg,#fff 0%,#fdf8f5 58%,#f8eee8 100%);
}
.intelligence-heading { max-width:980px; }
.intelligence-heading h2 { font-size:clamp(48px,4.7vw,70px); }
.intelligence-heading p { max-width:690px; }
.data-positioning { max-width:1000px; margin:0 auto 36px; display:grid; grid-template-columns:1fr 80px 1fr; align-items:center; gap:16px; }
.data-positioning article { min-height:142px; padding:24px 36px; display:grid; grid-template-columns:84px 1fr; align-items:center; gap:22px; border:1px solid var(--border-soft); border-radius:var(--radius-module); background:var(--surface-glass); }
.data-positioning .positioning-moss { border-color:#e69d81; background:linear-gradient(135deg,#fff,#fcece4); box-shadow:0 16px 38px rgba(128,65,43,.1); }
.positioning-mark,.positioning-moss .positioning-mark { width:78px; height:78px; display:grid; place-items:center; border:0; border-radius:0; background:transparent; font-style:normal; }
.positioning-mark img { width:74px; height:74px; display:block; }
.positioning-moss .positioning-mark img { width:78px; height:78px; }
.data-positioning small { color:#897a73; font:8px "Avenir Next",sans-serif; letter-spacing:.14em; }
.data-positioning h3 { margin:0 0 8px; font-size:18px; }
.positioning-moss h3 { color:var(--blue); }
.data-positioning p { margin:0; color:#74635b; font-size:14px; line-height:1.8; }
.versus { width:58px; height:58px; margin:auto; display:grid; place-items:center; border:1px solid #e8dcd5; border-radius:50%; color:var(--navy); background:white; box-shadow:0 8px 20px rgba(107,67,48,.08); font:700 18px "Avenir Next",sans-serif; }
#intelligence { position:relative; padding-bottom:102px; }
#intelligence .section-shell { position:relative; z-index:1; width:min(1600px,calc(100% - 64px)); }
.database-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.database-brief { min-height:410px; padding:28px 30px 25px; display:flex; flex-direction:column; border:1px solid var(--border-soft); border-radius:var(--radius-module); background:var(--surface-glass); box-shadow:var(--shadow-low); transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast),border-color var(--motion-fast); }
.database-brief:hover { transform:translateY(-6px); border-color:#d3ad9d; box-shadow:var(--shadow-mid); }
.database-brief header { display:flex; align-items:center; justify-content:flex-start; }
.database-brief header > span { display:none; }
.database-brief header > i { width:56px; height:56px; display:grid; place-items:center; border:0; border-radius:0; background:transparent; font-style:normal; }
.database-brief header > i img { width:54px; height:54px; display:block; }
.database-brief > small { margin-top:6px; color:#b75a3c; font:10px "Avenir Next",sans-serif; letter-spacing:.1em; }
.database-brief h3 { margin:16px 0 0; font-size:22px; letter-spacing:-.035em; }
.brief-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.brief-tags span { padding:7px 10px; border:1px solid #e6d2c8; border-radius:5px; color:#78655c; background:#f7faff; font-size:11px; line-height:1.2; }
.database-brief > p { position:relative; margin:22px 0 0; padding-top:20px; color:#76635a; font-size:14px; line-height:1.8; }
.database-brief > p::before { content:""; position:absolute; left:0; top:0; width:24px; height:2px; background:var(--blue); }
.database-brief .data-scale { margin-top:auto; padding-top:16px; color:var(--navy); font-size:13px; line-height:1.55; letter-spacing:-.01em; }
.database-brief footer { display:none; }
.database-brief footer small,.database-brief footer b { display:block; }
.database-brief footer small { color:#918179; font:7px "Avenir Next",sans-serif; letter-spacing:.12em; }
.database-brief footer b { margin-top:7px; color:var(--navy); font:600 13px "Songti SC","STSong",serif; }
.assurance-row { margin-top:22px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--border-soft); border-radius:var(--radius-module); background:var(--surface-glass); }
.assurance-row span { padding:22px; border-right:1px solid var(--line); font-size:12px; font-weight:700; }
.assurance-row span:last-child { border:0; }
.assurance-row i { width:24px; height:24px; margin-right:12px; display:inline-grid; place-items:center; vertical-align:middle; font-style:normal; }
.assurance-row i img { width:22px; height:22px; display:block; }

.model {
  background:
    radial-gradient(circle at 50% 54%,rgba(222,90,50,.09),transparent 24rem),
    linear-gradient(180deg,#fffcfa,#faf3ef);
}
.model-board { position:relative; max-width:1240px; margin:auto; display:grid; grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr); grid-template-rows:1fr 1fr; gap:26px 58px; }
.model-item { position:relative; min-height:290px; padding:28px 30px; border:1px solid var(--border-soft); border-radius:var(--radius-panel); background:var(--surface-glass); box-shadow:var(--shadow-low); }
.model-item::after { content:""; position:absolute; top:50%; width:78px; height:1px; background:#e89071; transform-origin:center; }
.model-item::before { content:""; position:absolute; z-index:2; top:calc(50% - 5px); width:10px; height:10px; border:3px solid white; border-radius:50%; background:var(--blue); box-shadow:0 0 0 1px #e2a089; }
.model-monitor,.model-strategy { grid-column:1; }
.model-outlook,.model-sage { grid-column:3; }
.model-monitor,.model-outlook { grid-row:1; }
.model-strategy,.model-sage { grid-row:2; }
.model-monitor::after,.model-strategy::after { right:-69px; }
.model-monitor::before,.model-strategy::before { right:-64px; }
.model-outlook::after,.model-sage::after { left:-69px; }
.model-outlook::before,.model-sage::before { left:-64px; }
.model-monitor::after,.model-sage::after { transform:rotate(37deg); }
.model-strategy::after,.model-outlook::after { transform:rotate(-37deg); }
.model-item header { display:flex; align-items:center; gap:20px; }
.model-item header > i { width:76px; height:76px; display:grid; place-items:center; flex:0 0 auto; font-style:normal; }
.model-item header > i img { width:76px; height:76px; display:block; }
.model-item header small { display:none; }
.model-item h3 { margin:5px 0 1px; font:600 29px "Songti SC","STSong",serif; }
.model-item header b { color:var(--blue); font:500 15px "Avenir Next",sans-serif; letter-spacing:.04em; }
.model-item > span { display:inline-flex; margin:20px 0 0 96px; padding:6px 10px; border:1px solid #e8d3c7; border-radius:5px; color:#a95034; background:#fdf2ec; font-size:9px; font-weight:700; }
.model-item p { margin:20px 0 0; color:#796760; font-size:14px; line-height:1.8; }
.model-core { position:relative; z-index:3; grid-column:2; grid-row:1/3; align-self:center; justify-self:center; width:205px; height:205px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #e1c0b1; border-radius:50%; color:var(--ink); background:white; box-shadow:0 0 0 18px rgba(255,255,255,.75),0 0 0 19px #e8d7ce,0 22px 55px rgba(104,61,43,.12); }
.model-rings { position:absolute; inset:-62px; pointer-events:none; }
.model-rings i { position:absolute; inset:0; border:1px solid rgba(171,108,82,.18); border-radius:50%; }
.model-rings i:nth-child(2) { inset:20px; border-style:dashed; }
.model-rings i:nth-child(3) { inset:42px; }
.model-core img { width:42px; }
.model-core strong { margin-top:8px; font:600 28px "Songti SC","STSong",serif; }
.model-core b { margin-top:4px; color:var(--blue); font:600 14px "Avenir Next",sans-serif; letter-spacing:.18em; }
.model-core small { margin-top:7px; color:#7d6b63; font-size:9px; }
.model-caption { max-width:1240px; margin:24px auto 0; padding:23px 28px; display:flex; align-items:center; justify-content:center; gap:18px; border:1px solid var(--border-soft); border-radius:var(--radius-module); background:var(--surface-glass); text-align:center; }
.model-caption i { width:34px; height:34px; display:grid; place-items:center; font-style:normal; }
.model-caption i img { width:32px; height:32px; display:block; }
.model-caption b { font:600 17px "Songti SC","STSong",serif; }
.model-caption span { color:#81716a; font-size:12px; }

.workflow { position:relative; overflow:hidden; padding:62px 0 40px; color:var(--ink); background:linear-gradient(180deg,#fffaf7 0%,#fbf4f0 56%,#f7ece6 100%); }
.workflow::before { content:""; position:absolute; inset:0; opacity:.48; background-image:linear-gradient(rgba(146,91,67,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(146,91,67,.045) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,transparent 0,#000 40%,#000 100%); }
.workflow .section-shell { position:relative; z-index:1; width:min(1410px,calc(100% - 126px)); }
.workflow-heading { margin-bottom:27px; display:grid; grid-template-columns:1.16fr .84fr; align-items:center; gap:64px; }
.workflow-heading h2 { margin:0; white-space:nowrap; font-size:clamp(44px,3.6vw,56px); line-height:1.08; letter-spacing:-.055em; }
.workflow-heading p { margin:18px 0 0; color:#7c6d65; font-size:15px; line-height:1.8; }
.workflow-heading blockquote { position:relative; margin:10px 0 0; padding:16px 58px; color:#807069; font:500 18px/1.7 "Songti SC","STSong",serif; }
.workflow-heading blockquote i { position:absolute; color:#d55f3a; font:700 58px/1 Georgia,serif; font-style:normal; }
.workflow-heading blockquote i:first-child { left:0; top:0; }
.workflow-heading blockquote i:last-child { right:4px; bottom:-4px; }
.workflow-board { overflow:hidden; border:1px solid var(--border-soft); border-radius:var(--radius-module); background:rgba(255,255,255,.78); box-shadow:var(--shadow-mid); }
.workflow-steps { display:grid; grid-template-columns:repeat(6,1fr); }
.workflow-steps article { position:relative; min-width:0; min-height:325px; padding:26px 34px 24px; border-right:1px solid #eadfd8; }
.workflow-steps article:last-child { border:0; }
.workflow-steps article::after { content:"›"; position:absolute; right:-11px; top:97px; z-index:2; width:22px; color:#d75f39; background:#fffaf7; font:700 38px/1 "Avenir Next",sans-serif; text-align:center; }
.workflow-steps article:last-child::after { display:none; }
.workflow-steps small { display:block; color:#eadad1; font:700 27px/1 "Avenir Next",sans-serif; letter-spacing:.02em; }
.method-icon { position:relative; width:72px; height:72px; margin:7px auto 20px; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; box-shadow:none; }
.method-icon img { width:72px; height:72px; display:block; max-width:none; }
.icon-search::before { content:""; width:25px; height:25px; border:4px solid #d66c48; border-radius:50%; }
.icon-search::after { content:""; position:absolute; width:19px; height:4px; margin:27px 0 0 27px; border-radius:4px; background:#d66c48; transform:rotate(45deg); }
.workflow-steps h3 { margin:0; font-size:18px; text-align:center; }
.workflow-steps h3 + i { width:22px; height:2px; margin:14px auto 17px; display:block; background:#d35b36; }
.workflow-steps p { margin:0; color:#83736c; font-size:12px; line-height:1.85; }
.workflow-output { min-height:240px; display:grid; grid-template-columns:168px repeat(5,1fr); gap:8px; padding:14px; border-top:1px solid #eadfd8; background:rgba(247,250,255,.82); }
.workflow-output > * { min-width:0; border:1px solid #ece1da; background:rgba(255,255,255,.86); }
.output-intro { padding:24px 18px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; background:linear-gradient(145deg,#ad4d30,#5b271c 75%)!important; text-align:center; }
.output-intro span { width:54px; height:54px; display:grid; place-items:center; border-radius:50%; color:#fbede6; background:rgba(255,255,255,.08); }
.output-intro span img { width:50px; height:50px; display:block; }
.output-intro b { margin-top:17px; font:600 17px "Songti SC","STSong",serif; }
.output-intro small { margin-top:14px; color:#e7c8b9; font-size:11px; line-height:1.7; }
.workflow-assurance { min-height:132px; margin-top:18px; display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--border-soft); border-radius:var(--radius-module); background:var(--surface-glass); box-shadow:var(--shadow-low); }
.workflow-assurance span { min-width:0; padding:18px 22px; display:grid; grid-template-columns:44px 1fr; grid-template-rows:auto auto; align-items:center; column-gap:12px; border-right:1px solid #eadfd8; }
.workflow-assurance span:last-child { border-right:0; }
.workflow-assurance img { width:40px; height:40px; grid-row:1/3; display:block; }
.workflow-assurance b { color:var(--navy); font-size:14px; }
.workflow-assurance small { margin-top:5px; color:#897a73; font-size:9px; line-height:1.5; }
.workflow-output article { padding:12px; text-align:center; }
.workflow-output article > b { display:block; margin-top:12px; font-size:12px; }
.output-visual { position:relative; overflow:hidden; height:160px; border:1px solid #eee5df; background:#fffdfa; }
.summary-lines { padding:30px 26px; }
.summary-lines i { display:block; width:84%; height:7px; margin:0 0 24px 18px; border-radius:4px; background:linear-gradient(90deg,#d8c9c0 20%,#f0e7e1 20%); }
.summary-lines i::before { content:""; position:absolute; left:18px; width:8px; height:8px; border-radius:50%; background:#d96946; box-shadow:0 0 0 4px #fbe9e1; }
.report-chart { display:flex; align-items:end; justify-content:center; gap:12px; padding:48px 28px 26px; }
.report-chart::before { content:""; position:absolute; inset:24px; background:repeating-linear-gradient(to bottom,#f0e6e0 0 1px,transparent 1px 28px); }
.report-chart i { position:relative; z-index:1; width:18px; border-radius:2px 2px 0 0; background:linear-gradient(#e99476,#d45e39); }
.report-chart i:nth-child(1){height:35%}.report-chart i:nth-child(2){height:53%}.report-chart i:nth-child(3){height:46%}.report-chart i:nth-child(4){height:70%}.report-chart i:nth-child(5){height:82%}
.evidence-map i { position:absolute; width:12px; height:12px; border-radius:50%; background:#dc7958; box-shadow:0 0 0 6px #fcedE6; }
.evidence-map i:nth-child(1){left:22%;top:25%}.evidence-map i:nth-child(2){left:67%;top:20%}.evidence-map i:nth-child(3){left:47%;top:48%}.evidence-map i:nth-child(4){left:22%;top:73%}.evidence-map i:nth-child(5){left:73%;top:68%}
.evidence-map::before,.evidence-map::after { content:""; position:absolute; left:24%; top:28%; width:50%; height:43%; border:1px solid #dfbaa9; transform:skew(-21deg) rotate(12deg); }
.risk-radar::before { content:""; position:absolute; left:50%; top:50%; width:128px; height:128px; border:1px solid #e8d3c7; background:repeating-radial-gradient(circle,transparent 0 17px,#edddd5 18px 19px); transform:translate(-50%,-50%) rotate(45deg); }
.risk-radar::after { content:""; position:absolute; left:50%; top:50%; width:76px; height:94px; background:rgba(218,99,59,.58); clip-path:polygon(50% 0,100% 40%,78% 100%,20% 82%,0 35%); transform:translate(-50%,-50%); }
.action-roadmap { padding:45px 28px; }
.action-roadmap i { position:relative; display:block; height:20px; margin:0 0 18px; border-radius:10px; background:linear-gradient(90deg,#d66c48 0 62%,#f0e6e0 62%); }
.action-roadmap i:nth-child(2) { margin-left:22%; background:linear-gradient(90deg,#d66c48 0 54%,#f0e6e0 54%); }
.action-roadmap i:nth-child(3) { margin-left:48%; background:linear-gradient(90deg,#d66c48 0 35%,#f0e6e0 35%); }

.scenarios { background:white; }
.scenario-console { overflow:hidden; display:grid; grid-template-columns:300px 1fr; min-height:600px; border:1px solid var(--border-soft); border-radius:var(--radius-module); background:white; box-shadow:var(--shadow-low); }
.scenario-tabs { background:#faf3ef; border-right:1px solid var(--line); }
.scenario-tabs button { width:100%; min-height:115px; padding:24px; display:grid; grid-template-columns:36px 1fr; align-items:center; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--ink); text-align:left; transition:.2s; }
.scenario-tabs button > span { color:#9b8d85; font:9px "Avenir Next",sans-serif; }
.scenario-tabs b,.scenario-tabs small { display:block; }
.scenario-tabs b { font-size:15px; }
.scenario-tabs small { margin-top:6px; color:#887a73; font-size:10px; }
.scenario-tabs button.active { background:var(--navy); color:white; }
.scenario-tabs button.active > span,.scenario-tabs button.active small { color:#ddbbae; }
.scenario-content { display:grid; grid-template-columns:.85fr 1.15fr; padding:48px; gap:46px; background:linear-gradient(135deg,#fff,#fdf8f5); }
.scenario-copy { align-self:center; }
.scenario-copy > span { color:var(--blue); font:700 9px "Avenir Next",sans-serif; letter-spacing:.13em; }
.scenario-copy h3 { margin:22px 0 16px; font-size:clamp(32px,3vw,46px); line-height:1.18; letter-spacing:-.045em; }
.scenario-copy p { margin:0; color:#7a6b64; font-size:14px; line-height:1.8; }
.text-button { margin-top:30px; padding:12px 0; display:flex; gap:25px; border:0; border-bottom:1px solid #cda997; background:transparent; color:var(--navy); font-size:12px; font-weight:700; }
.text-button:hover { color:var(--blue); border-color:var(--blue); }
.scenario-report { align-self:center; min-height:420px; padding:28px; border:1px solid var(--border-soft); border-radius:var(--radius-module); background:white; box-shadow:var(--shadow-mid); }
.scenario-report header { display:flex; justify-content:space-between; padding-bottom:19px; border-bottom:1px solid var(--line); color:#82746d; font-size:9px; }
.scenario-report header > span { letter-spacing:.1em; }
.report-title { padding:35px 0; }
.report-title small { color:var(--blue); font-size:9px; }
.report-title h4 { max-width:500px; margin:13px 0 0; font:600 24px/1.4 "Songti SC","STSong",serif; }
.report-points { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.report-points span { min-height:70px; padding:20px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); font-size:12px; font-weight:700; }
.report-points i { margin-right:16px; color:var(--blue); font:8px "Avenir Next",sans-serif; font-style:normal; }
.scenario-report footer { display:flex; flex-wrap:wrap; gap:17px; margin-top:20px; color:#807069; font-size:9px; }
.scenario-report footer span::before { content:""; display:inline-block; width:5px; height:5px; margin:0 7px 1px 0; border-radius:50%; background:var(--positive); }


.contrast {
  position:relative;
  min-height:100svh;
  padding:var(--section-y) 0;
  background:radial-gradient(ellipse at 50% 21%,#fff 0%,#fdf9f6 46%,#f5e9e2 100%);
}
.contrast::before,.contrast::after {
  content:""; position:absolute; bottom:0; width:51%; height:100%; pointer-events:none; opacity:.48;
  background:
    repeating-linear-gradient(90deg,transparent 0 52px,rgba(170,108,81,.12) 53px 54px),
    repeating-linear-gradient(35deg,transparent 0 38px,rgba(170,108,81,.16) 39px 40px);
  clip-path:polygon(0 0,100% 37%,100% 100%,0 100%);
  mask-image:linear-gradient(to top,#000 0,rgba(0,0,0,.84) 56%,transparent 96%);
}
.contrast::before { left:0; }
.contrast::after { right:0; transform:scaleX(-1); }
.contrast .section-shell { position:relative; z-index:1; width:min(1414px,calc(100% - 80px)); }
.contrast .section-heading { margin-bottom:var(--section-heading-gap); }
.contrast .section-heading h2 { white-space:nowrap; font-size:clamp(46px,4vw,64px); }
.contrast .section-heading p { margin-top:18px; font-size:16px; }
.comparison { overflow:hidden; border:1px solid #dfc9bd; border-radius:var(--radius-module); background:rgba(255,255,255,.78); box-shadow:var(--shadow-mid); }
.comparison-row { min-height:82px; display:grid; grid-template-columns:350fr 338fr 338fr 388fr; border-bottom:1px solid #e7d8d0; }
.comparison-row:last-child { border-bottom:0; }
.comparison-row > * { margin:0; padding:20px 38px; display:flex; align-items:center; border-right:1px solid #e7d9d1; font-size:15px; }
.comparison-row > *:last-child { border-right:0; }
.comparison-row > span { font-weight:700; font-size:16px; }
.comparison-row > i { color:#81736c; font-style:normal; }
.comparison-row:not(.comparison-head) > * { justify-content:center; text-align:center; line-height:1.48; }
.comparison-row:not(.comparison-head) > span { font-size:17px; }
.comparison-row:not(.comparison-head) > i { font-size:15px; }
.comparison-row:not(.comparison-head) > .moss-col { font-size:16px; }
.summary-row > * { background:rgba(246,249,254,.72); }
.summary-row > i,.summary-row > .moss-col { flex-direction:column; }
.summary-row > .moss-col { color:#b83e20; background:linear-gradient(135deg,#fae8df,#fdf5f1); box-shadow:inset 4px 0 #cf4c29; }
.comparison-quote { display:block; margin-bottom:7px; color:#704f42; font-size:19px; font-weight:750; line-height:1.15; }
.summary-row .moss-col .comparison-quote { color:#b83e20; font-size:23px; text-shadow:0 6px 16px rgba(190,71,37,.12); }
.comparison-head { min-height:92px; }
.comparison-head b { justify-content:center; font-size:17px; }
.comparison-head > span { justify-content:center; font-size:17px; text-align:center; }
.compare-icon { width:40px; height:40px; margin-right:16px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #ead7cc; border-radius:10px; background:#fffaf7; font-style:normal; }
.compare-icon img { width:25px; height:25px; display:block; }
.moss-col { color:#c54a27; background:rgba(255,255,255,.98); box-shadow:-8px 0 22px rgba(104,53,34,.035); }
.comparison-head .moss-col { color:white; background:linear-gradient(135deg,#a84228 0%,#4a2118 78%); box-shadow:-12px 0 30px rgba(83,38,25,.23); font-size:21px; letter-spacing:.015em; }
.comparison-row:not(.comparison-head) .moss-col > img { width:27px; height:27px; margin-right:17px; display:block; flex:0 0 auto; }
.comparison-row:not(.comparison-head):not(.summary-row) > .moss-col {
  position:relative; padding-left:38px; padding-right:38px; display:grid; grid-template-columns:26px minmax(0,180px); justify-content:center; column-gap:16px; color:#c34827;
  background:linear-gradient(90deg,#fdf0e9 0%,rgba(255,255,255,.98) 38%);
  box-shadow:inset 4px 0 #df7451,-8px 0 22px rgba(104,53,34,.045);
  font-size:17px; font-weight:760;
}
.comparison-check {
  width:26px; height:26px; padding:6px; flex:0 0 auto; border-radius:50%; color:white; background:#cf4c29;
  box-shadow:0 5px 13px rgba(201,74,41,.2);
}
.difference-pillars { max-width:1176px; margin:40px auto 0; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--border-soft); border-radius:var(--radius-module); background:var(--surface-glass); box-shadow:var(--shadow-mid); }
.difference-pillars > span { position:relative; min-height:91px; padding:18px 34px; display:flex; align-items:center; justify-content:center; gap:20px; border-right:1px solid #e6d8d0; }
.difference-pillars > span:last-child { border:0; }
.difference-pillars i { width:46px; height:46px; display:grid; place-items:center; flex:0 0 auto; font-style:normal; }
.difference-pillars i img { width:46px; height:46px; display:block; }

.audiences {
  position:relative;
  min-height:100svh;
  padding:var(--section-y) 0;
  overflow:hidden;
  background:radial-gradient(ellipse at 50% 21%,#fff 0%,#fdf9f6 46%,#f5e9e2 100%);
}
.audiences::before,.audiences::after {
  content:""; position:absolute; bottom:0; width:51%; height:100%; pointer-events:none; opacity:.48;
  background:
    repeating-linear-gradient(90deg,transparent 0 52px,rgba(170,108,81,.12) 53px 54px),
    repeating-linear-gradient(35deg,transparent 0 38px,rgba(170,108,81,.16) 39px 40px);
  clip-path:polygon(0 0,100% 37%,100% 100%,0 100%);
  mask-image:linear-gradient(to top,#000 0,rgba(0,0,0,.84) 56%,transparent 96%);
}
.audiences::before { left:0; }
.audiences::after { right:0; transform:scaleX(-1); }
.audience-shell { position:relative; z-index:1; width:min(1540px,calc(100% - 96px)); margin:0 auto; }
.audience-heading { max-width:1120px; margin-bottom:var(--section-heading-gap); }
.audience-heading h2 { margin:0; color:var(--ink); font-size:clamp(50px,4.45vw,72px); line-height:1.12; letter-spacing:-.055em; }
.audience-heading p { margin:24px 0 0; color:#77665f; font-size:17px; line-height:1.75; letter-spacing:.02em; }
.audience-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid #e8ddd7; }
.audience-item { min-width:0; padding:20px 34px 34px; border-right:1px solid #e8ddd7; }
.audience-item:first-child { padding-left:0; }
.audience-item:last-child { padding-right:0; border-right:0; }
.audience-number { display:block; color:rgba(58,35,26,.12); font:450 clamp(62px,5.2vw,86px)/1 "Avenir Next","Helvetica Neue",sans-serif; letter-spacing:-.055em; }
.audience-icon {
  width:66px; height:66px; margin:28px 0 30px; display:grid; place-items:center;
  border-radius:50%; background:linear-gradient(145deg,#fffcfa,#f9eee8); box-shadow:inset 0 0 0 1px #f0e6e0;
}
.audience-icon img { width:44px; height:44px; display:block; object-fit:contain; }
.audience-role { margin:0 0 20px; color:#c34827; font-size:17px; font-weight:750; letter-spacing:.08em; }
.audience-item h3 { min-height:74px; margin:0; color:#2c1d18; font-size:clamp(21px,1.65vw,27px); line-height:1.5; letter-spacing:-.02em; }
.audience-rule { width:28px; height:2px; margin:22px 0 18px; display:block; background:#d4532e; }
.audience-description { margin:0; color:#72615a; font-size:14px; line-height:1.9; }
.difference-pillars b { font-size:16px; }
.difference-pillars small { display:none; }

.consult { position:relative; overflow:hidden; padding:120px 0; color:white; background:var(--blue); }
.consult-grid { opacity:.15; mask-image:none; }
.consult-inner { position:relative; display:grid; grid-template-columns:1fr .78fr; align-items:center; gap:90px; }
.consult h2 { margin:0; font-size:clamp(44px,4.3vw,66px); line-height:1.1; letter-spacing:-.055em; }
.consult-card { padding:34px; border:1px solid rgba(255,255,255,.3); border-radius:var(--radius-module); background:rgba(110,52,31,.23); backdrop-filter:blur(10px); }
.consult-card p { margin:0 0 26px; color:#f5dcd1; font-size:14px; line-height:1.75; }
.button-white { background:white; color:var(--navy); }
.button-white:hover { box-shadow:0 14px 30px rgba(82,38,25,.2); }
.consult-card > small { display:block; margin-top:15px; color:#f0cbbd; font-size:9px; }

.site-footer { padding:52px 0; color:#cfbdb2; background:#241713; }
.footer-inner { width:min(var(--container),calc(100% - 64px)); margin:auto; display:grid; grid-template-columns:1fr 1.5fr 1fr; align-items:center; gap:40px; }
.footer-brand { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.footer-brand img { width:105px; filter:brightness(0) invert(1); }
.footer-brand p { width:100%; margin:6px 0 0; font-size:9px; }
.site-footer nav { display:flex; justify-content:center; gap:26px; font-size:10px; }
.site-footer nav a:hover { color:white; }
.footer-meta { text-align:right; }
.footer-meta span,.footer-meta small { display:block; font:8px/1.7 "Avenir Next",sans-serif; letter-spacing:.08em; }
.footer-meta small { color:#7c6a62; }

.agent-capability {
  position:relative; overflow:hidden; min-height:100svh; padding:var(--section-y) 0;
  background:
    radial-gradient(circle at 50% 14%,rgba(222,121,82,.13),transparent 35rem),
    linear-gradient(180deg,#fffdfa 0%,#fbf3ee 62%,#f8ebe4 100%);
}
.agent-capability::before,.agent-capability::after {
  content:""; position:absolute; top:0; width:46%; height:48%; pointer-events:none; opacity:.55;
  border-top:2px solid rgba(255,255,255,.9); border-radius:50%;
  box-shadow:0 -1px 0 rgba(180,100,70,.08),0 38px 0 rgba(255,255,255,.65);
}
.agent-capability::before { left:-11%; transform:rotate(12deg); }
.agent-capability::after { right:-11%; transform:scaleX(-1) rotate(12deg); }
.agent-capability .section-shell { position:relative; z-index:1; width:min(1920px,calc(100% - 56px)); }
.agent-heading { max-width:1400px; margin-bottom:var(--section-heading-gap); }
.agent-heading h2 { white-space:nowrap; font-size:clamp(48px,4.15vw,70px); }
.agent-heading p { max-width:1100px; margin-top:20px; font-size:17px; }
.agent-heading > small { display:block; margin-top:9px; color:#988a83; font-size:9px; letter-spacing:.08em; }
.agent-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.agent-card {
  overflow:hidden; min-width:0; padding:24px 27px; border:1px solid #e8dbd4; border-radius:18px;
  background:rgba(255,255,255,.9); box-shadow:0 18px 44px rgba(102,62,44,.1);
}
.agent-card > header { min-height:142px; display:grid; grid-template-columns:118px 1fr; gap:20px; align-items:start; }
.agent-card > header > i {
  position:relative; width:96px; height:96px; display:grid; place-items:center; border-radius:28px;
  background:linear-gradient(145deg,#f0a083,#c94c29 72%); box-shadow:0 12px 24px rgba(202,77,41,.25);
  clip-path:polygon(25% 5%,75% 5%,100% 25%,100% 75%,75% 95%,25% 95%,0 75%,0 25%);
}
.agent-card > header > i img { width:56px; height:56px; filter:brightness(0) invert(1); }
.agent-card h3 { margin:5px 0 4px; font-size:27px; letter-spacing:-.035em; }
.agent-card header b { color:#d66c48; font:700 13px "Avenir Next",sans-serif; letter-spacing:.13em; }
.agent-card header p { margin:12px 0 0; color:#746159; font-size:14px; line-height:1.8; }
.agent-tags { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:0 7px 18px; }
.agent-tags span { padding:10px 5px; border:1px solid #e7cfc1; border-radius:7px; color:#b75a3c; background:#fffaf7; font-size:11px; font-weight:700; text-align:center; }
.agent-dashboard { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:180px 160px; gap:8px; }
.agent-dashboard section { position:relative; overflow:hidden; padding:14px; border:1px solid #eee3dd; border-radius:9px; background:rgba(252,253,255,.96); }
.agent-dashboard section > b { display:block; color:#50372d; font-size:11px; }
.agent-dashboard section > p { margin:13px 0 0; color:#796961; font-size:10px; line-height:2; }
.agent-dashboard section strong { color:#c34b29; }
.agent-dashboard section > small { position:absolute; right:16px; top:48px; color:#7b6b63; font-size:9px; line-height:2; }
.sparkline { position:absolute; left:16px; right:16px; bottom:26px; height:84px; border-bottom:1px solid #eadfd8; background:repeating-linear-gradient(to bottom,transparent 0 20px,#edf2f8 21px); }
.sparkline::before { content:""; position:absolute; left:3%; right:3%; top:52%; height:2px; background:#d85b34; transform:skewY(-12deg); box-shadow:35px -8px 0 #d85b34,75px 3px 0 #d85b34,115px -17px 0 #d85b34; }
.sparkline i { position:absolute; left:calc(8% + var(--n,0)*15%); top:50%; width:5px; height:5px; border-radius:50%; background:#d85b34; }
.sparkline i:nth-child(1){left:8%;top:64%}.sparkline i:nth-child(2){left:25%;top:54%}.sparkline i:nth-child(3){left:42%;top:37%}.sparkline i:nth-child(4){left:59%;top:51%}.sparkline i:nth-child(5){left:76%;top:29%}.sparkline i:nth-child(6){left:92%;top:12%}
.donut { position:absolute; left:25px; top:52px; width:86px; height:86px; border:20px solid #f6e1d8; border-top-color:#cf4c29; border-right-color:#e98e6e; border-radius:50%; transform:rotate(-28deg); }
.risk-list p { margin:10px 0!important; padding:7px; border:1px solid #f0dfe1; border-radius:6px; background:#fffafa; line-height:1.4!important; }
.risk-list em { float:right; color:#d04d5c; font-size:8px; font-style:normal; }
.multi-lines { position:absolute; inset:48px 16px 20px; background:repeating-linear-gradient(to bottom,transparent 0 24px,#f2e9e4 25px); }
.multi-lines i { position:absolute; left:4%; right:4%; top:var(--y,30%); height:2px; background:#ef6262; transform:skewY(-7deg); }
.multi-lines i:nth-child(2){top:55%;background:#f0a342;transform:skewY(-4deg)}.multi-lines i:nth-child(3){top:73%;background:#d76b48;transform:skewY(5deg)}
.event-track { position:absolute; left:22px; right:22px; top:88px; height:2px; background:#e3c9bc; }
.event-track i { position:relative; top:-5px; display:inline-block; width:11px; height:11px; margin-right:21%; border-radius:50%; background:#d76a47; }
.metrics p { display:grid; grid-template-columns:1fr 1fr; gap:8px; line-height:1.3!important; }
.metrics strong { display:inline-block; font:700 20px "Avenir Next",sans-serif; }
.bars { position:absolute; left:22px; right:22px; bottom:26px; height:88px; display:flex; align-items:end; justify-content:space-around; border-bottom:1px solid #e9ddd6; }
.bars i { width:13px; height:var(--h,55%); border-radius:2px 2px 0 0; background:#d76946; }
.bars i:nth-child(2){height:72%;background:#e69578}.bars i:nth-child(3){height:42%;background:#e2c9bd}.bars i:nth-child(4){height:64%}.bars i:nth-child(5){height:83%;background:#e69578}.bars i:nth-child(6){height:51%;background:#e2c9bd}

@keyframes evidenceFlow { from { left:0; } to { left:100%; } }

@media (max-width: 1320px) {
  #intelligence .section-shell { width:calc(100% - 40px); }
  .main-nav { gap:18px; }
  .main-nav a { font-size:12px; }
  .hero { min-height:max(1080px,100svh); }
  .hero-visual { top:460px; left:50%; width:1000px; max-width:100%; transform:translateX(-50%) scale(.88); transform-origin:top center; }
  .hero-copy { text-align:center; }
  .hero-summary { margin-left:auto; margin-right:auto; }
  .hero-actions,.hero-principles { justify-content:center; }
  .hero h1 { margin:auto; }
  .database-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .database-brief { min-height:455px; }
  .agent-capability .section-shell { width:calc(100% - 40px); }
  .agent-grid { gap:14px; }
  .agent-card { padding-left:20px; padding-right:20px; }
  .agent-card > header { grid-template-columns:88px 1fr; gap:12px; }
  .agent-card > header > i { width:76px; height:76px; }
  .agent-card > header > i img { width:44px; height:44px; }
  .agent-card h3 { font-size:22px; }
  .scenario-content { padding:34px; gap:30px; }
  .audience-shell { width:calc(100% - 56px); }
  .audience-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .audience-item { padding:24px 28px 42px; border-bottom:1px solid #e8ddd7; }
  .audience-item:nth-child(3) { padding-right:0; border-right:0; }
  .audience-item:nth-child(4) { padding-left:0; }
  .audience-item:nth-child(n+4) { border-bottom:0; }
}

@media (min-width: 1321px) and (max-height: 820px) {
  .hero { min-height:820px; padding-top:132px; padding-bottom:52px; }
  .hero h1 { font-size:clamp(54px,5vw,72px); }
  .hero-summary { margin-top:20px; font-size:16px; }
  .hero-actions { margin-top:24px; }
  .hero-principles { margin-top:20px; }
  .hero-visual { top:124px; transform:scale(.82); transform-origin:center top; }
}

@media (max-width: 920px) {
  .header-inner,.section-shell,.hero-copy,.footer-inner { width:calc(100% - 40px); }
  .main-nav {
    position:fixed; left:20px; right:20px; top:76px; padding:18px; display:none; flex-direction:column; gap:0;
    border:1px solid var(--line); background:white; box-shadow:0 20px 50px rgba(83,50,37,.16);
  }
  .main-nav.open { display:flex; }
  .main-nav a { padding:15px; border-bottom:1px solid #eee5df; }
  .nav-consult { display:none; }
  .menu-toggle { display:block; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .section { padding:96px 0; }
  .split-heading,.consult-inner { grid-template-columns:1fr; gap:30px; }
  .data-positioning { grid-template-columns:1fr 56px 1fr; }
  .data-positioning article { padding:22px; grid-template-columns:52px 1fr; gap:15px; }
  .positioning-mark { width:48px; height:48px; font-size:19px; }
  .positioning-mark img { width:40px; height:40px; }
  .positioning-moss .positioning-mark img { width:45px; height:45px; }
  .database-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agent-heading h2 { white-space:normal; }
  .agent-grid { grid-template-columns:1fr; }
  .agent-card { max-width:680px; width:100%; margin:auto; }
  .model-board { grid-template-columns:1fr 1fr; grid-template-rows:auto; gap:16px; padding-top:245px; }
  .model-monitor,.model-outlook,.model-strategy,.model-sage { grid-column:auto; grid-row:auto; }
  .model-item { min-height:270px; }
  .model-item::before,.model-item::after { display:none; }
  .model-core { position:absolute; top:0; left:50%; width:180px; height:180px; transform:translateX(-50%); }
  .workflow .section-shell { width:calc(100% - 40px); }
  .workflow-heading { grid-template-columns:1fr; gap:18px; }
  .workflow-heading h2 { white-space:normal; }
  .workflow-heading blockquote { max-width:650px; margin-left:auto; padding-right:38px; }
  .workflow-steps { grid-template-columns:repeat(3,1fr); }
  .workflow-steps article { min-height:370px; border-bottom:1px solid #eadfd8; }
  .workflow-steps article:nth-child(3) { border-right:0; }
  .workflow-steps article:nth-child(n+4) { border-bottom:0; }
  .workflow-steps article::after { display:none; }
  .workflow-output { grid-template-columns:repeat(3,1fr); }
  .output-intro { grid-row:span 2; }
  .workflow-assurance { grid-template-columns:repeat(2,1fr); }
  .workflow-assurance span { border-bottom:1px solid #eadfd8; }
  .workflow-assurance span:nth-child(2n) { border-right:0; }
  .workflow-assurance span:last-child { grid-column:1/-1; border-bottom:0; }
  .scenario-console { grid-template-columns:1fr; }
  .scenario-tabs { display:grid; grid-template-columns:repeat(3,1fr); border:0; border-bottom:1px solid var(--line); }
  .scenario-tabs button { min-height:90px; padding:16px; }
  .scenario-content { grid-template-columns:1fr; }
  .difference-pillars { grid-template-columns:1fr 1fr; }
  .difference-pillars > span:nth-child(2) { border-right:0; }
  .difference-pillars > span { border-bottom:1px solid #e7dad3; }
  .difference-pillars > span:nth-child(n+3) { border-bottom:0; }
  .audience-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .audience-item,.audience-item:nth-child(3),.audience-item:nth-child(4) { padding:24px 28px 40px; border-right:1px solid #e8ddd7; border-bottom:1px solid #e8ddd7; }
  .audience-item:nth-child(odd) { padding-left:0; }
  .audience-item:nth-child(even) { padding-right:0; border-right:0; }
  .audience-item:last-child { border-bottom:0; }
  .consult { text-align:center; }
  .consult-card { max-width:600px; margin:auto; }
  .footer-inner { grid-template-columns:1fr; text-align:center; }
  .footer-brand,.site-footer nav { justify-content:center; }
  .footer-meta { text-align:center; }
}

@media (max-width: 680px) {
  #intelligence .section-shell { width:calc(100% - 28px); }
  .header-inner { width:calc(100% - 28px); height:68px; }
  .brand img { width:104px; }
  .brand span { font-size:13px; }
  .main-nav { top:68px; left:14px; right:14px; }
  .hero { min-height:auto; padding:122px 0 80px; }
  .hero-copy { width:calc(100% - 28px); }
  .hero h1 { font-size:47px; letter-spacing:-.06em; }
  .hero-summary { font-size:15px; }
  .hero-actions { flex-direction:column; }
  .hero-actions .button { width:100%; }
  .hero-principles { font-size:10px; }
  .hero-principles span { padding:0 10px; }
  .hero-visual {
    position:relative; top:auto; left:auto; width:calc(100% - 28px); height:auto; margin:70px auto 0; transform:none;
    perspective:none; display:flex; flex-direction:column;
  }
  .orbit { display:none; }
  .workbench { position:relative; order:1; top:auto; left:auto; width:100%; height:auto; transform:none; border-radius:14px; }
  .workbench-top { grid-template-columns:1fr auto; height:52px; }
  .workbench-search { display:none; }
  .live { grid-column:2; }
  .workbench-body { grid-template-columns:1fr; height:auto; }
  .agent-conversation { min-height:480px; border-right:0; border-bottom:1px solid var(--line); }
  .smart-board { padding:15px; }
  .enterprise-metrics { grid-template-columns:1fr 1fr; }
  .enterprise-insights { grid-template-columns:1fr; }
  .enterprise-insights > article { height:160px; }
  .board-tabs { gap:14px; overflow-x:auto; white-space:nowrap; }
  .workbench-sidebar { display:flex; gap:6px; padding:9px; overflow:auto; border:0; border-bottom:1px solid var(--line); }
  .workbench-sidebar > strong,.workbench-sidebar > small { display:none; }
  .workbench-sidebar button { min-width:94px; padding:0 7px; }
  .dashboard { padding:15px; }
  .metric-row { grid-template-columns:1fr 1fr; }
  .dashboard-grid { grid-template-columns:1fr; grid-template-rows:auto; }
  .trend-panel { min-height:190px; }
  .judgement-panel { min-height:175px; }
  .evidence-panel { grid-column:auto; }
  .evidence-panel ul { grid-template-columns:1fr; }
  .evidence-panel li { min-height:44px; border-right:0; border-bottom:1px solid #eee4de; }
  .source-chip { position:relative; order:2; inset:auto; min-width:0; width:100%; margin-top:8px; box-shadow:none; }
  .source-chip::after { display:none; }
  .source-h { margin-top:20px; }
  .section-shell,.footer-inner { width:calc(100% - 28px); }
  .section { padding:78px 0; }
  .section-heading { margin-bottom:38px; }
  .section-heading h2 { font-size:39px; }
  .section-heading p { margin-top:20px; font-size:14px; }
  .intelligence-heading h2 { font-size:39px; }
  .data-positioning { grid-template-columns:1fr; gap:10px; }
  .data-positioning article { min-height:126px; }
  .versus { width:42px; height:42px; font-size:11px; }
  .database-grid { grid-template-columns:1fr; }
  .agent-capability { padding:78px 0; }
  .agent-capability .section-shell { width:calc(100% - 28px); }
  .agent-heading h2 { font-size:38px; }
  .agent-heading p { font-size:14px; }
  .agent-card { padding:20px 16px; border-radius:14px; }
  .agent-card > header { min-height:auto; grid-template-columns:70px 1fr; }
  .agent-card > header > i { width:58px; height:58px; border-radius:18px; }
  .agent-card > header > i img { width:34px; height:34px; }
  .agent-card h3 { margin-top:0; font-size:20px; }
  .agent-card header p { font-size:14px; }
  .data-positioning p,.database-brief > p,.model-item p,.audience-description { font-size:14px; }
  .agent-tags { grid-template-columns:1fr 1fr; margin-top:18px; }
  .agent-dashboard { grid-template-columns:1fr; grid-template-rows:repeat(4,160px); }
  .database-brief { min-height:390px; padding:24px; }
  .database-brief > small { margin-top:20px; }
  .assurance-row { grid-template-columns:1fr 1fr; }
  .assurance-row span { padding:17px 14px; border-bottom:1px solid var(--line); }
  .assurance-row span:nth-child(2) { border-right:0; }
  .model-board { min-height:auto; grid-template-columns:1fr; padding-top:190px; }
  .model-core { top:0; transform:translateX(-50%); }
  .model-item { min-height:auto; padding:24px; }
  .model-item header > i { width:62px; height:62px; font-size:23px; }
  .model-item header > i img { width:62px; height:62px; }
  .model-item > span { margin-left:82px; }
  .model-caption { flex-direction:column; gap:9px; padding:20px; }
  .workflow .section-shell { width:calc(100% - 28px); }
  .workflow-heading h2 { font-size:39px; }
  .workflow-heading p br,.workflow-heading blockquote br { display:none; }
  .workflow-heading blockquote { margin:0; padding:18px 28px 18px 42px; font-size:16px; }
  .workflow-heading blockquote i { font-size:42px; }
  .workflow-steps { grid-template-columns:1fr; }
  .workflow-steps article { min-height:auto; padding:24px 26px 25px 112px; border-right:0; border-bottom:1px solid #eadfd8!important; }
  .workflow-steps article:last-child { border-bottom:0!important; }
  .workflow-steps small { position:absolute; left:23px; top:20px; font-size:20px; }
  .method-icon { position:absolute; left:23px; top:50px; width:60px; height:60px; margin:0; }
  .method-icon img { width:60px; height:60px; }
  .workflow-steps h3 { text-align:left; }
  .workflow-steps h3 + i { margin:13px 0 13px; }
  .workflow-steps p { font-size:13px; line-height:1.8; }
  .workflow-output { grid-template-columns:1fr; padding:12px; }
  .output-intro { min-height:210px; grid-row:auto; }
  .workflow-assurance { grid-template-columns:1fr; }
  .workflow-assurance span,.workflow-assurance span:nth-child(2n),.workflow-assurance span:last-child { grid-column:auto; border-right:0; border-bottom:1px solid #eadfd8; }
  .workflow-assurance span:last-child { border-bottom:0; }
  .workflow-output article { padding:14px; }
  .output-visual { height:180px; }
  .scenario-tabs { grid-template-columns:1fr; }
  .scenario-tabs button { min-height:70px; }
  .scenario-content { padding:24px 17px; }
  .scenario-copy h3 { font-size:34px; }
  .scenario-report { padding:20px; }
  .report-points { grid-template-columns:1fr; }
  .comparison { overflow:visible; padding:0; border-top:0; }
  .contrast .section-shell { width:calc(100% - 28px); }
  .contrast .section-heading h2 { white-space:normal; }
  .comparison-head { display:none; }
  .comparison-row { width:auto; margin-bottom:12px; grid-template-columns:1fr 1fr; border:1px solid var(--line); background:white; }
  .comparison-row > * { min-height:58px; padding:14px; border-bottom:1px solid var(--line); font-size:11px; }
  .comparison-row > span { grid-column:1/-1; background:var(--mist); }
  .comparison-row .moss-col { grid-column:1/-1; border-bottom:0; }
  .comparison-row:not(.comparison-head):not(.summary-row) > .moss-col { padding:14px 20px; }
  .difference-pillars { grid-template-columns:1fr; }
  .difference-pillars > span { min-height:90px; border-right:0; border-bottom:1px solid #e7dad3!important; }
  .difference-pillars > span:last-child { border-bottom:0!important; }
  .audiences { padding:78px 0; }
  .audience-shell { width:calc(100% - 28px); }
  .audience-heading { margin-bottom:38px; }
  .audience-heading h2 { font-size:39px; }
  .audience-heading p { margin-top:20px; font-size:14px; }
  .audience-grid { grid-template-columns:1fr; }
  .audience-item,.audience-item:nth-child(3),.audience-item:nth-child(4),.audience-item:nth-child(odd),.audience-item:nth-child(even) {
    padding:26px 0 34px; border-right:0; border-bottom:1px solid #e8ddd7;
  }
  .audience-item:last-child { border-bottom:0; }
  .audience-number { font-size:58px; }
  .audience-icon { width:58px; height:58px; margin:20px 0 22px; }
  .audience-icon img { width:38px; height:38px; }
  .audience-role { margin-bottom:14px; }
  .audience-item h3 { min-height:0; font-size:23px; }
  .audience-description { max-width:520px; }
  .consult { padding:80px 0; }
  .consult h2 { font-size:39px; }
  .site-footer nav { flex-wrap:wrap; }
}

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

/* Hero reference composition · 2026-08-05 */
.site-header { background:rgba(255,255,255,.94); border-bottom:1px solid #f1ebe6; }
.header-inner { height:68px; }
.main-nav { gap:clamp(24px,3vw,48px); }
.main-nav a { padding:25px 0 23px; color:#302722; font-size:13px; }
.header-actions { display:flex; align-items:center; gap:12px; }
.nav-consult { height:38px; padding:0 22px; border-color:#b83d12; border-radius:22px; background:linear-gradient(135deg,#d95114,#a92f08); box-shadow:0 8px 18px rgba(172,55,14,.18); }
.nav-consult:hover { background:#ad350d; border-color:#ad350d; }
.nav-login { height:38px; padding:0 21px; border:1px solid #ded4cd; border-radius:22px; color:#2e2521; background:white; font-size:13px; font-weight:650; }

.hero-reference {
  min-height:820px; padding:68px 0 0; color:#171310;
  background:
    radial-gradient(circle at 69% 45%,rgba(231,113,54,.16),transparent 30rem),
    linear-gradient(115deg,#fff 0%,#fffaf6 56%,#fff7f0 100%);
  overflow:hidden;
}
.hero-reference::after { display:none; }
.hero-reference-glow { position:absolute; inset:68px 0 0; pointer-events:none; background:radial-gradient(circle at 77% 55%,rgba(243,154,95,.14),transparent 28rem); }
.hero-reference-inner { position:relative; width:min(1450px,calc(100% - 80px)); min-height:752px; margin:auto; }
.hero-reference .hero-copy { position:absolute; z-index:10; left:42px; top:148px; width:620px; margin:0; }
.hero-reference h1 { max-width:none; margin:0; font-size:clamp(48px,4.15vw,68px); line-height:1.38; letter-spacing:-.045em; font-weight:760; white-space:nowrap; }
.hero-reference h1 span { color:var(--blue); }
.hero-reference .hero-summary { max-width:610px; margin:24px 0 0; color:#3f3530; font-size:17px; line-height:2; }
.hero-reference .hero-actions { margin-top:32px; }
.hero-reference .button { min-height:52px; border-radius:6px; font-size:15px; }
.hero-reference .button-primary { padding:0 26px; background:linear-gradient(135deg,#e05213,#b83508); box-shadow:0 12px 24px rgba(188,59,12,.2); }
.hero-reference .button-secondary { padding:0 25px; border-color:#ddd2cb; background:rgba(255,255,255,.86); }

.hero-product-stage { position:absolute; z-index:5; right:-38px; top:38px; width:790px; height:690px; perspective:1400px; }
.hero-product-stage::before { content:""; position:absolute; left:80px; top:48px; width:630px; height:540px; border-radius:50%; background:radial-gradient(circle,rgba(239,137,72,.16),rgba(255,255,255,0) 68%); }
.stage-orbit { position:absolute; left:40px; top:60px; width:680px; height:540px; border:1px solid rgba(221,99,36,.24); border-radius:50%; transform:rotate(-10deg); }
.orbit-b { inset:104px auto auto 88px; width:590px; height:450px; border-style:dashed; }
.orbit-c { inset:148px auto auto 135px; width:500px; height:360px; border-color:rgba(221,99,36,.13); }
.stage-node { position:absolute; z-index:2; width:9px; height:9px; border:2px solid white; border-radius:50%; background:#ef741f; box-shadow:0 0 0 4px rgba(238,116,31,.13),0 0 16px #ef741f; }
.node-a { left:468px; top:61px; }.node-b { left:697px; top:238px; }.node-c { left:564px; top:560px; }.node-d { left:101px; top:342px; }
.market-dashboard { position:absolute; z-index:5; left:128px; top:150px; width:570px; height:380px; overflow:hidden; border:1px solid #e7d8ce; border-radius:16px; background:rgba(255,255,255,.94); box-shadow:0 30px 60px rgba(133,67,32,.18),0 0 34px rgba(236,116,42,.12); transform:rotate(5deg) rotateY(-5deg); }
.market-dashboard > header { height:42px; padding:0 14px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee4dd; color:#a5968d; font-size:8px; }
.market-logo { display:flex; align-items:center; gap:6px; color:#61534b; font-size:8px; }.market-logo img { width:18px; height:18px; }
.market-body { display:grid; grid-template-columns:105px 1fr; height:338px; }
.market-body aside { padding:19px 11px; display:flex; flex-direction:column; gap:10px; border-right:1px solid #eee4dd; background:#fdf9f5; color:#8a7a71; font-size:7px; }
.market-body aside b { margin-bottom:2px; padding:8px; border-radius:5px; color:#c14a18; background:#f9e7dc; }
.market-body aside span { padding:5px 8px; }
.market-body > section { padding:17px 16px; }
.market-title { display:flex; justify-content:space-between; align-items:center; }.market-title h2 { margin:0; font-size:14px; }.market-title small { color:#988980; font-size:7px; }
.market-metrics { margin-top:13px; display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.market-metrics span { min-height:65px; padding:10px; border:1px solid #eee2da; border-radius:6px; background:#fffdfa; }
.market-metrics small,.market-metrics b,.market-metrics em { display:block; }.market-metrics small { color:#8d7e75; font-size:6px; }.market-metrics b { margin-top:7px; font-size:13px; }.market-metrics em { margin-top:4px; color:#c15b2d; font-size:6px; font-style:normal; }
.market-analysis { margin-top:10px; display:grid; grid-template-columns:1.55fr .8fr; gap:8px; }
.market-analysis > div { height:176px; padding:11px; border:1px solid #eee2da; border-radius:7px; background:white; }
.market-trend header { display:flex; justify-content:space-between; color:#8b7d75; font-size:6px; }.market-trend header b { color:#433730; font-size:8px; }
.trend-lines { position:relative; height:118px; margin-top:12px; background:repeating-linear-gradient(to bottom,transparent 0 23px,#f2e9e3 24px); }
.trend-lines::before,.trend-lines::after { content:""; position:absolute; left:7%; right:4%; height:2px; border-radius:50%; transform-origin:left; }
.trend-lines::before { top:66%; background:#e4672d; transform:rotate(-9deg); box-shadow:72px -8px 0 #e4672d,145px -25px 0 #e4672d; }
.trend-lines::after { top:76%; background:#efad83; transform:rotate(-4deg); }
.trend-lines i { position:absolute; bottom:12px; width:6px; height:6px; border-radius:50%; background:#df5b21; }.trend-lines i:nth-child(1){left:8%;bottom:24px}.trend-lines i:nth-child(2){left:27%;bottom:38px}.trend-lines i:nth-child(3){left:46%;bottom:30px}.trend-lines i:nth-child(4){left:65%;bottom:62px}.trend-lines i:nth-child(5){left:82%;bottom:50px}.trend-lines i:nth-child(6){left:94%;bottom:78px}
.market-share > b { display:block; margin-bottom:15px; font-size:8px; }.market-share > span { margin:9px 0; display:grid; grid-template-columns:1fr 25px; align-items:center; gap:5px; color:#776860; font-size:6px; }.market-share i { height:6px; width:var(--w); border-radius:4px; background:linear-gradient(90deg,#e45e22,#f1ae82); }
.scene-label { position:absolute; z-index:8; left:174px; top:108px; padding:9px 26px; border-radius:8px; color:white; background:linear-gradient(135deg,#ef984d,#dd5a18); box-shadow:0 9px 22px rgba(202,80,21,.2); transform:rotate(5deg); text-align:center; }.scene-label small,.scene-label b { display:block; }.scene-label small { font-size:8px; }.scene-label b { margin-top:3px; font-size:13px; }
.float-card { position:absolute; z-index:8; overflow:hidden; border:1px solid #eadbd2; border-radius:13px; background:rgba(255,255,255,.95); box-shadow:0 20px 38px rgba(126,64,34,.16); }
.float-card header { height:44px; padding:0 13px; display:flex; align-items:center; gap:9px; border-bottom:1px solid #eee3dc; font-size:11px; }.float-card header i { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:white; background:#eb6a20; font-style:normal; }
.opportunity-card { right:4px; top:96px; width:190px; height:150px; transform:rotate(5deg); }.bubble-chart { position:relative; height:74px; margin:8px 14px 0; background:repeating-linear-gradient(to bottom,transparent 0 23px,#f1e8e2 24px); }.bubble-chart i { position:absolute; width:8px; height:8px; border-radius:50%; background:#eca16d; }.bubble-chart i:nth-child(1){left:10%;top:56%}.bubble-chart i:nth-child(2){left:28%;top:41%;width:13px;height:13px}.bubble-chart i:nth-child(3){left:48%;top:62%}.bubble-chart i:nth-child(4){left:65%;top:28%;width:10px;height:10px}.bubble-chart i:nth-child(5){left:81%;top:17%;width:15px;height:15px}.bubble-chart i:nth-child(6){left:91%;top:47%}.opportunity-card footer { padding:0 14px; display:flex; justify-content:space-between; color:#998a82; font-size:6px; }
.competitor-card { left:18px; bottom:70px; width:180px; height:140px; transform:rotate(7deg); }.competitor-card .mini-donut { position:absolute; left:28px; top:62px; width:55px; height:55px; border:12px solid #edb58e; border-top-color:#c85420; border-right-color:#df7843; border-radius:50%; }.competitor-card ul { position:absolute; right:15px; top:57px; margin:0; padding:0; list-style:none; color:#766860; font-size:6px; line-height:2; }
.risk-card { right:44px; bottom:30px; width:185px; height:145px; transform:rotate(5deg); }.risk-line { position:absolute; left:18px; right:54px; bottom:38px; height:55px; border-bottom:1px solid #ebded6; }.risk-line::after { content:""; position:absolute; left:0; right:0; top:58%; height:2px; background:#e05d23; transform:skewY(-14deg); }.risk-card strong { position:absolute; right:17px; top:70px; color:#dc591e; font-size:24px; }.risk-card strong small { font-size:8px; }.risk-card footer { position:absolute; right:14px; bottom:16px; padding:3px 6px; border-radius:3px; color:white; background:#d9581e; font-size:6px; }
@media (max-width:1100px) {
  .hero-reference-inner { width:calc(100% - 48px); }
  .hero-reference .hero-copy { left:0; top:105px; width:53%; }
  .hero-reference h1 { font-size:clamp(42px,5vw,58px); }
  .hero-product-stage { right:-160px; transform:scale(.82); transform-origin:center top; }
}
@media (max-width:680px) {
  .nav-login { display:none; }
  .hero-reference { padding-top:68px; min-height:auto; }
  .hero-reference-inner { width:calc(100% - 28px); padding:58px 0 40px; }
  .hero-reference .hero-copy { position:relative; left:auto; top:auto; width:100%; }
  .hero-reference h1 { font-size:42px; line-height:1.28; white-space:normal; }
  .hero-reference .hero-summary { font-size:15px; }.hero-reference .hero-summary br { display:none; }
  .hero-product-stage { position:relative; right:auto; top:auto; width:760px; height:330px; margin:48px 0 0 50%; transform:translateX(-50%) scale(.47); transform-origin:center top; }
}

/* Core capabilities tab workspace */
.core-capabilities { position:relative; min-height:920px; padding:88px 0 72px; overflow:hidden; background:linear-gradient(180deg,#fffdfa 0%,#fbf5f0 100%); }
.core-capabilities::before { content:""; position:absolute; inset:0; opacity:.42; background-image:linear-gradient(rgba(157,103,76,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(157,103,76,.05) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,transparent,#000 38%,transparent); }
.capability-shell { position:relative; width:min(1480px,calc(100% - 64px)); margin:auto; }
.capability-heading { max-width:900px; margin:0 auto 38px; text-align:center; }
.capability-heading h2 { margin:14px 0 0; color:#211914; font-size:clamp(40px,3.6vw,56px); line-height:1.18; letter-spacing:-.045em; }
.capability-heading h2:first-child { margin-top:0; }
.capability-heading p { margin:17px auto 0; color:#776860; font-size:16px; line-height:1.8; }
.capability-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.capability-tabs button { position:relative; min-height:78px; padding:0 25px; display:flex; align-items:center; gap:16px; border:1px solid #eaded7; border-radius:10px; color:#3c302a; background:rgba(255,255,255,.88); box-shadow:0 8px 20px rgba(101,55,32,.04); text-align:left; transition:transform .22s var(--ease),box-shadow .22s,border-color .22s,background .22s; }
.capability-tabs button:hover { transform:translateY(-3px); border-color:#dfb8a5; box-shadow:0 14px 28px rgba(130,64,30,.09); }
.capability-tabs button:focus-visible { outline:3px solid rgba(222,90,50,.24); outline-offset:3px; }
.capability-tabs button > i { width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #e8d7ce; border-radius:50%; color:#d65320; background:#fff8f4; font-size:22px; font-style:normal; }
.capability-tabs button span,.capability-tabs button b,.capability-tabs button small { display:block; }
.capability-tabs button b { font-size:16px; }.capability-tabs button small { margin-top:5px; color:#8b7c74; font-size:10px; }
.capability-tabs button.active { border-color:#a83c12; color:white; background:linear-gradient(135deg,#ca4b16,#8e2e0b); box-shadow:0 15px 30px rgba(151,53,15,.2); }
.capability-tabs button.active > i { border-color:rgba(255,255,255,.25); color:white; background:rgba(255,255,255,.13); }.capability-tabs button.active small { color:#f5d8ca; }
.capability-tabs::before { display:none; }
.capability-stage { min-height:480px; margin-top:24px; display:grid; grid-template-columns:270px 1fr; gap:24px; }
.capability-stage.switching { animation:capability-panel-in .38s var(--ease); }
.capability-brief { padding:31px 28px; display:flex; flex-direction:column; border:1px solid #eaded7; border-radius:12px; background:rgba(255,255,255,.94); box-shadow:0 18px 42px rgba(99,55,34,.08); }
.capability-count { color:#cf5623; font:700 12px "Avenir Next",sans-serif; letter-spacing:.12em; }
.capability-brief h3 { margin:21px 0 0; font-size:24px; line-height:1.35; }
.capability-brief p { margin:13px 0 0; color:#75675f; font-size:13px; line-height:1.8; }
.capability-brief ul { margin:25px 0 26px; padding:0; list-style:none; }
.capability-brief li { position:relative; margin:13px 0; padding-left:22px; color:#51443d; font-size:13px; }
.capability-brief li::before { content:"✓"; position:absolute; left:0; color:#dc612b; font-weight:800; }
.capability-output { margin:0 0 14px; padding:13px 14px; border:1px solid rgba(223,89,41,.16); border-radius:9px; background:linear-gradient(110deg,rgba(255,241,235,.92),rgba(255,249,246,.96)); }
.capability-output small { display:block; margin-bottom:6px; color:var(--brand-orange-dark); font-size:10px; font-weight:800; letter-spacing:.08em; }
.capability-output strong { display:block; color:#4b3931; font-size:12px; font-weight:650; line-height:1.55; }
.capability-cta { height:44px; margin-top:auto; padding:0 17px; display:flex; align-items:center; justify-content:space-between; border:0; border-radius:6px; color:white; background:linear-gradient(135deg,#cf4d17,#9a310b); font-size:12px; font-weight:700; }
.capability-dashboard { overflow:hidden; border:1px solid #dccfc7; border-radius:12px; background:white; box-shadow:0 22px 52px rgba(94,50,29,.13); }
.capability-dashboard > header { height:46px; padding:0 16px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; border-bottom:1px solid #ece2dc; }
.capability-dashboard > header > div { display:flex; align-items:center; gap:5px; font-size:8px; }.capability-dashboard > header img { width:20px; height:20px; }.capability-dashboard > header b { font-size:10px; }.capability-dashboard > header span { color:#8c7d75; }
.capability-video > header { position:relative; z-index:2; background:#fffdfa; }
.capability-video > header > strong { justify-self:center; color:#43352e; font-size:11px; letter-spacing:.02em; }
.capability-video-stage { position:relative; height:432px; padding:12px; overflow:hidden; background:linear-gradient(145deg,#201613,#3b2119); }
.capability-video-stage video { width:100%; height:100%; display:block; object-fit:contain; border-radius:8px; background:#120d0b; }
.capability-video-caption { position:absolute; z-index:2; top:28px; left:28px; padding:10px 14px; display:grid; grid-template-columns:auto auto; gap:3px 10px; border:1px solid rgba(255,255,255,.25); border-radius:8px; color:#fff; background:rgba(35,20,15,.68); box-shadow:0 8px 24px rgba(0,0,0,.18); backdrop-filter:blur(10px); pointer-events:none; }
.capability-video-caption b { font-size:11px; }.capability-video-caption span { color:#f2a078; font-size:11px; font-weight:700; }.capability-video-caption small { grid-column:1/-1; color:#e8d8d0; font-size:9px; }
.capability-dashboard > header nav { display:flex; justify-content:center; gap:28px; color:#8e8078; font-size:7px; }.capability-dashboard > header small { color:#2b8a69; font-size:7px; }
.capability-dashboard-body { display:grid; grid-template-columns:112px 1fr; height:432px; }
.capability-dashboard-body > aside { padding:20px 12px; display:flex; flex-direction:column; gap:7px; border-right:1px solid #ece2dc; background:#faf7f4; color:#81736b; font-size:8px; }
.capability-dashboard-body > aside b { padding:0 8px 8px; color:#4b3e37; }.capability-dashboard-body > aside span { padding:9px 8px; border-radius:5px; }.capability-dashboard-body > aside span.active { color:#c44816; background:#f8e6dc; font-weight:700; }
.capability-dashboard-body > main { padding:18px; overflow:hidden; }
.dashboard-toolbar { display:flex; align-items:center; justify-content:space-between; }.dashboard-toolbar small { color:#9b8d85; font:7px "Avenir Next",sans-serif; letter-spacing:.12em; }.dashboard-toolbar h4 { margin:5px 0 0; font-size:15px; }.dashboard-toolbar button { height:30px; padding:0 12px; border:0; border-radius:5px; color:white; background:#bd4214; font-size:7px; }
.dashboard-kpis { margin-top:14px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }.dashboard-kpis > span { padding:10px; border:1px solid #ede3dd; border-radius:6px; background:#fffdfa; }.dashboard-kpis small,.dashboard-kpis b,.dashboard-kpis em { display:block; }.dashboard-kpis small { color:#8b7d75; font-size:7px; }.dashboard-kpis b { margin-top:6px; font-size:15px; }.dashboard-kpis em { margin-top:3px; color:#c65a2a; font-size:6px; font-style:normal; }
.dashboard-widgets { margin-top:9px; display:grid; grid-template-columns:1.4fr .72fr .9fr; gap:8px; }.dashboard-widgets > section { height:248px; padding:12px; border:1px solid #ece2dc; border-radius:7px; background:#fff; }
.capability-chart > header { display:flex; justify-content:space-between; font-size:7px; }.capability-chart > header span { color:#94867e; }.capability-chart-plot { position:relative; height:185px; margin-top:14px; background:repeating-linear-gradient(to bottom,transparent 0 35px,#f1e8e2 36px); overflow:hidden; }.capability-chart-plot::before,.capability-chart-plot::after { content:""; position:absolute; left:5%; right:5%; height:2px; transform-origin:left; }.capability-chart-plot::before { top:67%; background:#d95a22; transform:rotate(-10deg); box-shadow:90px -15px 0 #d95a22,180px -35px 0 #d95a22; }.capability-chart-plot::after { top:75%; background:#edb08b; transform:rotate(-5deg); }.capability-chart-plot i { position:absolute; z-index:2; left:var(--x); top:var(--y); width:7px; height:7px; border:2px solid white; border-radius:50%; background:#d9531b; box-shadow:0 0 0 1px #d9531b; }
.capability-ring > b,.capability-signals > b { font-size:9px; }.capability-ring > div { position:relative; width:120px; height:120px; margin:18px auto 12px; }.capability-ring > div i { position:absolute; inset:0; border:20px solid #f4d4c4; border-top-color:#c74b18; border-right-color:#df7543; border-radius:50%; transform:rotate(30deg); }.capability-ring strong { position:absolute; inset:0; display:grid; place-items:center; font-size:23px; }.capability-ring strong small { font-size:9px; }.capability-ring p { display:flex; flex-direction:column; gap:7px; color:#82736b; font-size:7px; }
.capability-signals ul { margin:15px 0 0; padding:0; list-style:none; }.capability-signals li { padding:10px 0; display:grid; grid-template-columns:7px 1fr auto; align-items:center; gap:7px; border-bottom:1px solid #eee5df; }.capability-signals li:last-child { border:0; }.capability-signals li > i { width:6px; height:6px; border-radius:50%; background:#db5d27; }.capability-signals span,.capability-signals strong,.capability-signals small { display:block; }.capability-signals strong { font-size:7px; }.capability-signals small { margin-top:4px; color:#93857d; font-size:6px; }.capability-signals em { padding:3px 5px; border-radius:3px; color:#bd4516; background:#fae6dc; font-size:6px; font-style:normal; }

@media (max-width:1024px) {
  .capability-tabs { gap:10px; }.capability-tabs button { padding:0 16px; }.capability-stage { --capability-brief-width:230px; grid-template-columns:230px 1fr; }.dashboard-widgets { grid-template-columns:1.2fr .8fr; }.capability-signals { display:none; }
}
@media (max-width:680px) {
  .core-capabilities { min-height:auto; padding:74px 0 60px; }.capability-shell { width:calc(100% - 28px); }.capability-heading { margin-bottom:28px; text-align:left; }.capability-heading h2 { font-size:38px; }.capability-heading p { font-size:14px; }
  .capability-tabs { grid-template-columns:1fr 1fr; gap:8px; }.capability-tabs button { min-height:82px; padding:10px; gap:8px; }.capability-tabs button > i { width:34px; height:34px; font-size:17px; }.capability-tabs button b { font-size:13px; }.capability-tabs button small { font-size:8px; }
  .capability-stage { --capability-brief-width:100%; grid-template-columns:1fr; }.capability-arrow { display:none; }.capability-brief { padding:25px; }.capability-dashboard:not(.capability-video) { overflow-x:auto; }.capability-dashboard:not(.capability-video) > header,.capability-dashboard-body { width:780px; }.capability-video > header { width:auto; gap:10px; }.capability-video > header > strong { font-size:9px; }.capability-video-stage { height:clamp(230px,56vw,360px); padding:8px; }.capability-video-caption { top:18px; left:18px; }
}
@keyframes capability-panel-in { from { opacity:.55; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes capability-arrow-glide { 0%,100% { transform:translateX(-5px); opacity:.35; } 50% { transform:translateX(0); opacity:.9; } }

@media (prefers-reduced-motion:reduce) {
}

/* Audience scenario map — migrated from index-v3 */
.scenario-map {
  position:relative;
  padding:clamp(88px,9vw,120px) 0;
  overflow:hidden;
  background:radial-gradient(ellipse at 50% 18%,#fff 0%,#fdf9f6 46%,#f6efe9 100%);
}
.scenario-map::before,.scenario-map::after {
  content:"";
  position:absolute;
  bottom:0;
  width:50%;
  height:100%;
  pointer-events:none;
  opacity:.38;
  background:repeating-linear-gradient(90deg,transparent 0 52px,rgba(170,108,81,.1) 53px 54px),repeating-linear-gradient(35deg,transparent 0 38px,rgba(170,108,81,.14) 39px 40px);
  clip-path:polygon(0 0,100% 37%,100% 100%,0 100%);
  mask-image:linear-gradient(to top,#000 0,rgba(0,0,0,.8) 56%,transparent 96%);
}
.scenario-map::before { left:0; }
.scenario-map::after { right:0; transform:scaleX(-1); }
.scenario-shell { position:relative; z-index:1; width:min(1320px,calc(100% - 64px)); margin:0 auto; }
.scenario-header { max-width:880px; margin:0 auto clamp(36px,4vw,52px); text-align:center; }
.scenario-header h2 { margin:0; color:var(--ink); font-size:clamp(40px,4.2vw,60px); font-weight:700; line-height:1.12; letter-spacing:-.05em; }
.scenario-header p { max-width:760px; margin:22px auto 0; color:#6f625c; font-size:16px; line-height:1.8; }
.scenario-divider { display:block; width:48px; height:3px; margin:26px auto 0; border-radius:2px; background:var(--blue); }
.scenario-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.scenario-card {
  padding:26px 24px 24px;
  display:flex;
  flex-direction:column;
  border:1px solid #ece1d9;
  border-radius:14px;
  background:#fff;
  box-shadow:0 6px 18px rgba(102,62,44,.05);
  transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast),border-color var(--motion-fast);
  color:inherit;
  text-decoration:none;
}
.scenario-card:hover { transform:translateY(-5px); border-color:#e3b79f; box-shadow:0 18px 38px rgba(102,62,44,.12); }
.scenario-card:focus-visible { outline:3px solid rgba(222,90,50,.25); outline-offset:4px; }
.scenario-card > header { display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:center; }
.scenario-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#ef8a5e,#c84a2b); box-shadow:0 6px 14px rgba(200,74,43,.25); }
.scenario-icon svg { width:22px; height:22px; }
.scenario-title h3 { margin:0; color:var(--ink); font-size:18px; font-weight:700; letter-spacing:-.01em; }
.scenario-title small { display:block; margin-top:3px; color:#a9958c; font:600 11px/1.3 "Avenir Next","Helvetica Neue",sans-serif; letter-spacing:.06em; }
.scenario-tagline { margin:18px 0 0; color:#6f625c; font-size:13px; font-weight:500; line-height:1.65; }
.scenario-list { margin:18px 0 0; padding:0; display:flex; flex-direction:column; gap:9px; list-style:none; }
.scenario-list li { position:relative; padding:9px 12px 9px 22px; border-radius:7px; color:#4a3d36; background:#faf4f0; font-size:13px; font-weight:500; line-height:1.4; }
.scenario-list li::before { content:""; position:absolute; left:11px; top:50%; width:6px; height:6px; transform:translateY(-50%); border-radius:50%; background:var(--blue); }
.scenario-banner { position:relative; margin-top:clamp(36px,4vw,48px); padding:26px 32px; display:flex; align-items:center; gap:28px; overflow:hidden; border:1px solid #f0c9b3; border-radius:16px; background:linear-gradient(135deg,#fff7f2,#fdeee4); }
.banner-watermark { position:absolute; right:-40px; top:50%; width:360px; height:200px; transform:translateY(-50%); opacity:.08; pointer-events:none; background:radial-gradient(circle at 30% 50%,var(--navy) 0,transparent 38%),radial-gradient(circle at 60% 50%,var(--navy) 0,transparent 32%),radial-gradient(circle at 88% 50%,var(--navy) 0,transparent 30%); }
.banner-left { position:relative; z-index:1; display:flex; align-items:center; gap:14px; flex:0 0 auto; }
.banner-star { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; color:#fff; background:linear-gradient(145deg,#ef8a5e,#c84a2b); box-shadow:0 6px 14px rgba(200,74,43,.25); }
.banner-star svg { width:22px; height:22px; }
.banner-left strong { color:var(--ink); font-size:19px; font-weight:700; letter-spacing:-.01em; white-space:nowrap; }
.banner-sep { width:1px; height:44px; flex:0 0 auto; background:#d9c2b5; }
.banner-text { position:relative; z-index:1; margin:0; color:#6f625c; font-size:14px; line-height:1.75; }
.banner-text em { color:var(--blue); font-style:normal; font-weight:700; }

@media (max-width:1200px) {
  .scenario-grid { grid-template-columns:repeat(2,1fr); gap:18px; }
}
@media (max-width:720px) {
  .scenario-map { padding:74px 0; }
  .scenario-shell { width:calc(100% - 28px); }
  .scenario-header { text-align:left; }
  .scenario-header h2 { font-size:38px; }
  .scenario-header p { margin-top:18px; font-size:14px; }
  .scenario-divider { margin-left:0; }
  .scenario-grid { grid-template-columns:1fr; }
  .scenario-banner { padding:22px; flex-direction:column; align-items:flex-start; gap:16px; }
  .banner-sep { display:none; }
  .banner-left strong { white-space:normal; }
}

/* Case library placeholder */
.case-library-page { min-height:100vh; background:#fbf7f3; }
.case-library-page .nav-login { display:inline-flex; align-items:center; text-decoration:none; }
.case-placeholder { position:relative; min-height:100vh; padding:68px 32px 40px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 70% 35%,rgba(222,90,50,.13),transparent 30rem),linear-gradient(135deg,#fff 0%,#fff8f3 100%); }
.case-placeholder-grid { position:absolute; inset:68px 0 0; opacity:.45; background-image:linear-gradient(rgba(156,92,60,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(156,92,60,.08) 1px,transparent 1px); background-size:52px 52px; mask-image:radial-gradient(circle at center,#000,transparent 72%); }
.case-placeholder > section { position:relative; z-index:1; width:min(780px,100%); padding:64px; border:1px solid #eadbd2; border-radius:20px; background:rgba(255,255,255,.9); box-shadow:0 28px 70px rgba(103,55,32,.12); }
.case-placeholder > section > span { color:#c74b18; font-size:12px; font-weight:750; letter-spacing:.16em; }
.case-placeholder h1 { margin:20px 0 0; color:var(--ink); font-size:clamp(40px,5vw,66px); line-height:1.14; letter-spacing:-.05em; }
.case-placeholder p { max-width:650px; margin:22px 0 0; color:#74645c; font-size:17px; line-height:1.8; }
.case-placeholder section > div { margin:34px 0; padding:22px; display:grid; grid-template-columns:48px 1fr; gap:5px 16px; border:1px solid #efdfd6; border-radius:12px; background:#fff9f5; }
.case-placeholder section > div i { grid-row:1/3; color:#d65320; font:700 25px/1.2 "Avenir Next",sans-serif; font-style:normal; }.case-placeholder section > div b { font-size:16px; }.case-placeholder section > div small { color:#8b7b73; font-size:13px; line-height:1.6; }
.case-placeholder .button { width:max-content; text-decoration:none; }
@media (max-width:680px) { .case-placeholder { padding:90px 14px 24px; }.case-placeholder > section { padding:36px 24px; }.case-placeholder p { font-size:15px; } }

/* Screenshot-matched hero refinement · 2026-08-05 */
@media (min-width:1101px) {
  .site-header { display:block; }
  .hero-reference { min-height:100vh; height:clamp(820px,100vh,941px); padding:0; background:linear-gradient(105deg,#fff 0%,#fffefa 43%,#fff8ef 100%); }
  .hero-reference-glow { inset:0; background:radial-gradient(ellipse at 72% 49%,rgba(242,136,61,.16),transparent 40%); }
  .hero-reference-inner { width:min(100%,1672px); min-height:100%; }
  .hero-reference .hero-copy { left:3.35%; top:15.4%; width:42.55%; }
  .hero-reference h1 { margin-top:0; font-size:clamp(54px,3.62vw,61px); line-height:1.7; letter-spacing:-.055em; font-weight:760; }
  .hero-reference .hero-summary { max-width:680px; margin-top:13px; color:#403a36; font-size:clamp(15px,1.02vw,17px); line-height:2.15; }
  .hero-pains { width:100%; margin-top:32px; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
  .hero-pains article { min-width:0; min-height:104px; padding:20px 13px; display:flex; align-items:center; gap:11px; border:1px solid #f1e8e1; border-radius:9px; background:rgba(255,255,255,.92); box-shadow:0 12px 28px rgba(110,68,45,.075); }
  .hero-pains i { width:43px; height:43px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #ffd8bd; border-radius:50%; color:#ef5c0c; background:#fff9f4; box-shadow:0 5px 14px rgba(190,86,34,.09); font-size:24px; font-style:normal; font-weight:750; }
  .hero-pains i img { width:34px; height:34px; display:block; }
  .hero-pains span,.hero-pains b,.hero-pains small { display:block; }
  .hero-pains b { color:#211b18; font-size:15px; white-space:nowrap; }
  .hero-pains small { margin-top:7px; color:#8b7e77; font-size:10px; white-space:nowrap; }
  .hero-reference .hero-actions { margin-top:38px; gap:22px; }
  .hero-reference .button { min-width:244px; min-height:68px; padding:0 33px; justify-content:space-between; border-radius:8px; font-size:17px; }
  .hero-reference .button-primary { background:linear-gradient(135deg,#f45a08,#dd4200); box-shadow:0 13px 27px rgba(221,66,0,.22); }
  .hero-reference .button-secondary { min-width:258px; }

  .hero-product-stage { right:-1%; top:50%; width:1004px; height:941px; perspective:none; transform:translateY(-50%) scale(1); transform-origin:right center; }
  .hero-product-stage::before { left:4%; top:1%; width:93%; height:97%; background:radial-gradient(circle,rgba(239,137,72,.15),rgba(255,255,255,0) 69%); }
  .stage-orbit { left:4%; top:3%; width:91%; height:94%; transform:none; border-color:rgba(238,112,31,.42); }
  .stage-orbit::after { content:""; position:absolute; inset:5%; border:1px solid rgba(255,255,255,.95); border-radius:50%; box-shadow:0 0 0 14px rgba(238,119,39,.045),0 0 0 15px rgba(238,119,39,.17); }
  .orbit-b { left:12%; top:8%; width:75%; height:82%; border-style:solid; border-color:rgba(238,112,31,.25); }
  .orbit-c { left:20%; top:14%; width:60%; height:69%; border-color:rgba(238,112,31,.18); }
  .node-a { left:60%; top:9.5%; }.node-b { left:94%; top:48.5%; }.node-c { left:59%; top:92%; }.node-d { left:14%; top:38.5%; }
  .market-dashboard { left:21.5%; top:22%; width:59%; height:60%; border-color:#edddd1; border-radius:9px; transform:none; box-shadow:0 28px 60px rgba(133,67,32,.15),0 0 0 8px rgba(255,255,255,.42); }
  .market-dashboard > header { height:54px; padding:0 18px; font-size:9px; }
  .market-logo { font-size:17px; font-weight:800; }.market-logo img { display:none; }
  .market-body { grid-template-columns:125px 1fr; height:calc(100% - 54px); }
  .market-body aside { padding:24px 13px; gap:13px; font-size:10px; background:#fffdfa; }
  .market-body > section { position:relative; padding:18px; }
  .market-title h2 { font-size:17px; }.market-metrics span { min-height:76px; }.market-metrics b { font-size:14px; }
  .market-analysis > div { height:202px; }
  .market-body > section::after { content:""; display:block; height:105px; margin-top:8px; border:1px solid #eee2da; border-radius:7px; background:linear-gradient(90deg,transparent 0 18%,#ef5b12 18% 38%,transparent 38% 43%,#f49c67 43% 70%,transparent 70%) 25px 28px/78% 7px no-repeat,linear-gradient(90deg,transparent 0 18%,#ef5b12 18% 58%,transparent 58%) 25px 51px/78% 7px no-repeat,linear-gradient(90deg,transparent 0 18%,#f0803f 18% 48%,transparent 48%) 25px 74px/78% 7px no-repeat,#fff; }
  .scene-label { display:none; }
  .float-card { border:0; border-radius:13px; box-shadow:0 14px 34px rgba(103,62,41,.13); transform:none; }
  .float-card header { border:0; font-size:15px; font-weight:700; }.float-card header i { width:25px; height:25px; font-size:13px; }
  .insight-card { left:1.5%; top:7.5%; width:203px; height:224px; }
  .insight-map { position:relative; height:92px; margin:1px 20px 0; border-radius:48% 42% 45% 40%; background:linear-gradient(145deg,#fbe6d4,#f7c999); clip-path:polygon(15% 31%,28% 25%,35% 9%,46% 23%,61% 20%,67% 32%,85% 17%,92% 32%,83% 47%,88% 64%,72% 69%,65% 87%,48% 76%,37% 88%,27% 71%,13% 63%,7% 45%); }
  .insight-map i { position:absolute; width:5px; height:5px; border-radius:50%; background:#eb7a31; box-shadow:0 0 0 3px rgba(235,122,49,.12); }
  .insight-map i:nth-child(1){left:30%;top:38%}.insight-map i:nth-child(2){left:48%;top:25%}.insight-map i:nth-child(3){left:59%;top:54%}.insight-map i:nth-child(4){left:72%;top:37%}.insight-map i:nth-child(5){left:42%;top:67%}
  .insight-card footer { padding:8px 20px 0; color:#5f514a; font-size:11px; line-height:1.65; }.insight-card footer b,.insight-card footer span { display:block; }
  .opportunity-card { right:5%; top:11.5%; width:195px; height:220px; }
  .opportunity-card footer { padding:4px 17px 0; color:#5f514a; font-size:11px; line-height:1.65; }.opportunity-card footer b,.opportunity-card footer span { display:block; }
  .competitor-card { left:10%; bottom:10%; width:198px; height:210px; }
  .competitor-card footer { position:absolute; left:18px; bottom:13px; color:#5f514a; font-size:11px; line-height:1.55; }.competitor-card footer b,.competitor-card footer span { display:block; }
  .risk-card { right:4.5%; bottom:5%; width:210px; height:228px; }
  .competitor-card .mini-donut { top:72px; }.competitor-card ul { top:68px; }
  .risk-card strong { display:none; }.risk-line { right:18px; bottom:84px; height:74px; }.risk-card footer { left:18px; right:auto; bottom:15px; padding:0; color:#5f514a; background:transparent; font-size:11px; line-height:1.55; }.risk-card footer em,.risk-card footer b,.risk-card footer span { display:block; }.risk-card footer em { width:max-content; margin-bottom:5px; padding:2px 8px; border-radius:4px; color:#e75412; background:#fff1e8; font-size:9px; font-style:normal; }
}

@media (min-width:1101px) and (max-width:1350px) {
  .hero-reference .hero-copy { left:3.35%; width:43%; }
  .hero-reference h1 { margin-top:0; font-size:clamp(48px,3.55vw,58px); }
  .hero-pains { margin-top:27px; }.hero-pains article { min-height:94px; padding:17px 10px; gap:9px; }.hero-pains i { width:40px; height:40px; font-size:22px; }
  .hero-reference .hero-actions { margin-top:34px; gap:18px; }.hero-reference .button { min-width:220px; min-height:62px; font-size:16px; }.hero-reference .button-secondary { min-width:250px; }
  .hero-product-stage { right:-2%; transform:translateY(-50%) scale(.88); transform-origin:right center; }
}

@media (min-width:1101px) and (max-width:1188px) {
  .hero-product-stage { right:-3%; transform:translateY(-50%) scale(.76); }
}

/* Pain-to-capability narrative mapping */
.capability-tabs button { min-height:106px; }
.capability-tabs button span,.capability-tabs button em,.capability-tabs button strong { display:block; }
.capability-tabs button em { margin-bottom:5px; color:#b75b38; font-size:10px; font-style:normal; font-weight:700; letter-spacing:.04em; }
.capability-tabs button b { font-size:17px; }
.capability-tabs button small { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.capability-tabs button small strong { color:#d85b27; font-size:14px; }
.capability-tabs button.active em { color:#ffd9c8; }
.capability-tabs button.active small strong { color:white; }
.agent-pain { width:max-content; margin:0 0 18px; padding:7px 11px; display:block; border:1px solid #efd1c1; border-radius:5px; color:#bd4a1c; background:#fff7f2; font-size:10px; font-weight:750; letter-spacing:.04em; }
.main-nav { gap:clamp(14px,1.6vw,28px); }
.scenario-case-center { position:relative; z-index:2; min-width:154px; height:44px; padding:0 17px; display:inline-flex; align-items:center; justify-content:space-between; gap:18px; flex:0 0 auto; border:1px solid #d9561f; border-radius:7px; color:white; background:linear-gradient(135deg,#e85b1c,#bd3d0e); box-shadow:0 8px 18px rgba(188,61,14,.17); font-size:13px; font-weight:750; transition:transform .2s var(--ease),box-shadow .2s; }
.scenario-case-center:hover { transform:translateY(-2px); box-shadow:0 12px 24px rgba(188,61,14,.23); }
.scenario-case-center .link-arrow { width:18px; height:18px; }

@media (max-width:1024px) {
  .capability-tabs button { min-height:98px; }
  .capability-tabs button em { font-size:9px; }
  .capability-tabs button b { font-size:14px; }
  .capability-tabs button small { font-size:8px; }
}

@media (max-width:720px) {
  .scenario-case-center { width:100%; }
}

/* Unified reading scale and exact anchor landing */
:root {
  --page-max:1360px;
  --page-gutter:clamp(24px,4vw,64px);
  --page-inline:clamp(48px,8vw,128px);
  --page-section-y:clamp(92px,7.4vw,124px);
}
html { scroll-padding-top:68px; }
main > section[id] {
  min-height:calc(100svh - 68px);
  scroll-margin-top:68px;
}
.section { padding-top:var(--page-section-y); padding-bottom:var(--page-section-y); }
.core-capabilities { min-height:calc(100svh - 68px); padding-top:var(--page-section-y); padding-bottom:var(--page-section-y); }
.capability-shell,
.agent-capability .section-shell,
#intelligence .section-shell,
.contrast .section-shell,
.scenario-shell,
.consult .section-shell,
.footer-inner {
  width:min(var(--page-max),calc(100% - var(--page-inline)));
}
.section-heading,
.capability-heading,
.agent-heading,
.intelligence-heading,
.scenario-header { max-width:880px; }
.section-heading p,
.capability-heading p,
.agent-heading p,
.scenario-header p { max-width:720px; }
.agent-grid { gap:18px; }
.database-grid { gap:12px; }

@media (max-width:920px) {
  :root { --page-section-y:82px; }
  main > section[id] { min-height:auto; }
  .capability-shell,
  .agent-capability .section-shell,
  #intelligence .section-shell,
  .contrast .section-shell,
  .scenario-shell,
  .consult .section-shell,
  .footer-inner { width:calc(100% - 40px); }
}

@media (max-width:680px) {
  :root { --page-section-y:70px; }
  .capability-shell,
  .agent-capability .section-shell,
  #intelligence .section-shell,
  .contrast .section-shell,
  .scenario-shell,
  .consult .section-shell,
  .footer-inner { width:calc(100% - 28px); }
}

/* Desktop density: make 100% render like the previous 90% browser zoom */
@media (min-width:1101px) {
  html { zoom:.9; }
  .hero-reference {
    height:calc(100svh - 68px);
    min-height:calc(100svh - 68px);
    margin-top:68px;
    margin-bottom:clamp(96px,9svh,132px);
  }
  .hero-reference-inner { height:100%; min-height:100%; }
  .hero-reference .hero-copy { top:11.5%; }
  .hero-reference .hero-copy { text-align:left; }
  .hero-reference .hero-summary { margin-left:0; margin-right:0; }
  .hero-reference .hero-actions { justify-content:flex-start; }
}

/* Center each navigable page in the available reading viewport */
@media (min-width:921px) {
  .core-capabilities,
  .agent-capability,
  #intelligence,
  .contrast,
  .scenario-map,
  .consult {
    display:grid;
    align-items:center;
  }
}

/* Reference-matched closing showcase and editorial footer. */
main > .consult[id] {
  min-height: auto;
}

.consult {
  padding: clamp(72px, 7vw, 112px) var(--page-gutter);
  background: linear-gradient(180deg, #fff 0%, #fffdfb 100%) !important;
}

.consult .consult-inner {
  isolation: isolate;
  width: min(1400px, 100%);
  min-height: 470px;
  padding: 58px 86px 54px 104px;
  grid-template-columns: 1.04fr .96fr;
  gap: 62px;
  overflow: hidden;
  border: 1px solid rgba(232, 95, 43, .22);
  border-radius: 22px;
  background: #df5929 url("assets/moss-brand/conversion-glow.svg") center / cover no-repeat;
  box-shadow: 0 24px 58px rgba(85, 43, 27, .14), inset 0 1px rgba(255, 255, 255, .28);
}

.consult .consult-inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 4%;
  top: 15%;
  width: 49%;
  height: 64%;
  opacity: .68;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 147, 72, .28), rgba(255, 121, 49, .08) 47%, transparent 72%);
  filter: blur(12px);
}

.consult .consult-inner::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .18;
  background-image: radial-gradient(rgba(255,255,255,.5) .7px, transparent .8px);
  background-size: 8px 8px;
  mask-image: linear-gradient(90deg, #000, transparent 34%);
}

.consult-copy {
  position: relative;
  padding-right: 54px;
}

.consult-copy::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(transparent, rgba(255,255,255,.24), transparent);
}

.consult-kicker {
  width: fit-content;
  padding: 8px 17px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: 999px;
  color: #fff7f2;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .04em;
  background: rgba(255,255,255,.04);
}

.consult-kicker i {
  width: 10px;
  height: 10px;
  border: 3px solid rgba(255,255,255,.55);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 12px rgba(255,255,255,.65);
}

.consult h2 {
  margin-top: 28px;
  color: white;
  font-size: clamp(36px, 3.4vw, 58px);
  line-height: 1.24;
  letter-spacing: -.055em;
  text-shadow: 0 2px 18px rgba(111, 31, 11, .14), 0 0 38px rgba(255, 174, 107, .16);
}

.consult h2 span {
  display: block;
  white-space: nowrap;
}

.consult-copy > p {
  margin: 22px 0 0;
  color: rgba(255, 245, 239, .88);
  font-size: 15px;
  line-height: 1.9;
}

.consult-card {
  padding: 40px 52px 34px;
  border: 1px solid rgba(255,255,255,.54);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(132,35,13,.16), rgba(113,26,9,.28));
  box-shadow: inset 0 1px rgba(255,255,255,.13), 0 20px 48px rgba(101,31,12,.1);
  backdrop-filter: blur(7px);
}

.consult-card h3 {
  margin: 0 0 10px;
  color: white;
  font-size: 28px;
  letter-spacing: -.025em;
}

.consult-card p {
  margin: 0 0 24px;
  color: rgba(255, 239, 231, .86);
  font-size: 14px;
  line-height: 1.75;
}

.consult-card .button-white {
  position: relative;
  width: 100%;
  height: 62px;
  padding: 0 30px;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 8px;
  color: var(--brand-orange-dark);
  background: linear-gradient(100deg, #fff 0%, #fff8f3 100%);
  box-shadow: 0 12px 26px rgba(105,31,10,.15);
  font-size: 16px;
}

.consult-card .button-white .button-arrow {
  position: absolute;
  right: 28px;
  width: 22px;
  height: 22px;
}

.consult-promises {
  margin: 24px 0 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  list-style: none;
}

.consult-promises li {
  position: relative;
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255,248,244,.94);
  font-size: 12px;
  white-space: nowrap;
}

.consult-promises li > svg {
  width: 16px;
  height: 16px;
  padding: 3px;
  flex: 0 0 auto;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 50%;
}

.consult-promises li + li::after {
  content: "";
  position: absolute;
  left: -8px;
  top: 1px;
  width: 1px;
  height: 14px;
  background: rgba(255,255,255,.24);
}

.consult-card > small {
  margin-top: 28px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(255, 229, 217, .64);
  font-size: 10px;
}

.consult-card > small .login-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}
.site-footer {
  padding: 60px 0 46px;
  color: #a9948a;
  background:
    radial-gradient(circle at 18% 0, rgba(115,61,43,.13), transparent 32%),
    linear-gradient(120deg, #231713, #1d1310 70%, #241713);
}

.site-footer .footer-inner {
  width: min(1400px, calc(100% - 96px));
  display: block;
}

.footer-main {
  padding-bottom: 34px;
  display: grid;
  grid-template-columns: 330px 1fr;
  gap: 72px;
}

.footer-brand {
  position: relative;
  align-content: start;
  column-gap: 8px;
  padding-right: 58px;
}

.footer-brand::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: rgba(255,255,255,.15);
}

.footer-brand img { width: 124px; }
.footer-brand p { margin-top: 14px; color: #9f8c83; font-size: 11px; line-height: 1.9; }

.site-footer nav {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  justify-content: stretch;
  gap: 24px;
}

.site-footer nav a { display: block; }
.site-footer nav b { display: block; color: #e2d7d1; font-size: 12px; font-weight: 500; white-space: nowrap; }
.site-footer nav small { display: block; margin-top: 12px; color: #806e66; font-size: 10px; white-space: nowrap; }

.footer-bottom {
  padding-top: 27px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 30px;
  border-top: 1px solid rgba(255,255,255,.12);
}

.footer-legal,
.footer-meta { display: flex; align-items: center; gap: 36px; }
.footer-legal span,.footer-legal a { color: #806f67; font-size: 10px; }
.footer-meta { text-align: left; }
.footer-meta span { color: #9a8880; font-size: 10px; }
.footer-meta i { width: 1px; height: 24px; background: rgba(255,255,255,.15); }
.footer-meta small { min-width: 24px; color: #aa9a93; font-size: 11px; text-align: center; }

@media (max-width: 1180px) {
  .consult .consult-inner { padding: 48px; gap: 38px; }
  .consult-copy { padding-right: 30px; }
  .consult-promises { flex-wrap: wrap; justify-content: flex-start; }
  .consult-promises li + li::after { display: none; }
  .footer-main { grid-template-columns: 250px 1fr; gap: 42px; }
  .site-footer nav { grid-template-columns: repeat(4, 1fr); row-gap: 28px; }
}

@media (max-width: 920px) {
  .consult .consult-inner { padding: 48px 38px; grid-template-columns: 1fr; }
  .consult-copy { padding-right: 0; }
  .consult-copy::after { display: none; }
  .consult-copy > p br,.consult-card p br { display: none; }
  .footer-main { grid-template-columns: 1fr; }
  .footer-brand { padding-right: 0; }
  .footer-brand::after { display: none; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 680px) {
  .consult { padding: 42px 14px 54px; }
  .consult .consult-inner { padding: 36px 22px; border-radius: 16px; }
  .consult h2 { font-size: clamp(29px, 8.2vw, 34px); }
  .consult-card { padding: 28px 22px; }
  .consult-card h3 { font-size: 23px; }
  .consult-promises { display: grid; }
  .site-footer { padding: 46px 0 36px; }
  .site-footer .footer-inner { width: calc(100% - 36px); }
  .site-footer nav { grid-template-columns: repeat(2, 1fr); }
  .footer-legal,.footer-meta { flex-wrap: wrap; gap: 16px 24px; }
}

@media (min-width:1351px) and (max-height:1000px) {
  .hero-product-stage { transform:translateY(-50%) scale(.92); }
}

@media (min-width:1351px) and (max-height:850px) {
  .hero-product-stage { transform:translateY(-50%) scale(.76); }
  .hero-reference .hero-copy { top:7%; }
  .hero-reference h1 { font-size:54px; line-height:1.48; }
  .hero-reference .hero-summary { margin-top:10px; line-height:1.8; }
  .hero-pains { margin-top:22px; }
  .hero-reference .hero-actions { margin-top:26px; }
}

/* Four capabilities · consulting intelligence workspace */
@media (min-width:921px) {
  .core-capabilities {
    min-height:calc(100svh - 68px);
    padding:24px 0 20px;
    background:
      radial-gradient(circle at 50% 40%,rgba(239,109,41,.055),transparent 34rem),
      linear-gradient(180deg,#fffdfb 0%,#fbf7f3 100%);
  }
  .core-capabilities::before { opacity:.18; background-size:64px 64px; }
  .core-capabilities .capability-shell { width:min(1670px,calc(100% - 48px)); }
  .capability-heading { max-width:1040px; margin:0 auto 26px; }
  .capability-heading h2 { font-size:clamp(44px,3.05vw,52px); line-height:1.1; letter-spacing:-.045em; }
  .capability-heading p { margin-top:10px; color:#746d68; font-size:15px; line-height:1.65; }

  .capability-tabs { position:relative; gap:20px; }
  .capability-tabs::before { content:"选择一个决策痛点，点击切换对应解法 →"; position:absolute; right:2px; top:-23px; color:#a69890; font-size:10px; letter-spacing:.04em; }
  .capability-tabs button {
    position:relative; min-height:110px; padding:18px 34px; gap:25px;
    overflow:visible; border:1px solid #cfd1d2; border-radius:9px;
    color:#1f1a17; background:rgba(255,255,255,.76); box-shadow:none;
  }
  .capability-tabs button::after { content:""; position:absolute; left:50%; bottom:-17px; width:0; height:0; border-left:17px solid transparent; border-right:17px solid transparent; border-top:17px solid transparent; transform:translateX(-50%); transition:border-color .2s; }
  .capability-tabs button:hover { transform:translateY(-2px); border-color:#ef7a43; background:#fff; box-shadow:0 12px 24px rgba(114,64,40,.07); }
  .capability-tabs button > i { width:64px; height:64px; border-color:#d8dadb; color:#171412; background:#fff; font-size:28px; }
  .capability-tabs button span { position:relative; min-width:0; }
  .capability-tabs button em { margin:0 0 7px; color:#342d29; font-size:13px; letter-spacing:0; }
  .capability-tabs button b { color:#171412; font-size:25px; line-height:1; white-space:nowrap; }
  .capability-tabs button small { position:absolute; left:0; top:calc(100% + 7px); width:max-content; margin:0; opacity:0; color:#dd4d12; font-size:9px; transition:opacity .18s,transform .18s; transform:translateY(3px); }
  .capability-tabs button.active { border-color:#f05418; color:#171412; background:#fff; box-shadow:0 10px 24px rgba(210,70,15,.08); }
  .capability-tabs button.active::after { border-top-color:#f05418; }
  .capability-tabs button.active > i { border-color:#f05418; color:white; background:linear-gradient(145deg,#ff6a18,#e74306); box-shadow:0 8px 18px rgba(224,69,7,.22); }
  .capability-tabs button.active em { color:#ed4e12; }
  .capability-tabs button.active b { color:#ed4e12; }

  .capability-stage { min-height:500px; height:500px; margin-top:25px; grid-template-columns:470px 1fr; gap:24px; }
  .capability-brief { padding:28px 29px 24px; border-color:#ece6e1; border-radius:16px; box-shadow:0 15px 38px rgba(101,61,42,.07); }
  .capability-meta { display:flex; align-items:center; justify-content:space-between; gap:15px; }
  .capability-count { color:#f04c10; font-size:14px; }
  .capability-pain-badge { padding:8px 13px; border-radius:8px; color:#e94f18; background:#fff0e8; font-size:11px; font-weight:700; white-space:nowrap; }
  .capability-brief h3 { margin-top:18px; font-size:31px; letter-spacing:-.04em; }
  .capability-brief > p { margin-top:12px; color:#6c625d; font-size:15px; line-height:1.75; }
  .capability-solution-title { margin-top:20px; padding:18px 0 0 20px; border-top:1px solid #e8e1dc; color:#312923; font-size:14px; }
  .capability-solution-title::before { content:""; position:absolute; width:3px; height:18px; margin-left:-20px; background:#f05218; }
  .capability-brief ul { margin:10px 0 16px; }
  .capability-brief li { margin:10px 0; padding-left:28px; font-size:13px; }
  .capability-brief li::before { content:"✓"; font-size:17px; }
  .capability-cta { height:50px; border-radius:9px; background:linear-gradient(135deg,#ff570c,#e64103); font-size:14px; box-shadow:0 10px 20px rgba(223,66,3,.17); }

  .capability-dashboard { border-color:#e5ded9; border-radius:15px; box-shadow:0 16px 38px rgba(94,57,39,.08); }
  .capability-dashboard > header { height:42px; padding:0 16px; display:flex; justify-content:space-between; gap:15px; background:#fff; }
  .capability-demo-title { display:flex!important; align-items:center; gap:10px!important; }
  .capability-demo-title i { color:#686c70; font-size:16px; font-style:normal; }
  .capability-demo-title b { color:#27221f; font-size:13px!important; }
  .capability-demo-title strong { margin-left:10px; padding-left:14px; border-left:1px solid #ddd6d2; color:#dd4d13; font-size:10px; font-weight:700; }
  .capability-dashboard > header > small { color:#5c5551; font-size:12px; letter-spacing:.12em; }
  .capability-video-stage { height:458px; padding:8px; background:#f2f0ee; }
  .capability-video-stage video { object-fit:cover; border-radius:8px; background:#e6e3e1; }
  .capability-video-caption { display:none; }

}

@media (min-width:921px) and (max-width:1350px) {
  .core-capabilities .capability-shell { width:calc(100% - 40px); }
  .capability-tabs { gap:10px; }
  .capability-tabs button { min-height:100px; padding:14px 17px; gap:13px; }
  .capability-tabs button > i { width:52px; height:52px; font-size:23px; }
  .capability-tabs button b { font-size:20px; }
  .capability-stage { height:470px; min-height:470px; grid-template-columns:370px 1fr; gap:16px; }
  .capability-video-stage { height:428px; }
}

/* MOSS unified orange palette: solid accents use the centre tone; large fields use one subtle gradient. */
.button-primary,
.hero-reference .button-primary,
.nav-consult,
.capability-cta,
.scenario-case-center {
  border-color: var(--brand-orange-dark);
  background: var(--brand-orange-gradient);
  box-shadow: 0 12px 26px rgba(213, 79, 36, .18);
}

.button-primary:hover,
.hero-reference .button-primary:hover,
.nav-consult:hover,
.capability-cta:hover,
.scenario-case-center:hover {
  border-color: #ca461e;
  background: linear-gradient(110deg, #e85d2a 0%, #da5225 55%, #ca461e 100%);
  box-shadow: 0 14px 30px rgba(213, 79, 36, .23);
}

.consult,
.scenario-tabs button.active,
.judgement-panel,
.comparison-head .moss-col {
  background: var(--brand-orange-gradient) !important;
}

.agent-card > header > i,
.scenario-icon,
.banner-star,
.float-card header i,
.capability-tabs button.active > i {
  background: var(--brand-orange-gradient);
  box-shadow: 0 8px 18px rgba(213, 79, 36, .2);
}

.hero-reference h1 span,
.hero-pains i,
.capability-count,
.capability-tabs button.active em,
.capability-tabs button.active b,
.capability-tabs button small,
.capability-demo-title strong {
  color: var(--brand-orange);
}

.capability-tabs button:hover,
.capability-tabs button.active {
  border-color: var(--brand-orange);
}

.capability-tabs button.active::after {
  border-top-color: var(--brand-orange);
}

.capability-pain-badge {
  color: var(--brand-orange-dark);
  background: rgba(223, 89, 41, .1);
}

.capability-solution-title::before {
  background: var(--brand-orange);
}

.market-share i,
.bars i,
.capability-bars i {
  background: linear-gradient(90deg, var(--brand-orange), var(--brand-orange-light));
}

.trend-lines::before,
.risk-line::after,
.sparkline::before,
.capability-chart-plot::before {
  background: var(--brand-orange);
}

/* Hero visual system: the closing showcase's glow, grain and orbital language in a quieter register. */
.hero-reference {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 78% 45%, rgba(238, 101, 43, .13) 0%, rgba(246, 157, 91, .07) 27%, transparent 53%),
    radial-gradient(circle at 100% 6%, rgba(255, 197, 137, .18), transparent 28%),
    linear-gradient(112deg, #fff 0%, #fffdfb 42%, #fff8f1 72%, #fff5eb 100%);
}

.hero-reference::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 43%;
  right: -15%;
  bottom: -54%;
  height: 112%;
  opacity: .22;
  border-radius: 50%;
  pointer-events: none;
  background: repeating-radial-gradient(ellipse at 55% 45%, transparent 0 13px, rgba(223, 89, 41, .28) 14px, transparent 15px 23px);
  transform: rotate(-4deg);
}

.hero-reference::after {
  content: "";
  position: absolute;
  z-index: 0;
  display: block;
  inset: 0;
  opacity: .24;
  pointer-events: none;
  background-image: radial-gradient(rgba(223, 89, 41, .3) .65px, transparent .8px);
  background-size: 9px 9px;
  mask-image: linear-gradient(90deg, transparent 0 44%, #000 67%, transparent 100%);
}

.hero-reference-glow {
  z-index: 1;
  background:
    radial-gradient(circle at 73% 52%, rgba(255, 181, 105, .23) 0 1%, rgba(238, 91, 34, .09) 18%, transparent 43%),
    radial-gradient(circle at 91% 28%, rgba(255,255,255,.94), transparent 18%);
}

.hero-reference-inner {
  z-index: 2;
}

.hero-product-stage::before {
  filter: blur(2px);
  background:
    radial-gradient(circle at 52% 50%, rgba(255,255,255,.86) 0 25%, rgba(244, 134, 65, .18) 47%, transparent 70%);
}

.stage-orbit {
  box-shadow: inset 0 0 42px rgba(235, 102, 35, .025), 0 0 38px rgba(235, 102, 35, .025);
}

.market-dashboard {
  box-shadow: 0 32px 70px rgba(126, 63, 31, .16), 0 0 0 8px rgba(255,255,255,.52), 0 0 65px rgba(239, 108, 42, .09);
}

.hero-pains article {
  position: relative;
  overflow: hidden;
  border-color: rgba(223, 89, 41, .13);
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,250,246,.88));
  box-shadow: 0 14px 32px rgba(112, 63, 38, .07), inset 0 1px rgba(255,255,255,.8);
}

.hero-pains article::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: -18px;
  height: 24px;
  border-radius: 50%;
  background: rgba(223, 89, 41, .16);
  filter: blur(16px);
}

.float-card {
  background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(255,249,245,.93));
  box-shadow: 0 18px 42px rgba(103, 54, 30, .13), inset 0 1px rgba(255,255,255,.9);
  backdrop-filter: blur(8px);
}

@media (max-width: 1100px) {
  .hero-reference::before { left: 28%; opacity: .17; }
  .hero-reference::after { opacity: .15; }
}

@media (max-width: 680px) {
  .hero-reference::before { left: -15%; right: -45%; bottom: -25%; opacity: .12; }
  .hero-reference::after { opacity: .1; mask-image: linear-gradient(180deg, transparent, #000 58%, transparent); }
  .hero-reference-glow { opacity: .75; }
}

/* Hero product abstraction: customer insight board extracted from the production interface. */
.client-dashboard {
  color: #24211f;
  background: rgba(255,255,255,.97);
}

.client-dashboard > .client-dashboard-head {
  height: 58px;
  padding: 0 18px;
  gap: 20px;
  border-bottom: 1px solid #ebe8e5;
  color: #282522;
  background: rgba(255,255,255,.98);
}

.client-dashboard-head .market-logo {
  flex: 0 0 auto;
  font-size: 13px;
}

.client-dashboard-head .market-logo img {
  display: block;
  width: 18px;
  height: 18px;
}

.client-dashboard-head nav {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(10px, 1.3vw, 22px);
  overflow: hidden;
  color: #615c58;
  font-size: 8px;
  white-space: nowrap;
}

.client-dashboard-head nav b {
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 2px solid var(--brand-orange);
  color: var(--brand-orange);
}

.client-dashboard-body {
  height: calc(100% - 58px);
  padding: 14px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #fbfaf9;
}

.client-search {
  display: grid;
  grid-template-columns: 70px 1fr;
  align-items: center;
  gap: 8px;
}

.client-search > small {
  color: #6d6864;
  font-size: 8px;
  font-weight: 700;
}

.client-search > div {
  height: 34px;
  padding-left: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e2e1df;
  border-radius: 5px;
  color: #494541;
  background: white;
  font-size: 9px;
}

.client-search button {
  align-self: stretch;
  padding: 0 13px;
  border: 0;
  border-left: 1px solid #eee9e5;
  color: var(--brand-orange-dark);
  background: #fff7f2;
  font-size: 8px;
  font-weight: 750;
}

.client-profile {
  min-height: 70px;
  padding: 13px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid #cfe7d3;
  border-radius: 7px;
  background: linear-gradient(100deg, #fbfffc, #f1faee);
}

.client-profile h2 {
  margin: 0 0 7px;
  font-size: 15px;
  letter-spacing: -.02em;
}

.client-profile small { color: #8a8682; font-size: 7px; }
.client-profile ul { margin: 0; padding: 0; display: flex; gap: 7px; list-style: none; }
.client-profile li { padding: 5px 8px; border-radius: 999px; color: #3263b1; background: #e5efff; font-size: 7px; white-space: nowrap; }
.client-profile li:first-child { color: #2c7b45; background: #ebf9ed; }

.client-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
}

.client-metrics article {
  position: relative;
  min-width: 0;
  min-height: 90px;
  padding: 13px 12px 10px;
  overflow: hidden;
  border: 1px solid #e9e7e4;
  border-radius: 7px;
  background: white;
  box-shadow: 0 6px 12px rgba(50,43,38,.04);
}

.client-metrics article::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: #72b3d7;
}

.client-metrics article:nth-child(2)::before { background: #91b979; }
.client-metrics article:nth-child(3)::before { background: #71a0b3; }
.client-metrics article:nth-child(4)::before { background: #779ddb; }
.client-metrics small,.client-metrics b,.client-metrics span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.client-metrics small { color: #3485b8; font-size: 8px; font-weight: 700; }
.client-metrics article:nth-child(2) small,.client-metrics article:nth-child(2) b { color: #588937; }
.client-metrics article:nth-child(3) small,.client-metrics article:nth-child(3) b { color: #27647f; }
.client-metrics article:nth-child(4) small,.client-metrics article:nth-child(4) b { color: #3c72c7; }
.client-metrics b { margin-top: 10px; color: #2f84b7; font-size: 18px; }
.client-metrics b em { margin-left: 2px; font-size: 8px; font-style: normal; }
.client-metrics span { margin-top: 6px; color: #8c8783; font-size: 7px; }

.client-basics {
  flex: 1;
  min-height: 118px;
  padding: 14px 16px;
  border: 1px solid #e6e4e1;
  border-radius: 7px;
  background: white;
}

.client-basics > header {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #f0eeec;
  font-size: 9px;
}

.client-basics > header::before { content: ""; width: 3px; height: 14px; border-radius: 2px; background: #3f75de; }
.client-basics > header span { color: #97918d; font-size: 7px; }
.client-basics > div { margin-top: 12px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 36px; }
.client-basics p { margin: 0; }
.client-basics p small,.client-basics p b { display: block; }
.client-basics p small { color: #96908c; font-size: 7px; }
.client-basics p b { margin-top: 5px; overflow: hidden; color: #35312e; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }

.mini-client-profile {
  margin: 2px 18px 0;
  padding: 14px;
  display: grid;
  gap: 7px;
  border: 1px solid #d5ead8;
  border-radius: 8px;
  background: linear-gradient(120deg,#fbfffc,#f1faee);
}

.mini-client-profile strong { font-size: 13px; }
.mini-client-profile span { width: max-content; padding: 3px 7px; border-radius: 10px; color: #347847; background: #e8f7eb; font-size: 8px; }
.mini-client-profile em { overflow: hidden; color: #837972; font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 1100px) {
  .client-dashboard > .client-dashboard-head { height: 54px; }
  .client-dashboard-head nav { gap: 9px; }
  .client-dashboard-body { height: calc(100% - 54px); padding: 12px 14px; gap: 8px; }
  .client-profile { min-height: 60px; padding: 10px 12px; }
  .client-metrics article { min-height: 76px; padding: 10px; }
  .client-basics { min-height: 100px; padding: 11px 13px; }
}

/* Home hero SVG composition · generic industry intelligence */
.hero-product-stage > img { position:absolute; display:block; }
.hero-product-stage { --hero-pointer-x:52%; --hero-pointer-y:46%; }
.hero-track-effects { position:absolute; z-index:2; inset:0; overflow:hidden; border-radius:50%; pointer-events:none; }
.hero-pointer-glow { position:absolute; left:var(--hero-pointer-x); top:var(--hero-pointer-y); width:260px; height:260px; border-radius:50%; opacity:0; background:radial-gradient(circle,rgba(255,158,88,.28) 0,rgba(239,89,29,.1) 30%,transparent 70%); filter:blur(8px); transform:translate(-50%,-50%); transition:opacity .35s ease; }
.hero-product-stage.is-pointer-active .hero-pointer-glow { opacity:1; }
.track-light { position:absolute; left:50%; top:50%; width:0; height:0; transform-origin:center; }
.track-light i { position:absolute; width:9px; height:9px; border:2px solid rgba(255,255,255,.95); border-radius:50%; background:#f45a24; box-shadow:0 0 9px 3px rgba(244,90,36,.52),0 0 24px 9px rgba(255,147,80,.22); }
.track-light-a i { transform:translateX(405px); }
.track-light-b i { transform:translateX(338px); }
.track-light-c i { transform:translateX(270px); }
.hero-orbit-asset { z-index:1; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; }
.hero-dashboard-asset { z-index:4; left:20.8%; top:20.5%; width:65.7%; height:auto; filter:drop-shadow(0 26px 38px rgba(104,62,38,.14)); }
.hero-float-asset { z-index:7; height:auto; filter:drop-shadow(0 20px 28px rgba(105,62,39,.14)); transition:transform .45s var(--ease),filter .45s var(--ease); }
.hero-float-asset:hover { transform:translateY(-7px); filter:drop-shadow(0 27px 34px rgba(105,62,39,.19)); }
.hero-portrait-asset { left:1.5%; top:7%; width:21%; }
.hero-opportunity-asset { right:0; top:9%; width:21%; }
.hero-chain-asset { left:8.6%; bottom:5%; width:22%; }
.hero-risk-asset { right:1%; bottom:4%; width:22%; }

@media (min-width:1101px) {
  .hero-product-stage { width:1000px; height:900px; }
}

@media (max-width:1100px) {
  .hero-dashboard-asset { left:20%; top:20%; width:66%; }
}

@media (prefers-reduced-motion:no-preference) {
  .track-light-a { animation:heroTrackOrbit 18s linear infinite; }
  .track-light-b { animation:heroTrackOrbit 14s linear -5s infinite reverse; }
  .track-light-c { animation:heroTrackOrbit 11s linear -2s infinite; }
  .hero-portrait-asset { animation:heroCardFloat 5.6s ease-in-out infinite alternate; }
  .hero-opportunity-asset { animation:heroCardFloat 6.2s ease-in-out -1.4s infinite alternate; }
  .hero-chain-asset { animation:heroCardFloat 6.8s ease-in-out -2.1s infinite alternate; }
  .hero-risk-asset { animation:heroCardFloat 5.9s ease-in-out -.8s infinite alternate; }
}

@keyframes heroCardFloat { from { transform:translateY(-2px); } to { transform:translateY(7px); } }
@keyframes heroTrackOrbit { to { transform:rotate(360deg); } }

/* Screenshot-aligned capability workspace — 2026-08-06 */
.core-capabilities { min-height:0; padding:22px 0 18px; background:radial-gradient(circle at 50% 42%,#fff 0,#fffaf7 54%,#fdf3ed 100%); }
.core-capabilities::before { display:none; }
.core-capabilities .capability-shell { width:min(1600px,calc(100% - 48px)); }
.capability-heading { margin-bottom:48px; }
.capability-heading h2 { color:#090807; font-size:40px; font-weight:750; letter-spacing:-.035em; }
.capability-heading p { margin-top:12px; color:#6c6865; font-size:14px; }
.capability-frame { position:relative; min-height:0; padding:12px 12px 22px; border:1px solid rgba(236,224,217,.72); border-radius:20px; background:rgba(255,255,255,.58); box-shadow:0 12px 38px rgba(129,74,43,.025); }
.capability-tabs { gap:24px; }
.capability-tabs button { min-height:106px; padding:14px 42px; gap:24px; border-color:#f0ebe8; border-radius:16px; background:rgba(255,255,255,.76); box-shadow:0 10px 28px rgba(87,54,36,.035); }
.capability-tabs button > i { width:60px; height:60px; font-size:26px; }
.capability-tabs button em { margin-bottom:7px; font-size:13px; font-style:normal; font-weight:700; }
.capability-tabs button b { font-size:23px; }
.capability-tabs button.active { border-color:#ff551e; border-width:1.5px; }
.capability-tabs button.active::after { bottom:-10px; border-left-width:10px; border-right-width:10px; border-top-width:10px; border-top-color:#ff551e; }
.capability-tabs button.active > i { border-color:#ff8e60; background:radial-gradient(circle,#ff5a16 0 30%,#ffbd9c 31% 63%,#fff3ec 64%); box-shadow:none; font-size:0; }
.capability-tabs button.active > i::after { content:"✳"; color:#fff; font-size:18px; }
.capability-arrow { position:absolute; z-index:6; top:calc(12px + 106px + 48px + 260px); width:56px; height:56px; display:grid; place-items:center; border:1px solid #efe4dc; border-radius:50%; color:#ff510f; background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,248,244,.96)); box-shadow:0 10px 25px rgba(91,54,33,.08); transform:translateY(-50%); transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s; }
.capability-arrow i { display:block; font-style:normal; font-size:30px; line-height:1; transition:transform .18s ease; }
.capability-arrow:hover { border-color:#ffb793; background:#fff; box-shadow:0 14px 32px rgba(91,54,33,.12); }
.capability-arrow:hover i { transform:translateX(2px); }
.capability-arrow:focus-visible { outline:3px solid rgba(255,81,15,.18); outline-offset:4px; }
.capability-arrow-prev { left:-28px; color:#d7d1cb; }
.capability-arrow-prev:hover { color:#aa9f96; }
.capability-arrow-next { right:-28px; }
.capability-arrow-next:hover { color:#ff6a23; }
.capability-stage { --capability-brief-width:280px; height:520px; min-height:520px; margin-top:48px; grid-template-columns:var(--capability-brief-width) minmax(0,1fr); gap:0; overflow:hidden; border:1px solid #eee8e4; border-radius:14px; background:#fff; box-shadow:0 15px 35px rgba(88,52,32,.035); }
.capability-brief { padding:16px 16px 14px; border:0; border-right:1px solid #eee9e6; border-radius:0; box-shadow:none; }
.capability-meta { justify-content:flex-start; }
.capability-count { font-size:15px; }
.capability-brief h3 { margin-top:10px; font-size:25px; }
.capability-brief > p { margin-top:10px; font-size:12px; line-height:1.7; }
.capability-solution-title { margin-top:12px; padding:9px 0 0 17px; font-size:12px; }
.capability-solution-title::before { height:18px; margin-left:-17px; }
.capability-brief ul { margin:7px 0 8px; }
.capability-brief li { margin:7px 0; padding-left:19px; font-size:11px; }
.capability-brief li::before { font-size:14px; }
.capability-output { margin:0 0 10px; padding:10px 12px; border-color:#ffb38f; background:#fffaf7; }
.capability-output small { margin-bottom:5px; color:#ff4f10; font-size:10px; }
.capability-output strong { color:#181514; font-size:11px; line-height:1.7; }
.capability-cta { height:48px; font-size:13px; }
.capability-dashboard { border:0; border-radius:0; box-shadow:none; background:#fff; }
.capability-dashboard { position:relative; }
.capability-arrow-next::after { content:""; position:absolute; right:13px; bottom:16px; width:16px; height:2px; border-radius:999px; background:linear-gradient(90deg,rgba(255,81,15,0),rgba(255,81,15,.55)); animation:capability-arrow-glide 1.8s ease-in-out infinite; }
.capability-demo-embed { position:absolute; z-index:5; inset:0; display:block; width:100%; height:100%; border:0; background:#eef0ed; }
.capability-demo-embed[hidden] { display:none; }
.capability-demo-fallback { position:absolute; z-index:5; inset:0; display:block; width:100%; height:100%; object-fit:cover; background:#eef0ed; }
.capability-demo-fallback[hidden] { display:none; }
.capability-demo-active > .dashboard-title,
.capability-demo-active > .dashboard-content { visibility:hidden; pointer-events:none; }
.dashboard-title { height:44px; padding:13px 28px; border-bottom:1px solid #eee9e6; color:#211d1a; font-size:12px; font-weight:700; }
.dashboard-content { height:430px; padding:34px 18px 0; background:linear-gradient(180deg,#fff,#fffdfc); }
.dashboard-kpis { margin:0; gap:10px; }
.dashboard-kpis > span { position:relative; height:92px; padding:10px 12px; overflow:hidden; background:#fff; box-shadow:0 4px 15px rgba(79,53,38,.035); }
.dashboard-kpis small { font-size:9px; }
.dashboard-kpis b { margin-top:8px; font-size:20px; }
.dashboard-kpis b em { font-size:9px; font-style:normal; font-weight:500; }
.dashboard-kpis label { position:absolute; left:12px; bottom:9px; color:#8f8985; font-size:8px; }
.dashboard-kpis label strong { color:#16ae49; }
.spark { position:absolute; right:13px; bottom:18px; width:68px; height:28px; clip-path:polygon(0 80%,18% 55%,36% 68%,54% 35%,72% 50%,100% 3%,100% 14%,73% 63%,55% 48%,37% 81%,19% 68%,0 94%); background:#ff5a1a; }
.spark-green { background:#12b746; }.spark-purple { background:#814cff; }
.dashboard-widgets { margin-top:10px; grid-template-columns:1.35fr 1fr 1fr; gap:8px; }
.dashboard-widgets > section { height:216px; padding:11px; }
.capability-chart header { font-size:9px; }.capability-chart header span { font-size:7px; }.capability-chart header i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#ff5d1f; }
.trend-chart { position:relative; height:174px; margin-top:7px; overflow:hidden; border-bottom:1px solid #e9e4e1; background:repeating-linear-gradient(to bottom,transparent 0 37px,#f1eeec 38px); }
.chart-bars { position:absolute; inset:25px 14px 17px; display:flex; align-items:flex-end; justify-content:space-around; }
.chart-bars i { width:9px; background:linear-gradient(#ff5c19,#ffb991); box-shadow:13px 0 0 rgba(255,119,63,.3); }
.chart-bars i:nth-child(1){height:28%}.chart-bars i:nth-child(2){height:43%}.chart-bars i:nth-child(3){height:38%}.chart-bars i:nth-child(4){height:51%}.chart-bars i:nth-child(5){height:47%}.chart-bars i:nth-child(6){height:62%}.chart-bars i:nth-child(7){height:72%}.chart-bars i:nth-child(8){height:83%}
.trend-chart svg { position:absolute; inset:20px 8px 18px; width:calc(100% - 16px); height:120px; overflow:visible; }.trend-chart polyline { fill:none; stroke:#ff5717; stroke-width:2; }.trend-chart .line-soft { stroke:#ff9b74; stroke-width:1.3; }
.chart-years { position:absolute; left:10px; right:6px; bottom:0; display:flex; justify-content:space-between; color:#77716d; font-size:6px; }
.opportunity-map > b,.industry-news > b { font-size:10px; }.opportunity-map > b small { color:#88817d; font-size:7px; }
.bubble-map { position:relative; height:154px; margin-top:8px; border-left:1px solid #e8e3e0; border-bottom:1px solid #e8e3e0; }.bubble { position:absolute; border-radius:50%; filter:drop-shadow(0 4px 8px rgba(80,53,40,.08)); }
.b1{left:52%;top:18%;width:34px;height:34px;background:linear-gradient(135deg,#ffc6ad,#ff5f39)}.b2{left:47%;top:53%;width:20px;height:20px;background:linear-gradient(135deg,#d9d0ff,#7068ea)}.b3{left:13%;top:67%;width:15px;height:15px;background:#7ed3a4}.b4{left:40%;top:76%;width:15px;height:15px;background:#ff7c8d}.b5{left:22%;top:83%;width:14px;height:14px;background:#72cff4}
.bubble-map span { position:absolute; color:#79736f; font-size:7px; }.bl1{left:28%;top:32%}.bl2{left:62%;top:55%}.bl3{left:2%;top:70%}.bl4{left:54%;top:78%}.bl5{left:28%;top:87%}
.opportunity-map footer { display:flex; justify-content:space-between; color:#817a76; font-size:6px; }
.industry-news ul { margin:11px 0 0; padding:0; list-style:none; }.industry-news li { padding:9px 0; display:grid; grid-template-columns:1fr auto; gap:6px; border-bottom:1px solid #f0ece9; color:#77716d; font-size:7px; }.industry-news time { color:#747c92; }.industry-news a { margin-top:12px; display:flex; justify-content:space-between; color:#256cff; font-size:8px; font-weight:700; text-decoration:none; }
.dashboard-deliverables { height:52px; margin:10px -18px 0; padding:0 20px; display:flex; align-items:center; gap:12px; border-top:1px solid #eee9e6; }.dashboard-deliverables b { font-size:10px; }.dashboard-deliverables span { padding:8px 12px; border:1px solid #f0ece9; border-radius:6px; color:#7e7773; background:#fff; font-size:8px; }.dashboard-deliverables button { margin-left:auto; padding:9px 15px; border:1px solid #ff9b6f; border-radius:6px; color:#ff4f0d; background:#fff; font-size:9px; font-weight:700; }

@media (max-width:1100px) {
  .core-capabilities .capability-shell { width:calc(100% - 72px); }.capability-frame { padding-left:12px; padding-right:12px; }.capability-arrow { width:48px; height:48px; top:calc(12px + 106px + 48px + 260px); }.capability-arrow-prev { left:-24px; }.capability-arrow-next { right:-24px; }.capability-tabs { gap:10px; }.capability-tabs button { padding:12px 16px; gap:12px; }.capability-stage { --capability-brief-width:300px; grid-template-columns:300px minmax(720px,1fr); overflow-x:auto; }
}
@media (max-width:680px) {
  .core-capabilities { padding-top:64px; }.core-capabilities .capability-shell { width:calc(100% - 28px); }.capability-frame { min-height:auto; padding:10px 10px 22px; }.capability-heading { margin-bottom:28px; }.capability-heading h2 { font-size:36px; }.capability-stage { --capability-brief-width:100%; height:auto; min-height:0; margin-top:22px; grid-template-columns:1fr; overflow:visible; }.capability-arrow { display:none; }.capability-dashboard { overflow-x:auto; }.dashboard-title,.dashboard-content { width:900px; }.capability-brief { border-right:0; border-bottom:1px solid #eee9e6; }
}

/* Screenshot-aligned Agent showcase — 2026-08-06 */
.agent-capability { min-height:940px; padding:105px 0 34px; background:radial-gradient(circle at 50% 4%,#fff 0,#fffdfb 36%,#fcf4ef 100%); }
.agent-capability::before,.agent-capability::after { top:-35px; width:58%; height:44%; border-top:1px solid rgba(231,159,122,.19); box-shadow:none; }
.agent-capability::before { left:-8%; transform:rotate(-7deg); }.agent-capability::after { right:-8%; transform:scaleX(-1) rotate(-7deg); }
.agent-capability .section-shell { width:min(1825px,calc(100% - 112px)); }
.agent-heading { margin-bottom:92px; }
.agent-heading h2 { color:#211a17; font-size:64px; font-weight:760; letter-spacing:-.045em; }
.agent-heading h2 span { color:#D95E3A; }
.agent-heading p { max-width:1320px; margin-top:22px; color:#78706c; font-size:21px; line-height:1.6; }
.agent-grid { gap:28px; }
.agent-card { position:relative; min-height:560px; padding:54px 40px 40px; overflow:visible; border-color:#f0e9e5; border-radius:25px; background:rgba(255,255,255,.9); box-shadow:0 18px 50px rgba(99,58,37,.055); }
.agent-card .agent-pain { position:absolute; left:50%; top:-43px; min-width:260px; height:64px; padding:0 30px; display:flex; align-items:center; justify-content:center; border:1px solid #f5eee9; border-radius:18px; color:#b8512c; background:rgba(255,255,255,.94); box-shadow:0 12px 32px rgba(112,66,43,.045); font-size:18px; font-weight:750; transform:translateX(-50%); }
.agent-card > header { min-height:142px; grid-template-columns:120px 1fr; gap:28px; align-items:center; }
.agent-card > header > i { width:112px; height:112px; border-radius:0; clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%); background:linear-gradient(145deg,#ff6d20,#ed3f08 74%); box-shadow:none; }
.agent-card > header > i::before { content:""; position:absolute; inset:11px; opacity:.15; border-radius:50%; background:radial-gradient(circle,#fff,transparent 65%); }
.agent-card > header > i img { position:relative; z-index:1; width:59px; height:59px; }
.agent-card h3 { margin:0; color:#181513; font-size:29px; font-weight:650; letter-spacing:-.025em; }
.agent-card header p { margin:15px 0 0; color:#7c7470; font-size:16px; line-height:1.5; }
.agent-card header b { display:none; }
.agent-tags { margin:8px 0 30px; gap:10px; }
.agent-tags span { padding:14px 5px; border-color:#f0dfd7; border-radius:9px; color:#bd684b; background:#fffaf7; font-size:13px; }
.agent-dashboard.agent-dashboard-pair { height:230px; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr; gap:10px; }
.agent-dashboard.agent-dashboard-pair section { height:230px; padding:23px 18px; border-color:#eee7e3; border-radius:12px; background:#fff; }
.agent-dashboard.agent-dashboard-pair section > b { color:#3d3733; font-size:13px; }
.customer-leads > strong { display:block; margin-top:20px; font-size:27px; }.customer-leads > strong em { color:#ff5a27; font-size:16px; font-style:normal; }
.agent-dashboard-pair .sparkline { left:18px; right:18px; bottom:26px; height:88px; background:none; }
.agent-dashboard-pair .sparkline::before { background:#ff551f; box-shadow:35px -8px 0 #ff551f,75px 3px 0 #ff551f,115px -17px 0 #ff551f; }
.agent-dashboard-pair .sparkline i { background:#ff551f; }
.customer-demand .donut { left:24px; top:68px; width:105px; height:105px; border-width:25px; border-color:#f9e4db; border-top-color:#ee4a14; border-right-color:#ff8b25; }
.customer-demand > small { right:12px!important; top:68px!important; font-size:11px!important; line-height:3!important; }.customer-demand > small i { width:8px; height:8px; margin-right:7px; display:inline-block; border-radius:50%; background:#f05a20; }
.customer-demand > small i:nth-of-type(2) { background:#efefef; }.customer-demand > small i:nth-of-type(3) { background:#ccc; }
.agent-dashboard-pair .risk-list p { margin:17px 0!important; padding:0; border:0; background:none; color:#6f6864; font-size:11px; }.agent-dashboard-pair .risk-list p i { width:8px; height:8px; margin-right:11px; display:inline-block; border-radius:50%; background:#ff5420; }.agent-dashboard-pair .risk-list p:nth-of-type(3) i { background:#777; }.agent-dashboard-pair .risk-list em { color:#ff5a35; font-size:11px; font-weight:700; }
.agent-dashboard-pair .multi-lines { inset:65px 20px 25px; background:none; }.agent-dashboard-pair .multi-lines i { height:2px; background:#ff5f62; }.agent-dashboard-pair .multi-lines i:nth-child(2) { background:#ff9e32; }.agent-dashboard-pair .multi-lines i:nth-child(3) { background:#cfd0d2; }
.sentiment-status > strong { display:block; margin-top:32px; color:#ff5a2a!important; font-size:26px!important; }.sentiment-status > p { margin-top:21px!important; color:#55504d!important; font-size:11px!important; }.sentiment-status > div { position:absolute; left:18px; right:18px; bottom:38px; display:grid; grid-template-columns:42fr 36fr 22fr; gap:4px; }.sentiment-status > div i { height:9px; border-radius:5px; background:#ff571e; }.sentiment-status > div i:nth-child(2){background:#ff9636}.sentiment-status > div i:nth-child(3){background:#d9d9da}
.agent-sentiment .finance-line::after { content:""; position:absolute; inset:0; opacity:.2; background:linear-gradient(to top,#ff6a32,transparent 78%); clip-path:polygon(0 75%,16% 71%,34% 49%,52% 58%,70% 35%,88% 20%,100% 8%,100% 100%,0 100%); }

@media (max-width:1320px) {
  .agent-capability .section-shell { width:calc(100% - 40px); }.agent-heading h2 { font-size:clamp(44px,5vw,62px); }.agent-card { padding-left:22px; padding-right:22px; }.agent-card > header { grid-template-columns:90px 1fr; gap:15px; }.agent-card > header > i { width:84px; height:84px; }.agent-card > header > i img { width:44px; height:44px; }.agent-card h3 { font-size:22px; }.agent-card .agent-pain { min-width:210px; padding:0 18px; font-size:15px; }
}
@media (max-width:900px) {
  .agent-capability { padding-top:78px; }.agent-heading { margin-bottom:72px; }.agent-heading h2 { white-space:normal; }.agent-heading p { font-size:16px; }.agent-grid { grid-template-columns:1fr; gap:76px; }.agent-card { width:100%; max-width:680px; }.agent-card > header { grid-template-columns:110px 1fr; }.agent-card > header > i { width:100px; height:100px; }
}
@media (max-width:520px) {
  .agent-card { padding:50px 16px 20px; }.agent-card > header { grid-template-columns:76px 1fr; }.agent-card > header > i { width:70px; height:70px; }.agent-card > header > i img { width:38px; height:38px; }.agent-card h3 { font-size:20px; }.agent-card header p { font-size:13px; }.agent-tags { grid-template-columns:1fr 1fr; }.agent-dashboard.agent-dashboard-pair { height:auto; grid-template-columns:1fr; }.agent-dashboard.agent-dashboard-pair section { height:210px; }
}

/* Agent card proportion and high-fidelity chart refinement */
.agent-capability { min-height:max(1080px,100svh); padding-bottom:110px; }
.agent-capability .section-shell { width:min(1690px,calc(100% - 120px)); }
.agent-heading { margin-bottom:84px; }
.agent-heading h2 { font-size:58px; }
.agent-heading p { max-width:1240px; font-size:18px; }
.agent-grid { gap:24px; }
.agent-card { min-height:526px; padding:54px 32px 34px; }
.agent-card > header { min-height:136px; grid-template-columns:108px 1fr; gap:24px; }
.agent-card > header > i { width:100px; height:100px; }
.agent-card > header > i {
  border-radius:0;
  clip-path:none;
  -webkit-mask-image:url("assets/icons/shared/rounded-hex-mask.svg?v=20260806-02");
  mask-image:url("assets/icons/shared/rounded-hex-mask.svg?v=20260806-02");
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-mode:alpha;
  mask-mode:alpha;
}
.agent-card > header > i img { width:52px; height:52px; }
.agent-card h3 { font-size:27px; }
.agent-card header p { margin-top:13px; font-size:15px; }
.agent-card .agent-pain { min-width:240px; height:58px; top:-39px; font-size:16px; }
.agent-tags { margin:4px 0 26px; gap:8px; }
.agent-tags span { padding:12px 4px; font-size:12px; }
.agent-dashboard.agent-dashboard-pair { height:244px; gap:9px; }
.agent-dashboard.agent-dashboard-pair section { height:244px; padding:20px 17px; }
.agent-dashboard.agent-dashboard-pair section > b { font-size:12px; }
.customer-leads > strong { margin-top:17px; font-size:25px; }
.customer-leads > strong em { font-size:14px; }
.customer-demand .donut { top:72px; width:100px; height:100px; border-width:23px; }
.customer-demand > small { top:72px!important; font-size:10px!important; }
.agent-chart { position:absolute; left:17px; right:17px; bottom:18px; height:126px; overflow:hidden; }
.agent-chart::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(to bottom,transparent 0 30px,rgba(231,225,221,.65) 31px); pointer-events:none; }
.agent-chart svg { position:relative; z-index:1; width:100%; height:100%; display:block; overflow:visible; }
.agent-chart path { vector-effect:non-scaling-stroke; }
.customer-chart { height:112px; }
.customer-chart::before { opacity:.55; }
.chart-area { fill:url(#customerArea); }
.chart-line { fill:none; stroke:#ff551d; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 3px 4px rgba(255,85,29,.14)); }
.chart-points circle { fill:#ff551d; stroke:#fff; stroke-width:1.8; vector-effect:non-scaling-stroke; filter:drop-shadow(0 2px 3px rgba(255,85,29,.22)); }
.risk-chart,.sentiment-chart { height:160px; bottom:16px; }
.risk-chart::before,.sentiment-chart::before { display:none; }
.chart-grid path { fill:none; stroke:#eee8e4; stroke-width:1; vector-effect:non-scaling-stroke; }
.risk-area { fill:url(#riskArea); }
.risk-high,.risk-mid,.risk-low { fill:none; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.risk-high { stroke:#ff5a60; stroke-width:2.4; filter:drop-shadow(0 3px 4px rgba(255,90,96,.12)); }
.risk-mid { stroke:#ff9c32; stroke-width:2.1; }
.risk-low { stroke:#c9cdd1; stroke-width:1.8; }
.sentiment-area { fill:url(#sentimentArea); }
.sentiment-line { fill:none; stroke:#ff551d; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 3px 4px rgba(255,85,29,.15)); }
.chart-days { position:absolute; z-index:2; left:0; right:0; bottom:0; display:flex; justify-content:space-between; color:#aaa29e; font-size:7px; }
.sentiment-chart svg { height:142px; }
.sentiment-status > strong { margin-top:29px; }
.sentiment-status > div { bottom:43px; }
.agent-card { transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease); }
.agent-card:hover { transform:translateY(-5px); border-color:#ecd8ce; box-shadow:0 26px 58px rgba(99,58,37,.09); }

@media (max-width:1320px) {
  .agent-capability { min-height:1040px; padding-bottom:90px; }
  .agent-capability .section-shell { width:calc(100% - 48px); }
  .agent-card { padding-left:20px; padding-right:20px; }
  .agent-card > header { grid-template-columns:88px 1fr; gap:14px; }
  .agent-card > header > i { width:82px; height:82px; }
  .agent-card > header > i img { width:43px; height:43px; }
  .agent-card h3 { font-size:22px; }
}
@media (max-width:900px) {
  .agent-capability { min-height:auto; padding-bottom:96px; }
  .agent-card { min-height:526px; }
}
@media (max-width:520px) {
  .agent-card { min-height:0; }
  .agent-dashboard.agent-dashboard-pair { height:auto; }
  .agent-dashboard.agent-dashboard-pair section { height:226px; }
}

/* Keep the database-section headline on one line at every viewport. */
.intelligence-heading h2 { white-space:nowrap; }
@media (max-width:680px) {
  .intelligence-heading h2 { font-size:clamp(22px,6.3vw,39px); letter-spacing:-.06em; }
}

/* Database + differentiation palette aligned with Capability and Agent pages. */
#intelligence {
  background:
    radial-gradient(circle at 50% 12%,rgba(255,255,255,.98) 0,rgba(255,255,255,.7) 30%,transparent 58%),
    linear-gradient(180deg,#fffdfa 0%,#fdf8f4 62%,#fbf3ee 100%);
  background-image:url("assets/backgrounds/database-orbit-grid.svg"),
    radial-gradient(circle at 50% 12%,rgba(255,255,255,.98) 0,rgba(255,255,255,.7) 30%,transparent 58%),
    linear-gradient(180deg,#fffdfa 0%,#fdf8f4 62%,#fbf3ee 100%);
  background-position:center top;
  background-size:cover;
}
#intelligence .intelligence-heading h2,
.contrast .section-heading h2 { color:#171210; }
#intelligence .intelligence-heading p,
.contrast .section-heading p { color:#746a65; }
.data-positioning article {
  border-color:#eee5df;
  background:rgba(255,255,255,.86);
  box-shadow:0 12px 30px rgba(94,57,39,.045);
}
.data-positioning .positioning-generic { background:rgba(255,255,255,.72); }
.data-positioning .positioning-moss {
  border-color:#efc9b8;
  background:linear-gradient(135deg,#fff 0%,#fff9f5 72%,#fff2eb 100%);
  box-shadow:0 15px 34px rgba(111,66,43,.065);
}
.positioning-moss h3 { color:var(--brand-orange-dark); }
.versus { border-color:#eee4de; color:#7d7069; background:#fff; box-shadow:0 8px 20px rgba(94,57,39,.055); }
.database-brief {
  border-color:#eee5df;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 30px rgba(94,57,39,.045);
  min-height:410px;
  padding:22px 20px 20px;
}
.database-brief:hover { border-color:#efbca5; box-shadow:0 20px 42px rgba(94,57,39,.075); }
.database-brief header > i {
  position:relative;
  width:58px;
  height:58px;
  overflow:hidden;
  border:1px solid rgba(202,70,30,.28);
  border-radius:17px;
  background:var(--brand-orange-gradient);
  box-shadow:0 9px 20px rgba(213,79,36,.16);
}
.database-brief header > i::after {
  content:"";
  position:absolute;
  inset:1px;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 58%);
  pointer-events:none;
}
.database-brief header > i img {
  position:relative;
  z-index:1;
  width:31px;
  height:31px;
  filter:none;
}
.database-brief:hover header > i { box-shadow:0 12px 24px rgba(213,79,36,.22); }
.database-brief header { align-items:center; gap:14px; padding-bottom:15px; border-bottom:1px solid #f0e3dc; }
.database-brief header > i { flex:none; width:52px; height:52px; border-radius:12px; }
.database-brief header > i::after { border-radius:10px; }
.database-brief header > i img { width:31px; height:31px; }
.database-brief header h3 { margin:0; font-size:20px; letter-spacing:-.04em; }
.database-metrics { margin-top:21px; display:grid; gap:19px; }
.database-metrics p { margin:0; display:grid; gap:4px; }
.database-metrics p > span { color:#665a54; font-size:12px; line-height:1.35; }
.database-metrics strong { color:#e95720; font:700 36px/1.05 "Avenir Next",sans-serif; letter-spacing:-.055em; }
.database-metrics strong small { margin-left:3px; color:#e95720; font-size:17px; font-weight:650; letter-spacing:-.02em; }
.database-brief .brief-tags { margin-top:auto; gap:8px; }
.database-brief .brief-tags span { flex:1 1 calc(50% - 8px); min-width:0; padding:7px 6px; text-align:center; border-color:#f0e1d8; color:#776861; background:#fffaf7; font-size:11px; }
.assurance-row { margin-top:30px; padding:16px 20px; background:rgba(255,255,255,.9); box-shadow:0 12px 30px rgba(94,57,39,.045); }
.assurance-row span { min-height:58px; padding:0 24px; display:grid; grid-template-columns:52px 1fr; grid-template-rows:auto auto; column-gap:12px; align-content:center; border-right:1px solid #f0dfd7; }
.assurance-row i { width:52px; height:52px; margin:0; grid-row:1 / span 2; display:grid; place-items:center; border-radius:50%; background:#fff5ed; }
.assurance-row i img { width:30px; height:30px; }
.assurance-row b { align-self:end; color:#241b18; font-size:15px; line-height:1.25; }
.assurance-row small { align-self:start; margin-top:4px; color:#897b74; font-size:11px; line-height:1.35; }

@media (max-width:1320px) {
  .database-brief { min-height:430px; }
  .database-metrics strong { font-size:32px; }
  .assurance-row span { padding:0 14px; }
}
@media (max-width:920px) {
  .assurance-row { grid-template-columns:repeat(2,1fr); row-gap:16px; }
  .assurance-row span { min-height:58px; border-bottom:1px solid #f0dfd7; }
  .assurance-row span:nth-child(2n) { border-right:0; }
  .assurance-row span:nth-last-child(-n+2) { border-bottom:0; }
}
@media (max-width:680px) {
  #intelligence { background-size:auto 680px,cover,cover; }
  .database-brief { min-height:390px; }
  .database-metrics strong { font-size:34px; }
  .assurance-row { padding:15px 12px; }
  .assurance-row span { grid-template-columns:42px 1fr; column-gap:9px; padding:0 8px; }
  .assurance-row i { width:42px; height:42px; }
  .assurance-row i img { width:28px; height:28px; }
  .assurance-row b { font-size:13px; }
  .assurance-row small { font-size:10px; }
}

/* Agent chart tokens derived from the capability-dashboard visual language. */
.agent-capability {
  --chart-primary:#ef5b2a;
  --chart-primary-soft:#f49a76;
  --chart-peach:#f6c0a8;
  --chart-blue:#5d9fe8;
  --chart-green:#73c39d;
  --chart-violet:#7554e8;
  --chart-neutral:#c9c9c8;
  --chart-grid:#eee9e5;
  --chart-axis:#dcd6d2;
  --chart-label:#88817d;
}
.agent-dashboard.agent-dashboard-pair section {
  border-color:#e9e1dc;
  background:#fff;
  box-shadow:0 5px 16px rgba(91,56,37,.025);
}
.agent-dashboard.agent-dashboard-pair section > b { color:#2d2927; }
.agent-chart::before {
  background:repeating-linear-gradient(to bottom,transparent 0 30px,var(--chart-grid) 31px);
}
.chart-grid path { stroke:var(--chart-grid); }
.chart-line,.sentiment-line {
  stroke:var(--chart-primary);
  filter:drop-shadow(0 3px 4px rgba(239,91,42,.12));
}
.chart-points circle {
  fill:var(--chart-primary);
  filter:drop-shadow(0 2px 3px rgba(239,91,42,.18));
}
.customer-chart #customerArea stop:first-child { stop-color:var(--chart-primary); stop-opacity:.18; }
.customer-chart #customerArea stop:last-child { stop-color:var(--chart-primary); stop-opacity:0; }
.sentiment-chart #sentimentArea stop:first-child { stop-color:var(--chart-primary); stop-opacity:.22; }
.sentiment-chart #sentimentArea stop:last-child { stop-color:var(--chart-primary); stop-opacity:0; }
.risk-chart #riskArea stop:first-child { stop-color:var(--chart-primary); stop-opacity:.12; }
.risk-chart #riskArea stop:last-child { stop-color:var(--chart-primary); stop-opacity:0; }
.risk-high {
  stroke:var(--chart-primary);
  filter:drop-shadow(0 3px 4px rgba(239,91,42,.1));
}
.risk-mid { stroke:var(--chart-blue); }
.risk-low { stroke:var(--chart-green); }
.chart-days { color:var(--chart-label); }
.customer-leads > strong em { color:var(--chart-primary); }
.customer-demand .donut {
  left:50%;
  top:68px;
  width:80px;
  height:80px;
  border:0;
  background:conic-gradient(var(--chart-primary) 0 39%,var(--chart-blue) 39% 68%,var(--chart-green) 68% 100%);
  transform:translateX(-50%);
  box-shadow:0 8px 20px rgba(239,91,42,.09);
}
.customer-demand .donut::after {
  content:"";
  position:absolute;
  inset:20px;
  border-radius:50%;
  background:#fff;
  box-shadow:inset 0 0 0 1px #f2ebe7;
}
.customer-demand-legend {
  position:absolute;
  right:14px;
  left:14px;
  top:165px;
  margin:0;
  padding:0;
  display:grid;
  gap:5px;
  list-style:none;
}
.customer-demand-legend li {
  display:grid;
  grid-template-columns:8px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  color:#7b6b63;
  font-size:10px;
  line-height:1.4;
}
.customer-demand-legend li > i {
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--chart-primary);
}
.customer-demand-legend li:nth-child(2) > i { background:var(--chart-blue); }
.customer-demand-legend li:nth-child(3) > i { background:var(--chart-green); }
.customer-demand-legend li > b {
  color:#7b6b63;
  font-size:inherit;
  font-weight:500;
}
.agent-dashboard-pair .risk-list p { color:#716a66; }
.agent-dashboard-pair .risk-list p i { background:var(--chart-primary); }
.agent-dashboard-pair .risk-list p:nth-of-type(2) i { background:var(--chart-blue); }
.agent-dashboard-pair .risk-list p:nth-of-type(3) i { background:var(--chart-green); }
.agent-dashboard-pair .risk-list em { color:var(--chart-primary); }
.sentiment-status > strong { color:var(--chart-primary)!important; }
.sentiment-status > p { color:#625c58!important; }
.sentiment-status > div i { background:var(--chart-primary); }
.sentiment-status > div i:first-child { background:var(--chart-green); }
.sentiment-status > div i:nth-child(2) { background:var(--chart-blue); }
.sentiment-status > div i:nth-child(3) { background:var(--chart-primary); }
.agent-sentiment .finance-line::after { display:none; }
.sentiment-line { stroke:var(--chart-violet); filter:drop-shadow(0 3px 4px rgba(117,84,232,.14)); }
.sentiment-chart .chart-points circle { fill:var(--chart-violet); filter:drop-shadow(0 2px 3px rgba(117,84,232,.2)); }
.sentiment-chart #sentimentArea stop:first-child { stop-color:var(--chart-violet); stop-opacity:.2; }
.sentiment-chart #sentimentArea stop:last-child { stop-color:var(--chart-violet); stop-opacity:0; }
.database-brief > small { color:#c45b34; }
.brief-tags span { border-color:#eee2db; color:#756963; background:#fffaf7; }
.database-brief > p { color:#716761; }
.database-brief > p::before { background:var(--brand-orange); }
.assurance-row { border-color:#eee4de; background:rgba(255,255,255,.82); box-shadow:0 12px 28px rgba(94,57,39,.035); }
.assurance-row span { border-color:#eee5df; color:#4d4541; }
.assurance-row i { padding:4px; border-radius:8px; background:#fff2eb; }

.contrast {
  background:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,1) 0,rgba(255,255,255,.8) 34%,transparent 62%),
    linear-gradient(180deg,#fffdfa 0%,#fdf8f4 64%,#fbf3ee 100%);
}
.contrast::before,.contrast::after { opacity:.12; }
.comparison {
  border-color:#e9dfd9;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 42px rgba(94,57,39,.06);
}
.comparison-row { border-color:#eee6e1; }
.comparison-row > * { border-color:#eee6e1; }
.comparison-head { background:#fffaf7; }
.comparison-head > span,
.comparison-head > b:not(.moss-col) { color:#3f3834; background:#fffaf7; }
.comparison-head .moss-col {
  color:#fff;
  background:var(--brand-orange-gradient)!important;
  box-shadow:-7px 0 20px rgba(213,79,36,.13);
}
.comparison-row:not(.comparison-head) > i { color:#77706c; background:rgba(255,255,255,.72); }
.comparison-row:not(.comparison-head) > span { background:#fffdfa; }
.comparison-row:not(.comparison-head):not(.summary-row) > .moss-col {
  color:var(--brand-orange-dark);
  background:linear-gradient(90deg,#fff5ef 0%,#fffaf7 20%,#fff 68%);
  box-shadow:inset 3px 0 var(--brand-orange),-5px 0 16px rgba(94,57,39,.025);
}
.comparison-row:not(.comparison-head):not(.summary-row) > .moss-col .comparison-check {
  color:#fff;
  background:var(--brand-orange);
  box-shadow:0 5px 12px rgba(213,79,36,.14);
}
.summary-row > * { background:#fcfaf8; }
.summary-row > .moss-col {
  color:var(--brand-orange-dark);
  background:linear-gradient(90deg,#fff2eb,#fffaf7 38%,#fff);
  box-shadow:inset 3px 0 var(--brand-orange);
}
.comparison-quote { color:#5d514b; }
.summary-row .moss-col .comparison-quote { color:var(--brand-orange-dark); text-shadow:none; }
.compare-icon { border-color:#eee0d8; background:#fff6f1; }
.difference-pillars {
  border-color:#e9dfd9;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 32px rgba(94,57,39,.045);
}
.difference-pillars > span { border-color:#eee5df; color:#3f3935; }
.difference-pillars i { padding:6px; border-radius:13px; background:#fff3ed; }
.difference-pillars i img { width:36px; height:36px; }

/* 方案三 优化：替换占位字符图标（品牌规范禁止 Unicode 字符作为图标） */
.dashboard-deliverables span { display: inline-flex; align-items: center; gap: 9px; }
.dashboard-deliverables .doc-glyph { width: 13px; height: 15px; flex: 0 0 auto; border: 1.5px solid var(--brand-orange); border-top-width: 5px; border-radius: 3px; background: var(--brand-orange-soft); }

/* Capability demo viewport: preserve the full 16:9 canvas without iframe scrolling. */
.capability-stage {
  --capability-brief-width: 260px;
  height: auto;
  min-height: 0;
  grid-template-columns: var(--capability-brief-width) minmax(0, 1fr);
  gap: 30px;
  align-items: stretch;
}
.capability-dashboard {
  min-width: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
.capability-dashboard:not(.capability-video) {
  overflow: hidden;
}
.capability-demo-embed {
  overflow: hidden;
}

@media (min-width: 1101px) {
  .core-capabilities .capability-shell {
    width: min(1780px, calc(100% - 40px));
  }
}

@media (min-width: 681px) and (max-width: 1100px) {
  .core-capabilities .capability-shell {
    width: calc(100% - 40px);
  }
  .capability-stage {
    --capability-brief-width: 100%;
    grid-template-columns: 1fr;
    overflow: hidden;
  }
  .capability-brief {
    border-right: 0;
    border-bottom: 1px solid #eee9e6;
  }
  .capability-dashboard {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .capability-dashboard {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }
}

/* 方案三 优化：修复「专业 Agent」区 pain 徽章 logo 比例失调。
   徽章此前无尺寸约束、固定按固有 32px 渲染，与 15–18px 文案严重不成比例；
   改用 em 自适应约束，使徽章随文案字号等比缩放，保持各断点视觉一致。 */
.agent-pain img { width: 1.2em; height: 1.2em; flex: 0 0 auto; margin-right: .4em; }

/* 方案四 · 市场洞察成果展示（仅在 hero 方案四 + 市场洞察时启用） */
.capability-tab-icon-four,
.capability-four-market { display:none; }

html[data-active-hero-variant="four"] .core-capabilities {
  --moss-four-brand:#d95e3a;
  --moss-four-brand-deep:#b74729;
  --moss-four-brand-soft:#f8e9e3;
  --moss-four-peach:#f5e5de;
  --moss-four-ink:#1d1b1a;
  --moss-four-muted:#746d69;
  --moss-four-line:#e7dfda;
  background:#fcfaf9;
}

html[data-active-hero-variant="four"] .capability-heading { margin-bottom:clamp(38px,4vw,58px); }

html[data-active-hero-variant="four"] .capability-frame {
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

html[data-active-hero-variant="four"] .capability-tabs {
  display:none;
  gap:10px;
  padding:6px;
  border:1px solid #ece6e2;
  border-radius:17px;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 30px rgba(59,43,35,.035);
}

html[data-active-hero-variant="four"] .capability-tabs::before { display:none; }

html[data-active-hero-variant="four"] .capability-tabs button {
  min-height:78px;
  padding:12px 18px;
  gap:13px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  box-shadow:none;
  transform:none;
}

html[data-active-hero-variant="four"] .capability-tabs button::after { display:none; }

html[data-active-hero-variant="four"] .capability-tabs button:hover {
  border-color:#e9ddd7;
  background:#fff;
  box-shadow:0 8px 20px rgba(60,42,34,.05);
  transform:none;
}

html[data-active-hero-variant="four"] .capability-tabs button > i {
  width:44px;
  height:44px;
  border:1px solid #e8dfda;
  color:#635a56;
  background:#fff;
  box-shadow:none;
  font-size:18px;
}

html[data-active-hero-variant="four"] .capability-tabs button > i > span { display:none; }
html[data-active-hero-variant="four"] .capability-tabs button .capability-tab-icon-four { width:23px; height:23px; display:block; object-fit:contain; }
html[data-active-hero-variant="four"] .capability-tabs button > span { position:static; }
html[data-active-hero-variant="four"] .capability-tabs button em { margin:0 0 4px; color:#77706c; font-size:11px; line-height:1.2; }
html[data-active-hero-variant="four"] .capability-tabs button b { color:#282422; font-size:18px; line-height:1.25; }
html[data-active-hero-variant="four"] .capability-tabs button small { display:none; }

html[data-active-hero-variant="four"] .capability-tabs button.active {
  border-color:#e5c5b9;
  color:var(--moss-four-ink);
  background:#fff;
  box-shadow:0 10px 24px rgba(96,57,42,.08);
}

html[data-active-hero-variant="four"] .capability-tabs button.active > i {
  border-color:rgba(217,94,58,.22);
  color:var(--moss-four-brand);
  background:var(--moss-four-brand-soft);
  box-shadow:none;
  font-size:18px;
}

html[data-active-hero-variant="four"] .capability-tabs button.active > i::after { display:none; }
html[data-active-hero-variant="four"] .capability-tabs button.active em { color:var(--moss-four-brand); }
html[data-active-hero-variant="four"] .capability-tabs button.active b { color:var(--moss-four-ink); }

html[data-active-hero-variant="four"] .capability-four-market {
  margin-top:0;
  display:grid;
  grid-template-columns:minmax(0,1.95fr) minmax(300px,.72fr);
  gap:clamp(36px,4vw,72px);
  align-items:end;
}

html[data-active-hero-variant="four"] .capability-stage,
html[data-active-hero-variant="four"] .capability-arrow { display:none; }

.capability-four-visual {
  min-width:0;
  min-height:650px;
  padding:70px 0 0 66px;
  overflow:hidden;
  border:0;
  border-radius:28px;
  background:
    radial-gradient(circle at 78% 20%,rgba(255,255,255,.62),transparent 38%),
    linear-gradient(145deg,#f8ede8 0%,#f4e3dc 100%);
}

.capability-four-window {
  min-width:890px;
  height:620px;
  padding:13px 13px 16px;
  border-top:9px solid #1d1c1b;
  border-left:9px solid #1d1c1b;
  border-radius:28px 0 0;
  background:#fff;
  box-shadow:0 25px 60px rgba(81,51,39,.17);
}

.market-result-grid {
  height:100%;
  display:grid;
  grid-template-columns:minmax(320px,.9fr) minmax(500px,1.35fr);
  grid-template-rows:304px minmax(0,1fr);
  gap:10px;
}

.market-result-panel {
  min-width:0;
  overflow:hidden;
  border:1px solid var(--moss-four-line,#e7dfda);
  border-radius:13px;
  background:#fff;
  box-shadow:0 4px 14px rgba(62,45,37,.035);
}

.market-result-header {
  min-height:64px;
  padding:14px 16px 10px;
  display:flex;
  align-items:flex-start;
  gap:10px;
}

.market-result-header > div { min-width:0; }
.market-result-icon { width:28px; height:28px; display:grid; place-items:center; flex:0 0 auto; border-radius:8px; background:#f8ece7; }
.market-result-icon img { width:19px; height:19px; display:block; object-fit:contain; }
.market-result-header h3 { margin:0; color:#25211f; font-size:15px; font-weight:760; line-height:1.3; letter-spacing:-.015em; }
.market-result-header p { margin:3px 0 0; overflow:hidden; color:#8a817c; font-size:8px; line-height:1.5; text-overflow:ellipsis; white-space:nowrap; }

.market-quadrant {
  position:relative;
  height:225px;
  margin:0 20px 15px 36px;
  border-left:1px solid #cfc9c5;
  border-bottom:1px solid #cfc9c5;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),#e9e4e1 calc(50% - .5px),#e9e4e1 calc(50% + .5px),transparent calc(50% + .5px)),
    linear-gradient(0deg,transparent calc(50% - .5px),#e9e4e1 calc(50% - .5px),#e9e4e1 calc(50% + .5px),transparent calc(50% + .5px));
}

.market-quadrant::before,
.market-quadrant::after { content:""; position:absolute; width:0; height:0; border-style:solid; }
.market-quadrant::before { left:-4px; top:-1px; border-width:0 4px 6px; border-color:transparent transparent #aaa29d; }
.market-quadrant::after { right:-1px; bottom:-4px; border-width:4px 0 4px 6px; border-color:transparent transparent transparent #aaa29d; }
.market-axis { position:absolute; z-index:2; color:#5f5854; font-size:8px; font-weight:650; letter-spacing:.05em; }
.market-axis-y { left:-29px; top:50%; writing-mode:vertical-rl; transform:translateY(-50%) rotate(180deg); }
.market-axis-x { left:50%; bottom:-14px; transform:translateX(-50%); white-space:nowrap; }

.market-bubble {
  position:absolute;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eeeae8;
  box-shadow:0 7px 18px rgba(67,48,39,.06);
  font-style:normal;
}
.market-bubble b { color:#514b48; font-size:8px; font-weight:700; white-space:nowrap; }
.market-bubble-priority { left:58%; top:15%; width:64px; height:64px; background:var(--moss-four-brand,#d95e3a); }
.market-bubble-priority b { color:#fff; }
.market-bubble-growth { left:20%; top:17%; width:50px; height:50px; background:#f4ddd3; }
.market-bubble-watch { left:18%; top:64%; width:45px; height:45px; background:#e7e9ec; }
.market-bubble-reserve { left:66%; top:68%; width:43px; height:43px; background:#f1e4de; }

.market-chain-map {
  height:225px;
  padding:0 16px 14px;
  display:grid;
  grid-template-columns:minmax(126px,.82fr) 22px minmax(125px,.9fr) 22px minmax(126px,.82fr);
  align-items:center;
  gap:5px;
}
.market-chain-column { min-width:0; }
.market-chain-column h4 { margin:0 0 10px; color:#3e3835; font-size:10px; text-align:center; }
.market-chain-column > div { display:grid; gap:7px; }
.market-chain-column span { min-height:31px; padding:7px 8px; display:flex; align-items:center; justify-content:center; border:1px solid #e9e3df; border-radius:8px; color:#514a46; background:#fff; box-shadow:0 3px 10px rgba(64,46,38,.035); font-size:8px; line-height:1.25; text-align:center; }
.market-chain-arrow { color:var(--moss-four-brand,#d95e3a); font-size:20px; text-align:center; }
.market-chain-core { position:relative; display:grid; place-items:center; }
.market-chain-core::before,
.market-chain-core::after { content:""; position:absolute; border:1px solid rgba(217,94,58,.11); border-radius:50%; }
.market-chain-core::before { width:142px; height:142px; }
.market-chain-core::after { width:168px; height:168px; border-style:dashed; }
.market-chain-core > div { position:relative; z-index:2; width:118px; height:118px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(145deg,#fbede7,#f7ded4); box-shadow:inset 0 0 0 1px rgba(217,94,58,.1); }
.market-chain-core img { width:28px; height:28px; margin-bottom:5px; }
.market-chain-core b { color:#302a27; font-size:12px; }
.market-chain-core strong { margin-top:4px; color:var(--moss-four-brand,#d95e3a); font-size:9px; }

.market-matrix-panel { grid-column:1 / -1; }
.market-matrix-header { min-height:56px; padding-top:11px; align-items:center; }
.market-matrix-header .market-result-icon { width:27px; height:27px; }
.market-generated { margin-left:auto; padding:5px 9px; border:1px solid rgba(217,94,58,.22); border-radius:999px; color:var(--moss-four-brand,#d95e3a); background:#fcf2ee; font-size:7px; font-weight:700; white-space:nowrap; }
.market-matrix-scroll { padding:0 12px 12px; overflow:auto; }
.market-matrix-scroll table { width:100%; min-width:780px; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid #e7e1dd; border-radius:8px; color:#4c4642; table-layout:fixed; }
.market-matrix-scroll th,
.market-matrix-scroll td { height:31px; padding:6px 9px; border-right:1px solid #ece6e2; border-bottom:1px solid #ece6e2; overflow:hidden; font-size:7px; line-height:1.25; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.market-matrix-scroll th { height:29px; color:#49423e; background:#faf9f8; font-weight:750; }
.market-matrix-scroll td:first-child { color:#2e2a28; font-weight:700; }
.market-matrix-scroll th:nth-child(1) { width:16%; }
.market-matrix-scroll th:nth-child(2) { width:14%; }
.market-matrix-scroll th:nth-child(3) { width:10%; }
.market-matrix-scroll th:nth-child(4) { width:13%; }
.market-matrix-scroll th:nth-child(5) { width:14%; }
.market-matrix-scroll th:nth-child(6) { width:33%; }
.market-matrix-scroll th:last-child,
.market-matrix-scroll td:last-child { border-right:0; }
.market-matrix-scroll tr:last-child td { border-bottom:0; }
.market-matrix-scroll tbody tr:nth-child(1) { background:#fbede7; }
.market-matrix-scroll tbody tr:nth-child(2) { background:#fcf3ee; }
.market-matrix-scroll tbody tr:nth-child(3),
.market-matrix-scroll tbody tr:nth-child(4) { background:#faf6e9; }
.market-matrix-scroll tbody tr:nth-child(5) { background:#f7f8fa; }
.market-matrix-scroll td b { display:inline-block; padding:4px 7px; border-radius:6px; font-size:7px; font-weight:760; }
.priority-p0 { color:#fff; background:var(--moss-four-brand,#d95e3a); }
.priority-p1 { color:#815e14; background:#f2d98d; }
.priority-p2 { color:#626972; background:#e7e9ed; }

/* 方案四 · 产业链关键成果大视觉 */
.market-chain-spotlight {
  height:100%;
  padding:20px 22px 18px;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:12px;
  overflow:hidden;
  border:1px solid var(--moss-four-line,#e7dfda);
  border-radius:14px;
  color:var(--moss-four-ink,#1d1b1a);
  background:#fff;
  box-shadow:0 5px 18px rgba(62,45,37,.035);
}

.chain-spotlight-header {
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}

.chain-spotlight-header-icon {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:10px;
  background:var(--moss-four-brand-soft,#f8e9e3);
}

.chain-spotlight-header-icon img { width:26px; height:26px; display:block; object-fit:contain; }
.chain-spotlight-header > div { min-width:0; display:grid; gap:2px; }
.chain-spotlight-eyebrow { color:var(--moss-four-brand,#d95e3a); font-size:9px; font-weight:760; line-height:1.2; letter-spacing:.12em; }
.chain-spotlight-header h3 { margin:0; color:#25211f; font-size:18px; font-weight:780; line-height:1.25; letter-spacing:-.02em; }
.chain-spotlight-status { margin-left:auto; padding:7px 11px; border:1px solid rgba(217,94,58,.18); border-radius:999px; color:#8f5644; background:#fcf4f1; font-size:9px; font-weight:680; line-height:1; white-space:nowrap; }

.chain-spotlight-metrics {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}

.chain-spotlight-metrics section {
  min-width:0;
  min-height:86px;
  padding:12px 15px 10px;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 1fr;
  column-gap:8px;
  border:1px solid #eee7e3;
  border-top:3px solid #d9ccc5;
  border-radius:11px;
  background:#fdfcfb;
}

.chain-spotlight-metrics section.is-primary {
  border-color:rgba(217,94,58,.2);
  border-top-color:var(--moss-four-brand,#d95e3a);
  background:linear-gradient(145deg,#fcf4f1,#fff 78%);
}

.chain-spotlight-metrics section > span { align-self:center; color:#655d59; font-size:10px; font-weight:700; line-height:1.25; }
.chain-spotlight-metrics strong { grid-row:1 / 3; grid-column:2; align-self:center; color:#292321; font-size:31px; font-weight:790; line-height:1; letter-spacing:-.045em; }
.chain-spotlight-metrics .is-primary strong { color:var(--moss-four-brand,#d95e3a); font-size:34px; }
.chain-spotlight-metrics strong small { margin-left:1px; font-size:13px; font-weight:720; letter-spacing:0; }
.chain-spotlight-metrics p { align-self:end; margin:4px 0 0; overflow:hidden; color:#9a918c; font-size:8.5px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }

.chain-spotlight-flow {
  min-height:0;
  padding:12px 14px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px 172px 24px minmax(0,1fr);
  align-items:stretch;
  gap:10px;
  border:1px solid #eee7e3;
  border-radius:13px;
  background:linear-gradient(180deg,#fff 0%,#fdfbf9 100%);
}

.chain-spotlight-side { min-width:0; display:grid; grid-template-rows:auto 1fr; gap:9px; }
.chain-spotlight-side header { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.chain-spotlight-side header span { color:#322d2a; font-size:11px; font-weight:760; line-height:1.2; }
.chain-spotlight-side header b { color:#9a918c; font-size:8px; font-weight:620; line-height:1.2; white-space:nowrap; }
.chain-spotlight-side > div { min-height:0; display:grid; grid-template-rows:repeat(3,1fr); gap:7px; }
.chain-spotlight-side > div > span {
  min-width:0;
  min-height:42px;
  padding:8px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  border:1px solid #ebe5e1;
  border-radius:9px;
  background:#fff;
  box-shadow:0 3px 10px rgba(64,46,38,.025);
}

.chain-spotlight-side > div b { overflow:hidden; color:#49413d; font-size:10px; font-weight:680; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.chain-spotlight-side > div em { padding:4px 6px; flex:0 0 auto; border-radius:999px; color:#8c5140; background:#faeee9; font-size:7.5px; font-style:normal; font-weight:700; line-height:1; white-space:nowrap; }
.chain-spotlight-downstream > div em { color:#6b5a50; background:#f2eeeb; }
.chain-spotlight-chevron { width:18px; height:36px; align-self:center; justify-self:center; display:block; object-fit:contain; }

.chain-spotlight-core {
  position:relative;
  min-width:0;
  padding:16px 10px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:18px;
  text-align:center;
  color:#fff;
  background:linear-gradient(145deg,#bd4b2a 0%,var(--moss-four-brand,#d95e3a) 60%,#e17b5b 100%);
  box-shadow:0 15px 28px rgba(171,68,38,.2);
}

.chain-spotlight-core::before { content:""; position:absolute; width:150px; height:150px; border:1px solid rgba(255,255,255,.13); border-radius:50%; }
.chain-spotlight-core-icon { position:relative; z-index:1; width:34px; height:34px; margin-bottom:5px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.92); }
.chain-spotlight-core-icon img { width:24px; height:24px; display:block; object-fit:contain; }
.chain-spotlight-core > span:not(.chain-spotlight-core-icon) { position:relative; z-index:1; font-size:9px; font-weight:700; line-height:1.2; letter-spacing:.1em; opacity:.84; }
.chain-spotlight-core strong { position:relative; z-index:1; margin-top:5px; font-size:42px; font-weight:800; line-height:.95; letter-spacing:-.055em; }
.chain-spotlight-core strong small { margin-left:1px; font-size:17px; font-weight:730; }
.chain-spotlight-core > b { position:relative; z-index:1; margin-top:5px; font-size:12px; font-weight:720; line-height:1.2; }
.chain-spotlight-core p { position:relative; z-index:1; margin:11px 0 0; padding:5px 8px; border:1px solid rgba(255,255,255,.25); border-radius:999px; font-size:7.5px; line-height:1; opacity:.9; }

.chain-spotlight-insight {
  min-width:0;
  min-height:62px;
  padding:11px 14px 10px;
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:12px;
  border-left:4px solid var(--moss-four-brand,#d95e3a);
  border-radius:8px 11px 11px 8px;
  background:linear-gradient(90deg,#fbede7 0%,#fdf8f5 62%,#fff 100%);
}

.chain-spotlight-insight > span { grid-row:1 / 3; padding:5px 7px; border-radius:6px; color:#fff; background:var(--moss-four-brand,#d95e3a); font-size:8px; font-weight:730; line-height:1; white-space:nowrap; }
.chain-spotlight-insight strong { color:#2e2926; font-size:13px; font-weight:760; line-height:1.25; }
.chain-spotlight-insight p { margin:3px 0 0; overflow:hidden; color:#837873; font-size:8.5px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }

/* 方案四 · 参考数据看板的分层式产业链成果 */
.market-chain-spotlight.market-chain-layered {
  position:relative;
  height:100%;
  padding:0;
  display:block;
  overflow:hidden;
  border:0;
  border-radius:18px 0 0;
  background:
    radial-gradient(circle at 7% 88%,rgba(217,94,58,.09),transparent 28%),
    radial-gradient(circle at 93% 12%,rgba(233,202,190,.22),transparent 24%),
    #f8f3f0;
}

html[data-active-hero-variant="four"] .capability-four-window { padding:0; }

.chain-layered-dashboard {
  position:absolute;
  inset:0;
  padding:21px 24px 23px;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  overflow:hidden;
  border:0;
  border-radius:18px 0 0;
  background:#fff;
  box-shadow:none;
}

.chain-layered-dashboard-header { min-width:0; min-height:50px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid #eee8e4; }
.chain-layered-dashboard-header > div { min-width:0; display:flex; align-items:center; }
.chain-layered-dashboard-header strong { overflow:hidden; color:#282321; font-size:24px; font-weight:800; line-height:1.2; letter-spacing:-.025em; text-overflow:ellipsis; white-space:nowrap; }
.chain-layered-status { padding:7px 10px; flex:0 0 auto; border:1px solid rgba(217,94,58,.16); border-radius:999px; color:#8e5847; background:#fcf3ef; font-size:10px; font-weight:700; line-height:1; }

.chain-layered-summary { margin-top:11px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.chain-layered-summary section { min-width:0; min-height:73px; padding:9px 11px; display:grid; grid-template-columns:1fr auto; grid-template-rows:auto 1fr; column-gap:7px; border:1px solid #eee8e4; border-radius:10px; background:#fbfaf9; }
.chain-layered-summary section:nth-child(2) { background:#fbf3ef; }
.chain-layered-summary span { color:#514a46; font-size:14px; font-weight:740; line-height:1.25; }
.chain-layered-summary strong { grid-row:1 / 3; grid-column:2; align-self:center; color:#332d2a; font-size:34px; font-weight:800; line-height:1; letter-spacing:-.05em; }
.chain-layered-summary section:nth-child(2) strong { color:var(--moss-four-brand,#d95e3a); }
.chain-layered-summary strong em { font-size:10px; font-style:normal; font-weight:700; }
.chain-layered-summary small { align-self:end; overflow:hidden; color:#746c68; font-size:10px; font-weight:500; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }

.chain-layered-map { min-height:0; margin-top:11px; padding:11px 12px; display:grid; grid-template-columns:minmax(0,1fr) 16px 118px 16px minmax(0,1fr); align-items:stretch; gap:7px; border:1px solid #eee8e4; border-radius:12px; background:#fdfcfb; }
.chain-layered-cluster { min-width:0; display:grid; grid-template-rows:auto 1fr; gap:7px; }
.chain-layered-cluster header { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:6px; }
.chain-layered-cluster header b { color:#342f2c; font-size:18px; font-weight:790; line-height:1.2; }
.chain-layered-cluster header small { color:#7f7671; font-size:10px; font-weight:500; line-height:1.2; white-space:nowrap; }
.chain-layered-cluster > div { min-height:0; display:grid; grid-template-rows:repeat(3,1fr); gap:5px; }
.chain-layered-cluster > div span { min-height:36px; padding:7px 9px; display:flex; align-items:center; border:1px solid #ebe5e1; border-radius:7px; color:#4c4541; background:#fff; font-size:12px; font-weight:680; line-height:1.3; box-shadow:0 2px 6px rgba(63,45,37,.025); }
.chain-layered-chevron { width:12px; height:25px; align-self:center; justify-self:center; display:block; object-fit:contain; opacity:.72; }
.chain-layered-core { min-width:0; padding:10px 8px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(217,94,58,.2); border-radius:13px; text-align:center; background:linear-gradient(145deg,#fff 0%,#fbebe4 100%); box-shadow:0 8px 18px rgba(104,67,51,.065); }
.chain-layered-core > span { width:35px; height:35px; display:grid; place-items:center; border:1px solid rgba(217,94,58,.1); border-radius:10px; background:#fff; box-shadow:0 3px 9px rgba(88,55,42,.06); }
.chain-layered-core img { width:25px; height:25px; display:block; object-fit:contain; }
.chain-layered-core b { margin-top:7px; color:#3e3834; font-size:18px; font-weight:790; line-height:1.2; }
.chain-layered-core strong { margin-top:5px; color:var(--moss-four-brand,#d95e3a); font-size:36px; font-weight:810; line-height:1; letter-spacing:-.055em; }
.chain-layered-core strong em { margin-left:1px; font-size:10px; font-style:normal; font-weight:700; }
.chain-layered-core small { margin-top:4px; color:#746c68; font-size:10px; font-weight:500; line-height:1.2; }

.capability-four-copy { padding:0 clamp(8px,1vw,18px) 32px 0; }
.capability-four-copy h3 { max-width:none; margin:0; color:#0d0c0b; font-size:clamp(30px,2.5vw,46px); font-weight:760; line-height:1.08; letter-spacing:-.045em; white-space:nowrap; }
.capability-four-copy p { max-width:500px; margin:0 0 14px; color:#625c58; font-size:clamp(15px,1.15vw,20px); line-height:1.85; }
html[data-active-hero-variant="four"] .capability-four-copy h3 + p { margin-top:30px; }
@media (min-width:681px) and (max-width:1180px) {
  html[data-active-hero-variant="four"] .capability-tabs button { padding:10px 12px; gap:9px; }
  html[data-active-hero-variant="four"] .capability-tabs button > i { width:38px; height:38px; }
  html[data-active-hero-variant="four"] .capability-tabs button b { font-size:15px; }
  html[data-active-hero-variant="four"] .capability-four-market { grid-template-columns:1fr; gap:32px; }
  .capability-four-copy { padding:0 26px 16px; }
  .capability-four-copy h3 { font-size:38px; }
}

@media (max-width:680px) {
  html[data-active-hero-variant="four"] .capability-frame { padding:0; }
  html[data-active-hero-variant="four"] .capability-tabs { display:none; }
  html[data-active-hero-variant="four"] .capability-tabs::-webkit-scrollbar { display:none; }
  html[data-active-hero-variant="four"] .capability-tabs button { min-width:188px; min-height:66px; padding:9px 12px; scroll-snap-align:start; }
  html[data-active-hero-variant="four"] .capability-tabs button > i { width:36px; height:36px; }
  html[data-active-hero-variant="four"] .capability-tabs button em { font-size:9px; }
  html[data-active-hero-variant="four"] .capability-tabs button b { font-size:14px; }
  html[data-active-hero-variant="four"] .capability-four-market { margin-top:0; grid-template-columns:1fr; gap:28px; }
  .capability-four-visual { min-height:0; padding:28px 0 0 18px; border-radius:20px; }
  .capability-four-window { min-width:0; width:calc(100% + 1px); height:auto; padding:9px; border-top-width:6px; border-left-width:6px; border-radius:19px 0 0; }
  .market-result-grid { height:auto; grid-template-columns:1fr; grid-template-rows:auto; gap:8px; }
  .market-chain-spotlight { height:auto; padding:15px; gap:10px; border-radius:11px; }
  .chain-spotlight-header { align-items:flex-start; }
  .chain-spotlight-header-icon { width:34px; height:34px; border-radius:9px; }
  .chain-spotlight-header-icon img { width:23px; height:23px; }
  .chain-spotlight-header h3 { font-size:15px; }
  .chain-spotlight-status { max-width:102px; padding:6px 8px; overflow:hidden; font-size:7px; text-overflow:ellipsis; }
  .chain-spotlight-metrics { gap:6px; }
  .chain-spotlight-metrics section { min-height:77px; padding:9px 8px 8px; display:block; }
  .chain-spotlight-metrics section > span { display:block; min-height:24px; font-size:8px; }
  .chain-spotlight-metrics strong,
  .chain-spotlight-metrics .is-primary strong { display:block; margin-top:3px; font-size:24px; }
  .chain-spotlight-metrics strong small { font-size:10px; }
  .chain-spotlight-metrics p { margin-top:4px; font-size:6.6px; }
  .chain-spotlight-flow { padding:12px; grid-template-columns:1fr; gap:10px; }
  .chain-spotlight-side { gap:7px; }
  .chain-spotlight-side > div { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:auto; gap:5px; }
  .chain-spotlight-side > div > span { min-height:58px; padding:7px 6px; flex-direction:column; justify-content:center; text-align:center; }
  .chain-spotlight-side > div b { max-width:100%; font-size:8px; }
  .chain-spotlight-side > div em { font-size:6.5px; }
  .chain-spotlight-chevron { width:16px; height:24px; transform:rotate(90deg); }
  .chain-spotlight-core { min-height:185px; }
  .chain-spotlight-core strong { font-size:39px; }
  .chain-spotlight-insight { grid-template-columns:1fr; grid-template-rows:auto; gap:5px; padding:10px 11px; }
  .chain-spotlight-insight > span { grid-row:auto; justify-self:start; }
  .chain-spotlight-insight strong { font-size:11px; }
  .chain-spotlight-insight p { font-size:7.5px; white-space:normal; }
  .market-chain-spotlight.market-chain-layered { min-height:0; padding:12px; display:grid; gap:10px; }
  .chain-layered-dashboard { position:static; inset:auto; width:auto; height:auto; }
  .chain-layered-dashboard { padding:12px; border-radius:13px; }
  .chain-layered-dashboard-header strong { font-size:20px; }
  .chain-layered-status { font-size:9px; }
  .chain-layered-summary { gap:5px; }
  .chain-layered-summary section { min-height:67px; padding:8px 7px; display:block; }
  .chain-layered-summary span { min-height:19px; display:block; font-size:12px; }
  .chain-layered-summary strong { display:block; margin-top:4px; font-size:26px; }
  .chain-layered-summary small { margin-top:5px; display:block; font-size:9px; }
  .chain-layered-map { padding:9px 7px; grid-template-columns:minmax(0,1fr) 10px 84px 10px minmax(0,1fr); gap:3px; }
  .chain-layered-cluster header { display:block; }
  .chain-layered-cluster header b { display:block; font-size:14px; }
  .chain-layered-cluster header small { display:block; margin-top:3px; font-size:9px; }
  .chain-layered-cluster > div span { min-height:34px; padding:6px; font-size:10px; }
  .chain-layered-chevron { width:9px; height:18px; }
  .chain-layered-core { padding:8px 5px; }
  .chain-layered-core > span { width:24px; height:24px; }
  .chain-layered-core img { width:17px; height:17px; }
  .chain-layered-core b { font-size:14px; }
  .chain-layered-core strong { font-size:28px; }
  .chain-layered-core small { font-size:9px; }
  .market-result-panel { border-radius:11px; }
  .market-result-header { min-height:62px; padding:13px 13px 9px; }
  .market-result-header h3 { font-size:14px; }
  .market-result-header p { font-size:8px; white-space:normal; }
  .market-profile-panel,
  .market-chain-panel,
  .market-matrix-panel { grid-column:auto; }
  .market-quadrant { height:250px; margin:0 22px 23px 40px; }
  .market-chain-map { height:auto; padding:6px 16px 20px; grid-template-columns:1fr; gap:12px; }
  .market-chain-column h4 { font-size:11px; }
  .market-chain-column > div { grid-template-columns:1fr 1fr; }
  .market-chain-column span { min-height:38px; font-size:9px; }
  .market-chain-arrow { transform:rotate(90deg); }
  .market-chain-core { min-height:180px; }
  .market-matrix-header { flex-wrap:wrap; }
  .market-matrix-header > div { flex:1; }
  .market-generated { margin:0 0 0 38px; }
  .market-matrix-scroll { overflow-x:auto; padding-bottom:14px; }
  .market-matrix-scroll table { min-width:760px; }
  .market-matrix-scroll th,
  .market-matrix-scroll td { height:38px; font-size:8px; }
  .market-matrix-scroll td b { font-size:8px; }
  .capability-four-copy { padding:0 14px 8px; }
  .capability-four-copy h3 { font-size:32px; }
  .capability-four-copy p { font-size:15px; line-height:1.75; }
}

/* 方案四 · 四能力切换与洞察看板 · 2026-08-17 */
.capability-four-view-tabs { display:none; }

html[data-active-hero-variant="four"] .capability-heading { margin-bottom:22px; }

html[data-active-hero-variant="four"] .capability-four-view-tabs {
  width:max-content;
  max-width:100%;
  margin:0 auto clamp(34px,3.5vw,54px);
  padding:5px;
  display:grid;
  grid-template-columns:repeat(4,minmax(126px,1fr));
  gap:4px;
  overflow-x:auto;
  border:1px solid #e9e2de;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 30px rgba(68,47,38,.055);
  scrollbar-width:none;
}

html[data-active-hero-variant="four"] .capability-four-view-tabs::-webkit-scrollbar { display:none; }

.capability-four-view-tabs button {
  position:relative;
  min-height:42px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  color:#746c68;
  background:transparent;
  font:inherit;
  font-size:14px;
  font-weight:690;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:color 160ms ease,background-color 160ms ease,box-shadow 160ms ease;
}

.capability-four-view-tabs button:hover { color:#342e2b; background:#faf6f4; }
.capability-four-view-tabs button.is-active { color:#fff; background:var(--moss-four-brand,#d95e3a); box-shadow:0 6px 15px rgba(181,71,41,.22); }
.capability-four-view-tabs button:focus-visible { outline:2px solid var(--moss-four-brand,#d95e3a); outline-offset:3px; }

html[data-active-hero-variant="four"] .capability-four-market { display:block; }

.capability-four-panel[hidden] { display:none !important; }

.capability-four-carousel-indicators {
  width:max-content;
  margin:clamp(22px,2.5vw,34px) auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.capability-four-carousel-indicators button {
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#d8d0cb;
  cursor:pointer;
  transition:width 260ms cubic-bezier(.22,1,.36,1), background-color 160ms ease, transform 160ms ease;
}
.capability-four-carousel-indicators button:hover { background:#bfb4ae; transform:scale(1.08); }
.capability-four-carousel-indicators button.is-active { width:28px; background:var(--moss-four-brand,#d95e3a); transform:none; }
.capability-four-carousel-indicators button:focus-visible { outline:2px solid var(--moss-four-brand,#d95e3a); outline-offset:4px; }

html[data-active-hero-variant="four"] .capability-four-panel.is-active {
  display:grid;
  grid-template-columns:minmax(0,1.95fr) minmax(300px,.72fr);
  gap:clamp(36px,4vw,72px);
  align-items:end;
  animation:capability-four-panel-in-next 420ms cubic-bezier(.22,1,.36,1) both;
}

html[data-active-hero-variant="four"][data-capability-four-direction="previous"] .capability-four-panel.is-active {
  animation-name:capability-four-panel-in-previous;
}

.capability-four-panel .capability-four-copy h3 { white-space:normal; text-wrap:balance; }

@keyframes capability-four-panel-in-next {
  from { transform:translateX(48px); }
  to { transform:translateX(0); }
}
@keyframes capability-four-panel-in-previous {
  from { transform:translateX(-48px); }
  to { transform:translateX(0); }
}

.insight-dashboard {
  height:100%;
  padding:21px 24px 23px;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  overflow:hidden;
  border-radius:18px 0 0;
  color:#302b28;
  background:#fff;
}

.insight-dashboard-header {
  min-width:0;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid #eee8e4;
}

.insight-dashboard-header > div { min-width:0; display:flex; flex-direction:column; gap:3px; }
.insight-dashboard-header strong { overflow:hidden; color:#282321; font-size:24px; font-weight:800; line-height:1.2; letter-spacing:-.025em; text-overflow:ellipsis; white-space:nowrap; }
.insight-dashboard-header small { overflow:hidden; color:#837a75; font-size:10px; font-weight:520; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.insight-dashboard-status { padding:7px 10px; flex:0 0 auto; border:1px solid rgba(217,94,58,.16); border-radius:999px; color:#8e5847; background:#fcf3ef; font-size:10px; font-weight:700; line-height:1; }
.insight-dashboard-status-alert { color:#b74729; background:#fff0eb; }

.insight-dashboard-summary { margin-top:11px; display:grid; gap:8px; }
.insight-dashboard-summary-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.insight-dashboard-summary section { min-width:0; min-height:77px; padding:9px 11px; display:grid; align-content:start; border:1px solid #eee8e4; border-radius:10px; background:#fbfaf9; }
.insight-dashboard-summary section.is-critical { border-color:#f0cfc3; background:#fbf1ed; }
.insight-dashboard-summary span { overflow:hidden; color:#5b534f; font-size:11px; font-weight:700; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.insight-dashboard-summary strong { margin-top:4px; color:#342e2b; font-size:25px; font-weight:810; line-height:1; letter-spacing:-.04em; }
.insight-dashboard-summary section.is-critical strong,
.insight-dashboard-summary strong.is-trend { color:var(--moss-four-brand,#d95e3a); }
.insight-dashboard-summary small { margin-top:5px; overflow:hidden; color:#837a75; font-size:8.5px; font-weight:500; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }

.insight-chart-panel,
.risk-heatmap-panel {
  min-height:0;
  margin-top:11px;
  padding:13px 15px 11px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid #eee8e4;
  border-radius:12px;
  background:#fdfcfb;
}

.insight-chart-panel > header,
.risk-heatmap-panel > header { min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.insight-chart-panel > header > div:first-child,
.risk-heatmap-panel > header > div:first-child { min-width:0; display:grid; gap:3px; }
.insight-chart-panel header b,
.risk-heatmap-panel header b { color:#39322f; font-size:14px; font-weight:780; line-height:1.25; }
.insight-chart-panel header small,
.risk-heatmap-panel header small { color:#8a817c; font-size:8.5px; line-height:1.35; }

.insight-chart-legend,
.risk-heatmap-legend { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px 10px; }
.insight-chart-legend span,
.risk-heatmap-legend span { display:inline-flex; align-items:center; gap:5px; color:#726965; font-size:8px; font-weight:600; line-height:1.2; white-space:nowrap; }
.insight-chart-legend span::before,
.risk-heatmap-legend span::before { content:""; width:7px; height:7px; display:block; flex:0 0 auto; border-radius:2px; background:#d95e3a; }
.insight-chart-legend .is-coral::before { background:#d95e3a; }
.insight-chart-legend .is-amber::before { background:#d59323; }
.insight-chart-legend .is-blue::before { background:#5d79c7; }
.insight-chart-legend .is-green::before { background:#32806a; }
.insight-chart-legend .is-purple::before { background:#8560bd; }
.insight-chart-legend .is-gray::before { background:#d7d0ca; }
.insight-chart-legend-compact { max-width:390px; }

.capability-four-chart-canvas { width:100%; height:100%; min-height:265px; display:block; }

/* 方案四 · 商机摸排企业画像看板 */
.insight-dashboard-opportunity { grid-template-rows:auto auto minmax(0,1fr); }

.opportunity-score-strip {
  margin-top:11px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}

.opportunity-score-strip section {
  min-width:0;
  min-height:72px;
  padding:11px 14px 10px;
  display:grid;
  grid-template-rows:auto auto;
  align-content:center;
  border:1px solid #eee8e4;
  border-radius:9px;
  background:#fbfaf9;
}

.opportunity-score-strip section:nth-child(1) { background:#fcf4f0; }
.opportunity-score-strip section:nth-child(2) { background:#fff8e9; }
.opportunity-score-strip section:nth-child(3) { background:#f7f3fb; }
.opportunity-score-strip section:nth-child(4) { background:#f1f8f4; }
.opportunity-score-strip section > div { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:7px; }
.opportunity-score-strip span { overflow:hidden; color:#554c47; font-size:13px; font-weight:720; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
.opportunity-score-strip strong { color:#d05f3d; font-size:24px; font-weight:820; line-height:1; letter-spacing:-.04em; white-space:nowrap; }
.opportunity-score-strip section:nth-child(2) strong { color:#c79222; }
.opportunity-score-strip section:nth-child(3) strong { color:#8a668f; }
.opportunity-score-strip section:nth-child(4) strong { color:#4b8c6a; }
.opportunity-score-strip strong small { font-size:9px; font-weight:650; letter-spacing:0; }
.opportunity-score-strip progress,
.opportunity-overall-card progress { width:100%; height:7px; margin-top:9px; display:block; overflow:hidden; border:0; border-radius:999px; background:#ece7e3; appearance:none; }
.opportunity-score-strip progress::-webkit-progress-bar,
.opportunity-overall-card progress::-webkit-progress-bar { border-radius:999px; background:#ece7e3; }
.opportunity-score-strip progress::-webkit-progress-value,
.opportunity-overall-card progress::-webkit-progress-value { border-radius:999px; background:#d95e3a; }
.opportunity-score-strip section:nth-child(2) progress::-webkit-progress-value { background:#d5a339; }
.opportunity-score-strip section:nth-child(3) progress::-webkit-progress-value { background:#a782ae; }
.opportunity-score-strip section:nth-child(4) progress::-webkit-progress-value { background:#66a17f; }
.opportunity-score-strip progress::-moz-progress-bar,
.opportunity-overall-card progress::-moz-progress-bar { border-radius:999px; background:#d95e3a; }

.opportunity-profile-grid {
  min-height:0;
  margin-top:10px;
  display:grid;
  grid-template-columns:170px minmax(0,1fr) 220px;
  gap:9px;
}

.opportunity-overall-card,
.opportunity-radar-panel,
.opportunity-insights {
  min-width:0;
  min-height:0;
  overflow:hidden;
  border:1px solid #eee8e4;
  border-radius:11px;
  background:#fdfcfb;
}

.opportunity-overall-card { padding:13px 12px 11px; display:flex; flex-direction:column; }
.opportunity-overall-card > header { display:flex; align-items:center; justify-content:space-between; gap:5px; }
.opportunity-overall-card > header b { color:#49413d; font-size:14px; font-weight:760; line-height:1.2; }
.opportunity-overall-card > header span { padding:5px 8px; border-radius:999px; color:#a6492e; background:#fae9e2; font-size:10px; font-weight:760; line-height:1; white-space:nowrap; }
.opportunity-overall-card > strong { margin-top:13px; color:#d35f3d; font-size:52px; font-weight:840; line-height:.9; letter-spacing:-.06em; }
.opportunity-overall-card > strong small { margin-left:2px; color:#8d817b; font-size:12px; font-weight:650; letter-spacing:0; }
.opportunity-overall-card > progress { margin-top:10px; }
.opportunity-overall-card dl { margin:14px 0 0; padding:0; display:grid; gap:0; }
.opportunity-overall-card dl div { min-width:0; padding:9px 0; display:grid; gap:3px; border-top:1px solid #eee8e4; }
.opportunity-overall-card dt { overflow:hidden; color:#8a817c; font-size:10px; font-weight:560; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.opportunity-overall-card dd { margin:0; overflow:hidden; color:#413a36; font-size:13px; font-weight:760; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }

.opportunity-radar-panel { padding:11px 12px 9px; display:grid; grid-template-rows:auto minmax(0,1fr); }
.opportunity-radar-panel > header { min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.opportunity-radar-panel > header > div:first-child { min-width:0; display:grid; gap:3px; }
.opportunity-radar-panel header b { color:#39322f; font-size:15px; font-weight:780; line-height:1.2; }
.opportunity-radar-panel header small { color:#8a817c; font-size:10px; line-height:1.25; }
.opportunity-radar-panel .insight-chart-legend { gap:5px 8px; }
.opportunity-radar-panel .insight-chart-legend span { font-size:9px; }
.opportunity-radar-panel .capability-four-chart-canvas { min-height:0; height:100%; }

.opportunity-insights { padding:12px 10px 10px; display:grid; grid-template-rows:auto repeat(4,minmax(0,1fr)); gap:6px; background:#fbfaf9; }
.opportunity-insights > header { min-width:0; padding-bottom:8px; display:grid; gap:3px; border-bottom:1px solid #eee8e4; }
.opportunity-insights > header b { color:#3d3532; font-size:14px; font-weight:790; line-height:1.2; }
.opportunity-insights > header small { color:#8d837e; font-size:9.5px; line-height:1.2; }
.opportunity-insights article { position:relative; min-height:0; padding:8px 8px 7px 10px; overflow:hidden; border:1px solid #eee8e4; border-left:3px solid #d8b043; border-radius:8px; background:#fff; }
.opportunity-insights article.is-primary { border-color:#efcfc3; border-left-color:#d95e3a; background:#fff8f5; }
.opportunity-insights article:nth-of-type(3) { border-left-color:#8d71a5; }
.opportunity-insights article:nth-of-type(4) { border-left-color:#5b9976; }
.opportunity-insights article b { display:block; overflow:hidden; color:#4a413d; font-size:12px; font-weight:760; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.opportunity-insights article p { margin:4px 0 0; overflow:hidden; color:#7e746f; font-size:10px; line-height:1.35; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.opportunity-insights article span { margin-top:5px; display:inline-block; color:#a84c31; font-size:9px; font-weight:760; line-height:1; }
.opportunity-insights article:nth-of-type(2) span { color:#a2761c; }
.opportunity-insights article:nth-of-type(3) span { color:#75558c; }
.opportunity-insights article:nth-of-type(4) span { color:#367e5c; }
/* 方案四 · 竞争监控多图表驾驶舱 */
.insight-dashboard-competitor {
  --competitor-coral:#d2886c;
  --competitor-blue:#9ba7c0;
  --competitor-green:#dec89f;
  --competitor-purple:#ada19e;
  --competitor-amber:#dec89f;
  --competitor-noise:#f3e6e0;
  --competitor-ink:#39322f;
  --competitor-muted:#817772;
  --competitor-line:#ece7e3;
  --competitor-border:#eee8e4;
  grid-template-rows:auto auto minmax(0,1fr);
}
.insight-dashboard-competitor .insight-dashboard-header { border-bottom-color:var(--competitor-border); }
.insight-dashboard-competitor .insight-dashboard-header strong { color:var(--competitor-ink); }
.insight-dashboard-competitor .insight-dashboard-header small { color:var(--competitor-muted); font-size:11px; }
.insight-dashboard-competitor .insight-dashboard-status { border-color:#efcfc3; color:#a6492e; background:#fcf4f0; }

.competitor-score-strip {
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}

.competitor-score-strip section {
  min-width:0;
  min-height:54px;
  padding:7px 10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-content:center;
  gap:4px 8px;
  border:1px solid var(--competitor-border);
  border-radius:9px;
  background:#fbfaf9;
}

.competitor-score-strip section:nth-child(2) { background:#fcf4f0; }
.competitor-score-strip section:nth-child(3) { background:#f1f8f4; }
.competitor-score-strip section:nth-child(4) { background:#f7f3fb; }
.competitor-score-strip span { min-width:0; overflow:hidden; color:#554c47; font-size:13px; font-weight:720; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
.competitor-score-strip strong { grid-column:2; grid-row:1 / span 2; align-self:center; color:var(--competitor-ink); font-size:23px; font-weight:820; line-height:1; letter-spacing:-.04em; white-space:nowrap; }
.competitor-score-strip section:nth-child(2) strong { color:#d05f3d; }
.competitor-score-strip section:nth-child(3) strong { color:#4b8c6a; }
.competitor-score-strip section:nth-child(4) strong { color:#8a668f; }
.competitor-score-strip small { min-width:0; overflow:hidden; color:var(--competitor-muted); font-size:9px; font-weight:520; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }

.competitor-dashboard-grid {
  min-height:0;
  margin-top:9px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.35fr);
  grid-template-rows:minmax(215px,1.35fr) minmax(150px,.9fr);
  gap:8px;
}

.competitor-chart-card {
  min-width:0;
  min-height:0;
  padding:10px 12px 9px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  overflow:hidden;
  border:1px solid var(--competitor-border);
  border-radius:11px;
  background:#fdfcfb;
}

.competitor-chart-card > header { min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.competitor-chart-card > header > div:first-child { min-width:0; display:grid; gap:2px; }
.competitor-chart-card header b { color:var(--competitor-ink); font-size:14px; font-weight:780; line-height:1.2; }
.competitor-chart-card header small { overflow:hidden; color:var(--competitor-muted); font-size:9px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.competitor-chart-card .capability-four-chart-canvas { min-height:0; height:100%; }
.insight-dashboard-competitor .insight-chart-legend span { color:var(--competitor-muted); }
.insight-dashboard-competitor .insight-chart-legend .is-coral::before { background:var(--competitor-coral); }
.insight-dashboard-competitor .insight-chart-legend .is-blue::before { background:var(--competitor-blue); }
.insight-dashboard-competitor .insight-chart-legend .is-green::before { background:var(--competitor-green); }
.insight-dashboard-competitor .insight-chart-legend .is-purple::before { background:var(--competitor-purple); }
.insight-dashboard-competitor .insight-chart-legend .is-gray::before { background:var(--competitor-noise); }

.competitor-volume-card { grid-column:1 / -1; grid-template-rows:auto minmax(0,1fr) auto; }
.competitor-volume-card > header { align-items:center; }
.competitor-volume-card .insight-chart-legend { max-width:385px; justify-content:flex-end; gap:4px 8px; }
.competitor-volume-card .insight-chart-legend span { font-size:8.5px; }
.competitor-chart-callout {
  min-width:0;
  margin:3px 0 0;
  padding:6px 9px;
  overflow:hidden;
  border-left:3px solid var(--competitor-amber);
  border-radius:5px;
  color:#6d625c;
  background:#fff8e9;
  font-size:9px;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.competitor-chart-callout b { color:var(--competitor-ink); font-weight:780; }

.competitor-source-layout { min-height:0; display:grid; grid-template-columns:minmax(105px,.95fr) minmax(100px,1fr); align-items:center; gap:8px; }
.competitor-source-card .capability-four-chart-canvas { min-height:105px; }
.competitor-source-legend { margin:0; padding:0; display:grid; gap:7px; list-style:none; }
.competitor-source-legend li { min-width:0; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:6px; color:var(--competitor-muted); font-size:9.5px; line-height:1.1; }
.competitor-source-legend li::before { content:""; width:8px; height:8px; display:block; border-radius:2px; background:var(--competitor-coral); }
.competitor-source-legend li.is-blue::before { background:var(--competitor-blue); }
.competitor-source-legend li.is-amber::before { background:var(--competitor-amber); }
.competitor-source-legend li.is-gray::before { background:#ada19e; }
.competitor-source-legend span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.competitor-source-legend strong { color:#554c47; font-size:10px; font-weight:760; }

.competitor-signal-card > header { align-items:center; }
.competitor-mini-legend { max-width:225px; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px 8px; }
.competitor-mini-legend span { display:inline-flex; align-items:center; gap:4px; color:var(--competitor-muted); font-size:8px; font-weight:620; line-height:1; white-space:nowrap; }
.competitor-mini-legend span::before { content:""; width:6px; height:6px; display:block; border-radius:2px; background:var(--competitor-amber); }
.competitor-mini-legend .is-coral::before { background:var(--competitor-coral); }
.competitor-mini-legend .is-blue::before { background:var(--competitor-blue); }
.competitor-mini-legend .is-slate::before { background:#ada19e; }
/* 方案四 · 风险监控九维洞察 */
.risk-profile-dashboard { grid-template-rows:auto auto minmax(0,1fr); }
.risk-profile-dashboard .insight-dashboard-status { padding:8px 12px; font-size:12px; }

.risk-profile-overview {
  min-width:0;
  min-height:132px;
  margin-top:10px;
  padding:14px 16px;
  display:grid;
  grid-template-columns:104px minmax(0,1fr) minmax(220px,.72fr);
  align-items:center;
  gap:16px;
  border:1px solid #efcfc3;
  border-radius:11px;
  background:#fcf4f0;
}

.risk-profile-score { position:relative; width:94px; height:94px; display:grid; place-items:center; }
.risk-score-ring-canvas { position:absolute; inset:0; width:100%; height:100%; display:block; }
.risk-profile-score > span { position:relative; z-index:1; display:grid; justify-items:center; }
.risk-profile-score strong { color:#342e2b; font-size:32px; font-weight:820; line-height:1; letter-spacing:-.04em; }
.risk-profile-score small { margin-top:4px; color:#d95e3a; font-size:11px; font-weight:780; line-height:1; }

.risk-profile-company { min-width:0; display:grid; gap:6px; }
.risk-profile-company > div { min-width:0; display:flex; align-items:center; gap:7px; }
.risk-profile-company b { min-width:0; overflow:hidden; color:#39322f; font-size:18px; font-weight:800; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.risk-profile-company em { padding:4px 7px; flex:0 0 auto; border:1px solid #eadfd9; border-radius:999px; color:#7b6e68; background:rgba(255,255,255,.8); font-size:9px; font-style:normal; font-weight:700; line-height:1; }
.risk-profile-company > strong { color:#b64c30; font-size:14px; font-weight:800; line-height:1; letter-spacing:.02em; }
.risk-profile-company p { margin:0; color:#6e625c; font-size:11.5px; font-weight:520; line-height:1.5; }

.risk-profile-evidence { min-width:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.risk-profile-evidence span { min-width:0; min-height:68px; padding:10px 8px; display:grid; place-items:center; align-content:center; border:1px solid #eadfd9; border-radius:8px; background:rgba(255,255,255,.76); text-align:center; }
.risk-profile-evidence b { color:#39322f; font-size:28px; font-weight:820; line-height:1; letter-spacing:-.025em; }
.risk-profile-evidence small { margin-top:6px; overflow:hidden; color:#817772; font-size:10px; font-weight:600; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }

.risk-profile-body { min-width:0; min-height:0; margin-top:9px; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(205px,.85fr); gap:10px; }
.risk-dimension-panel,
.risk-insight-column article { min-width:0; border:1px solid #eee8e4; border-radius:10px; background:#fdfcfb; }
.risk-dimension-panel { min-height:0; padding:14px 16px 12px; overflow:hidden; }
.risk-dimension-panel > header { min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.risk-dimension-panel > header > div { min-width:0; display:grid; gap:2px; }
.risk-dimension-panel header b { color:#39322f; font-size:17px; font-weight:790; line-height:1.2; }
.risk-dimension-panel header small { overflow:hidden; color:#817772; font-size:10px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.risk-dimension-panel header > span { padding:5px 8px; flex:0 0 auto; border-radius:999px; color:#4b8c6a; background:#f1f8f4; font-size:9.5px; font-weight:740; line-height:1; white-space:nowrap; }
.risk-dimension-list { margin-top:10px; display:grid; gap:5px; }
.risk-dimension-row { min-width:0; min-height:25px; display:grid; grid-template-columns:minmax(74px,.7fr) minmax(100px,1.6fr) 28px 34px; align-items:center; gap:7px; }
.risk-dimension-row > span { overflow:hidden; color:#5b534f; font-size:11px; font-weight:690; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
.risk-dimension-row progress { width:100%; height:10px; overflow:hidden; appearance:none; -webkit-appearance:none; border:0; border-radius:999px; background:#f1eeeb; }
.risk-dimension-row progress::-webkit-progress-bar { border-radius:999px; background:#f1eeeb; }
.risk-dimension-row progress::-webkit-progress-value { border-radius:999px; background:#8ba4bf; }
.risk-dimension-row progress::-moz-progress-bar { border-radius:999px; background:#8ba4bf; }
.risk-dimension-row.is-high progress::-webkit-progress-value { background:#d95e3a; }
.risk-dimension-row.is-high progress::-moz-progress-bar { background:#d95e3a; }
.risk-dimension-row.is-elevated progress::-webkit-progress-value { background:#d58f3a; }
.risk-dimension-row.is-elevated progress::-moz-progress-bar { background:#d58f3a; }
.risk-dimension-row.is-medium progress::-webkit-progress-value { background:#d5a339; }
.risk-dimension-row.is-medium progress::-moz-progress-bar { background:#d5a339; }
.risk-dimension-row.is-low progress::-webkit-progress-value { background:#8ba4bf; }
.risk-dimension-row.is-low progress::-moz-progress-bar { background:#8ba4bf; }
.risk-dimension-row.is-stable progress::-webkit-progress-value { background:#66a17f; }
.risk-dimension-row.is-stable progress::-moz-progress-bar { background:#66a17f; }
.risk-dimension-row strong { color:#554c47; font-size:12px; font-weight:800; line-height:1; text-align:right; }
.risk-dimension-row.is-high strong { color:#b64c30; font-size:14px; }
.risk-dimension-row.is-elevated strong { color:#a66f25; font-size:13px; }
.risk-dimension-row em { color:#6d625c; font-size:9.5px; font-style:normal; font-weight:740; line-height:1; text-align:right; white-space:nowrap; }
.risk-dimension-row.is-high em { color:#b64c30; }
.risk-dimension-row.is-elevated em { color:#a66f25; }
.risk-dimension-row.is-medium em { color:#9b7925; }
.risk-dimension-row.is-low em { color:#647e99; }
.risk-dimension-row.is-stable em { color:#4b8c6a; }

.risk-insight-column { min-width:0; min-height:0; display:grid; grid-template-rows:repeat(3,minmax(0,1fr)); gap:10px; }
.risk-insight-column article { padding:16px 18px; display:grid; align-content:start; border-left-width:4px; }
.risk-insight-column article.is-primary { border-left-color:#d95e3a; background:#fff8f5; }
.risk-insight-column article.is-verified { border-left-color:#66a17f; background:#f7fbf8; }
.risk-insight-column article.is-advice { border-left-color:#d5a339; background:#fffaf0; }
.risk-insight-column header { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.risk-insight-column header b { overflow:hidden; color:#463e3a; font-size:15px; font-weight:800; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.risk-insight-column header span { padding:0; flex:0 0 auto; border-radius:0; color:#b64c30; background:transparent; font-size:18px; font-weight:820; line-height:1; letter-spacing:-.025em; }
.risk-insight-column .is-verified header span { color:#4b8c6a; background:transparent; }
.risk-insight-column .is-advice header span { color:#987221; background:transparent; }
.risk-insight-column p { margin:9px 0 0; overflow:hidden; color:#726965; font-size:11px; font-weight:540; line-height:1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.risk-heatmap-legend .is-critical::before { background:#f3a491; }
.risk-heatmap-legend .is-watch::before { background:#efd189; }
.risk-heatmap-legend .is-observe::before { background:#afc9ed; }
.risk-heatmap-legend .is-buffer::before { background:#e7e2df; }
.insight-dashboard-risk .insight-dashboard-summary span { font-size:13px; }
.risk-heatmap-panel header b { font-size:15px; }
.risk-heatmap-panel header small { font-size:9.5px; }
.risk-heatmap-legend span { font-size:9.5px; font-weight:680; }
.risk-heatmap-legend span::before { width:8px; height:8px; }
.risk-heatmap-chart { position:relative; min-height:0; padding:15px 6px 30px 44px; display:grid; }
.risk-heatmap-chart::before,
.risk-heatmap-chart::after { content:""; position:absolute; z-index:2; display:block; pointer-events:none; }
.risk-heatmap-chart::before {
  left:31px;
  top:15px;
  bottom:22px;
  width:7px;
  background:
    radial-gradient(circle at center top,#6d625c 0 3px,transparent 3.4px),
    linear-gradient(#91857f,#91857f) center top / 1.5px 100% no-repeat;
}
.risk-heatmap-chart::after {
  left:34px;
  right:3px;
  bottom:19px;
  height:7px;
  background:
    radial-gradient(circle at right center,#6d625c 0 3px,transparent 3.4px),
    linear-gradient(90deg,#91857f,#91857f) left center / 100% 1.5px no-repeat;
}
.risk-heatmap-grid { position:relative; z-index:1; min-height:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); gap:6px; }
.risk-heatmap-cell { min-width:0; padding:8px 7px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #e9e4e1; border-radius:8px; text-align:center; background:#fff; }
.risk-heatmap-cell.is-empty { border-color:transparent; background:transparent; }
.risk-heatmap-cell.is-critical { border-color:#efb8a9; background:#fff1ee; }
.risk-heatmap-cell.is-watch { border-color:#ecd390; background:#fff9e9; }
.risk-heatmap-cell.is-observe { border-color:#bfd2ee; background:#f0f6ff; }
.risk-heatmap-cell.is-buffer { border-color:#e7e2df; background:#fbfaf9; }
.risk-heatmap-cell b { max-width:100%; color:#3f3834; font-size:12px; font-weight:760; line-height:1.2; }
.risk-heatmap-cell strong { margin-top:3px; color:#d95e3a; font-size:15px; font-weight:820; line-height:1; }
.risk-heatmap-cell small { margin-top:4px; max-width:100%; overflow:hidden; color:#746a65; font-size:9px; font-weight:560; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.risk-axis { position:absolute; z-index:3; color:#5d534e; font-size:10.5px; font-weight:760; letter-spacing:.01em; white-space:nowrap; }
.risk-axis-y { left:-12px; top:50%; transform:translateY(-50%) rotate(-90deg); }
.risk-axis-x { left:50%; bottom:1px; transform:translateX(-42%); }

@media (min-width:681px) and (max-width:1180px) {
  html[data-active-hero-variant="four"] .capability-four-panel.is-active { grid-template-columns:1fr; gap:32px; }
}

@media (max-width:680px) {
  html[data-active-hero-variant="four"] .capability-heading { margin-bottom:18px; }
  html[data-active-hero-variant="four"] .capability-four-view-tabs {
    width:calc(100% + 24px);
    max-width:none;
    margin:0 -12px 28px;
    padding:5px 12px;
    grid-template-columns:repeat(4,max-content);
    justify-content:start;
    border-right:0;
    border-left:0;
    border-radius:0;
    scroll-snap-type:x proximity;
  }
  .capability-four-view-tabs button { min-width:116px; min-height:40px; padding:0 15px; scroll-snap-align:center; font-size:13px; }
  html[data-active-hero-variant="four"] .capability-four-panel.is-active { grid-template-columns:1fr; gap:28px; }
  .capability-four-carousel-indicators { margin-top:22px; }
  .insight-dashboard { height:auto; padding:12px; border-radius:13px; }
  .insight-dashboard-header { min-height:48px; }
  .insight-dashboard-header strong { font-size:20px; }
  .insight-dashboard-header small { max-width:220px; font-size:9px; }
  .insight-dashboard-status { font-size:9px; }
  .insight-dashboard-summary-four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
  .insight-dashboard-summary section { min-height:70px; padding:8px; }
  .insight-dashboard-summary span { font-size:10px; }
  .insight-dashboard-summary strong { font-size:23px; }
  .insight-dashboard-summary small { font-size:8px; }
  .insight-chart-panel,
  .risk-heatmap-panel { padding:11px 9px 9px; }
  .insight-chart-panel > header,
  .risk-heatmap-panel > header { display:grid; }
  .insight-chart-legend,
  .risk-heatmap-legend { justify-content:flex-start; }
  .capability-four-chart-canvas { height:280px; min-height:280px; }
  .opportunity-score-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .opportunity-score-strip section { min-height:62px; }
  .opportunity-profile-grid { grid-template-columns:1fr; }
  .opportunity-overall-card { min-height:250px; }
  .opportunity-radar-panel { min-height:340px; }
  .opportunity-radar-panel .capability-four-chart-canvas { height:285px; min-height:285px; }
  .opportunity-insights { min-height:390px; }
  .opportunity-insights article b { font-size:10px; }
  .opportunity-insights article p { font-size:8px; white-space:normal; }
  .opportunity-insights article span { font-size:7.5px; }
  .competitor-score-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .competitor-score-strip section { min-height:58px; }
  .insight-dashboard-competitor .insight-dashboard-header { align-items:flex-start; }
  .insight-dashboard-competitor .insight-dashboard-header > div { flex:1 1 auto; }
  .insight-dashboard-competitor .insight-dashboard-header strong { overflow:visible; font-size:18px; line-height:1.25; text-overflow:clip; white-space:normal; }
  .insight-dashboard-competitor .insight-dashboard-header small { max-width:none; overflow:visible; font-size:10px; text-overflow:clip; white-space:normal; }
  .insight-dashboard-competitor .insight-dashboard-status { max-width:88px; padding:6px 8px; line-height:1.25; text-align:center; white-space:normal; }
  .competitor-dashboard-grid { grid-template-columns:1fr; grid-template-rows:none; }
  .competitor-volume-card,
  .competitor-source-card,
  .competitor-signal-card { grid-column:auto; min-height:0; }
  .competitor-volume-card { min-height:390px; }
  .competitor-volume-card > header { display:grid; gap:7px; }
  .competitor-volume-card .insight-chart-legend { max-width:none; justify-content:flex-start; }
  .competitor-volume-card .capability-four-chart-canvas { height:255px; min-height:255px; }
  .competitor-chart-callout { overflow:visible; font-size:9px; text-overflow:clip; white-space:normal; }
  .competitor-source-card { min-height:230px; }
  .competitor-source-layout { min-height:165px; }
  .competitor-source-card .capability-four-chart-canvas { height:160px; min-height:160px; }
  .competitor-signal-card { min-height:285px; }
  .competitor-signal-card > header { display:grid; gap:7px; }
  .competitor-mini-legend { max-width:none; justify-content:flex-start; }
  .competitor-signal-card .capability-four-chart-canvas { height:215px; min-height:215px; }
  .risk-profile-dashboard .insight-dashboard-header { align-items:center; }
  .risk-profile-dashboard .insight-dashboard-header strong { white-space:normal; }
  .risk-profile-overview { grid-template-columns:90px minmax(0,1fr); gap:12px; padding:12px; }
  .risk-profile-score { width:84px; height:84px; }
  .risk-profile-score strong { font-size:28px; }
  .risk-profile-score small { font-size:10px; }
  .risk-profile-company b { overflow:visible; font-size:15px; text-overflow:clip; white-space:normal; }
  .risk-profile-company > div { align-items:flex-start; }
  .risk-profile-company > strong { font-size:12px; }
  .risk-profile-company p { font-size:10.5px; }
  .risk-profile-evidence { grid-column:1 / -1; }
  .risk-profile-evidence span { min-height:62px; }
  .risk-profile-evidence b { font-size:24px; }
  .risk-profile-evidence small { font-size:9px; }
  .risk-profile-body { grid-template-columns:1fr; }
  .risk-dimension-panel { min-height:350px; padding:13px 12px 12px; }
  .risk-dimension-panel header b { font-size:16px; }
  .risk-dimension-panel header small { font-size:9px; }
  .risk-dimension-panel header > span { font-size:8.5px; }
  .risk-dimension-panel header small { overflow:visible; text-overflow:clip; white-space:normal; }
  .risk-dimension-row { min-height:24px; grid-template-columns:minmax(70px,.72fr) minmax(82px,1.55fr) 24px 28px; gap:5px; }
  .risk-dimension-row > span { font-size:10px; }
  .risk-dimension-row strong { font-size:11px; }
  .risk-dimension-row.is-high strong { font-size:12px; }
  .risk-dimension-row.is-elevated strong { font-size:11.5px; }
  .risk-dimension-row em { font-size:8.5px; }
  .risk-insight-column { grid-template-rows:none; }
  .risk-insight-column article { min-height:96px; padding:14px 15px; }
  .risk-insight-column header b { font-size:14px; }
  .risk-insight-column header span { font-size:17px; }
  .risk-insight-column p { font-size:10.5px; }
  .risk-heatmap-chart { min-height:320px; padding:12px 0 28px 38px; }
  .insight-dashboard-risk .insight-dashboard-summary span { font-size:12px; }
  .risk-heatmap-chart::before { left:25px; top:12px; bottom:20px; }
  .risk-heatmap-chart::after { left:28px; right:0; bottom:17px; }
  .risk-heatmap-grid { gap:4px; }
  .risk-heatmap-cell { padding:6px 3px; border-radius:6px; }
  .risk-heatmap-cell b { font-size:10px; }
  .risk-heatmap-cell strong { font-size:13px; }
  .risk-heatmap-cell small { font-size:7.5px; white-space:normal; text-overflow:clip; }
  .risk-axis { font-size:9px; }
}

@media (prefers-reduced-motion:reduce) {
  html[data-active-hero-variant="four"] .capability-four-panel.is-active { animation:none; }
  .capability-four-view-tabs button,
  .capability-four-carousel-indicators button { transition:none; }
}

/* Homepage hero proposal switcher and motion-study variants · 2026-08-12 */
.hero-variants {
  position: relative;
  background: #fbfaf8;
}

.hero-variant-switcher {
  position: fixed;
  z-index: 30;
  top: 84px;
  right: 28px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 4px;
  border: 1px solid rgba(36,30,27,.1);
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 8px 24px rgba(67,51,42,.07);
  backdrop-filter: blur(16px);
}

.hero-variant-switcher button {
  min-width: 62px;
  height: 30px;
  padding: 0 13px;
  border: 0;
  border-radius: 999px;
  color: #746d69;
  background: transparent;
  font-size: 12px;
  font-weight: 650;
  transition: color .2s ease, background .2s ease, box-shadow .2s ease;
}

.hero-variant-switcher button:hover { color: #191715; }
.hero-variant-switcher button.active {
  color: #fff;
  background: #202022;
  box-shadow: 0 4px 12px rgba(24,24,25,.18);
}

.hero-variant[hidden] { display: none !important; }

.hero-concept {
  position: relative;
  height: calc(100vw * .5828);
  min-height: 820px;
  max-height: 1084px;
  margin-top: 68px;
  overflow: hidden;
  color: #0b0b0c;
  background: #fbf9f7;
  isolation: isolate;
}

.hero-halftone-canvas {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
}

.hero-concept-copy {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50.8%;
  width: min(1120px, calc(100% - 48px));
  transform: translate(-50%, -50%);
  text-align: center;
}

.hero-concept-halftone {
  --moss-home-cursor-x: 50%;
  --moss-home-cursor-y: 35%;
  --moss-home-spotlight-opacity: .9;
  --moss-home-dot: rgba(24,24,27,.14);
  --moss-home-dot-highlight: rgba(217,94,58,.42);
  --moss-home-cursor-spotlight: rgba(217,94,58,.045);
  background-color: #fdfcfa;
}

.hero-halftone-dot-layer,
.hero-halftone-highlight-layer,
.hero-halftone-spotlight-layer {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
}

.hero-halftone-dot-layer {
  background-image: radial-gradient(circle, var(--moss-home-dot) 1px, transparent 1px);
  background-size: 28px 28px;
}

.hero-halftone-highlight-layer {
  background-image: radial-gradient(circle, var(--moss-home-dot-highlight) 1px, transparent 1px);
  background-size: 28px 28px;
  -webkit-mask-image: radial-gradient(
    circle at var(--moss-home-cursor-x) var(--moss-home-cursor-y),
    var(--moss-home-dot-highlight) 0,
    transparent 300px
  );
  mask-image: radial-gradient(
    circle at var(--moss-home-cursor-x) var(--moss-home-cursor-y),
    var(--moss-home-dot-highlight) 0,
    transparent 300px
  );
  opacity: var(--moss-home-spotlight-opacity);
  transition: opacity 160ms ease;
}

.hero-halftone-spotlight-layer {
  background: radial-gradient(
    circle at var(--moss-home-cursor-x) var(--moss-home-cursor-y),
    var(--moss-home-cursor-spotlight) 0,
    transparent 320px
  );
  opacity: var(--moss-home-spotlight-opacity);
  transition: opacity 160ms ease;
}

.hero-concept-halftone::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  background: linear-gradient(90deg, rgba(253,252,250,.18), transparent 17% 83%, rgba(253,252,250,.18));
  pointer-events: none;
}

.hero-concept-halftone .hero-concept-copy {
  top: 51.5%;
}

.hero-concept-halftone .hero-concept-copy::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: min(720px, 86vw);
  height: 150px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(253,252,250,.58) 0 34%, rgba(253,252,250,.32) 50%, rgba(253,252,250,.14) 73%, rgba(253,252,250,0) 100%);
  pointer-events: none;
}

.hero-concept-halftone .hero-concept-copy h1 {
  font-size: clamp(44px, 3vw, 56px);
}

.hero-concept-halftone .hero-concept-copy h1 i { height: 56px; }
.hero-concept-halftone .hero-concept-copy p { margin-top: 23px; }
.hero-concept-halftone .hero-concept-cta { margin-top: 34px; }

.hero-concept-copy h1 {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  color: #050505;
  font-size: clamp(44px, 3.15vw, 60px);
  line-height: 1.08;
  letter-spacing: -.047em;
  font-weight: 760;
  white-space: nowrap;
}

.hero-concept-copy h1 span {
  font-weight: 690;
  letter-spacing: .012em;
}

.hero-concept-copy h1 i {
  width: 1px;
  height: 64px;
  flex: 0 0 auto;
  background: rgba(15,15,15,.82);
}

.hero-concept-copy h1 strong { font: inherit; }

.hero-concept-copy p {
  margin: 27px auto 0;
  color: #373638;
  font-size: clamp(19px, 1.45vw, 26px);
  line-height: 1.55;
  letter-spacing: -.025em;
}

.hero-concept-copy p em {
  color: #ea5b32;
  font-style: normal;
  font-weight: 670;
}

.hero-concept-cta {
  min-width: 208px;
  height: 50px;
  margin-top: 34px;
  padding: 0 26px;
  border: 1px solid rgba(35,35,38,.82);
  border-radius: 999px;
  color: #fff;
  background: rgba(32,32,34,.94);
  box-shadow: 0 6px 18px rgba(20,20,22,.08);
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: .01em;
  transition: transform .2s var(--ease), background .2s ease, box-shadow .2s ease;
}

.hero-concept-cta:hover {
  transform: translateY(-1px);
  background: #171719;
  box-shadow: 0 9px 22px rgba(20,20,22,.12);
}

@media (max-width: 1100px) {
  .hero-variant-switcher { right: 24px; }
  .hero-concept { height: 820px; }
  .hero-concept-copy h1 { gap: 22px; }
  .hero-concept-copy h1 i { height: 54px; }
}

@media (max-width: 680px) {
  .hero-variant-switcher {
    position: fixed;
    z-index: 110;
    top: 77px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
  .hero-variant-switcher button { min-width: 58px; padding: 0 10px; }
  .hero-concept { height: 760px; }
  .hero-concept-copy { top: 49%; width: calc(100% - 28px); }
  .hero-concept-copy h1 { display: block; font-size: clamp(34px, 10.4vw, 46px); white-space: normal; }
  .hero-concept-copy h1 span,.hero-concept-copy h1 strong { display: block; }
  .hero-concept-copy h1 i { width: 44px; height: 1px; margin: 15px auto; display: block; }
  .hero-concept-copy p { max-width: 320px; margin-top: 24px; font-size: 16px; }
  .hero-concept-cta { min-width: 190px; height: 48px; margin-top: 30px; border-radius: 999px; font-size: 15px; }
  .hero-concept-halftone .hero-concept-copy { top: 48.8%; }
  .hero-concept-halftone .hero-concept-copy h1 { font-size: clamp(34px, 10.4vw, 46px); }
  .hero-concept-halftone .hero-concept-copy h1 i { height: 1px; }
  .hero-concept-halftone::after {
    background: none;
  }
  .hero-concept-halftone .hero-concept-copy::before { width: 106vw; height: 138px; }
}

@media (pointer: coarse), (prefers-reduced-motion: reduce) {
  .hero-halftone-highlight-layer,
  .hero-halftone-spotlight-layer {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-halftone-canvas { opacity: .98; }
}

/* Neutral glass site header · 2026-08-13
   Keep the existing seven navigation labels while removing the orange header ornament and CTA. */
.site-header,
.site-header.section-focus {
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  left: 0;
  opacity: 1;
  transform: none;
  pointer-events: auto;
  background: rgba(255, 255, 255, .72);
  border-bottom: 1px solid rgba(31, 29, 27, .06);
  box-shadow: none;
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  transition: background-color 180ms ease-out, box-shadow 180ms ease-out;
}

.header-inner {
  width: min(1440px, calc(100% - 64px));
  height: 64px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr);
  align-items: center;
  gap: 20px;
}

.brand {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #1f1d1b;
  white-space: nowrap;
}

.brand .brand-en {
  padding: 0;
  border: 0;
  border-left: 0;
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-size: 26px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .14em;
}

.brand .brand-cn {
  padding: 0;
  border: 0;
  border-left: 0;
  font-size: 23px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: .06em;
  transform: translateY(-1px);
}

.main-nav {
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.main-nav a {
  position: relative;
  height: 36px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  border: 0;
  border-radius: 10px;
  color: rgba(31, 29, 27, .58);
  background: transparent;
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  white-space: nowrap;
  transition: color 180ms ease-out, background-color 180ms ease-out;
}

.main-nav a::after { display: none; }
.main-nav a:hover {
  color: #1f1d1b;
  background: rgba(31, 29, 27, .05);
}

.main-nav a[aria-current="page"] {
  color: #1f1d1b;
  background: rgba(31, 29, 27, .07);
  font-weight: 600;
}

.header-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 8px;
}

.nav-login,
.nav-register {
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 15px;
  line-height: 22px;
  white-space: nowrap;
  transition: color 180ms ease-out, background-color 180ms ease-out, transform 180ms ease-out;
}

.nav-login {
  padding: 0 14px;
  border: 0;
  color: #292725;
  background: transparent;
  font-weight: 500;
}

.nav-login:hover { background: rgba(31, 29, 27, .05); }

.nav-register {
  padding: 0 18px;
  border: 1px solid #1f1d1b;
  border-radius: 12px;
  color: #fff;
  background: #1f1d1b;
  font-weight: 600;
}

.nav-register:hover {
  color: #fff;
  background: #35312e;
  border-color: #35312e;
  transform: translateY(-1px);
}

.site-header a:focus-visible,
.site-header button:focus-visible {
  outline: 2px solid rgba(31, 29, 27, .35);
  outline-offset: 2px;
}

.case-library-page .header-inner { grid-template-columns: minmax(180px, 1fr) auto; }
.case-library-page .nav-login { justify-self: end; }

.hero-concept { margin-top: 64px; }

@media (max-width: 1199px) {
  .header-inner {
    width: calc(100% - 48px);
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
  }

  .main-nav {
    position: fixed;
    top: 64px;
    right: 24px;
    left: 24px;
    width: auto;
    padding: 8px;
    display: none;
    justify-self: stretch;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    border: 1px solid rgba(31, 29, 27, .08);
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 44px rgba(31, 29, 27, .10);
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
  }

  .main-nav.open { display: flex; }
  .main-nav a {
    width: 100%;
    height: 44px;
    padding: 0 14px;
    border: 0;
    border-radius: 10px;
  }

  .menu-toggle {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 10px;
  }

  .menu-toggle:hover { background: rgba(31, 29, 27, .05); }
}

@media (max-width: 680px) {
  .header-inner { width: calc(100% - 28px); height: 64px; gap: 8px; }
  .brand { gap: 8px; }
  .brand .brand-en { font-size: 22px; letter-spacing: .12em; }
  .brand .brand-cn { font-size: 19px; letter-spacing: .05em; transform: translateY(-1px); }
  .header-actions { gap: 4px; }
  .nav-login { display: none; }
  .nav-register { height: 36px; padding: 0 14px; font-size: 14px; }
  .main-nav { right: 14px; left: 14px; }
  .hero-reference { padding-top: 64px; }
}

/* Unified content-section hierarchy and lower-weight Agent icon tiles. */
:root {
  --content-section-title-size: clamp(34px, 3.7vw, 52px);
  --content-section-subtitle-size: 18px;
}

.capability-heading h2,
.agent-heading h2,
.intelligence-heading h2,
.contrast .section-heading h2,
.scenario-header h2 {
  margin-top: 0;
  color: #171210;
  font-size: var(--content-section-title-size);
  font-weight: 650;
  line-height: 1.12;
  letter-spacing: -.045em;
  white-space: normal;
  text-wrap: balance;
}

.capability-heading p,
.agent-heading p,
.intelligence-heading p,
.contrast .section-heading p,
.scenario-header p {
  max-width: 840px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  color: #746a65;
  font-size: var(--content-section-subtitle-size);
  line-height: 1.75;
  text-wrap: wrap;
}

.agent-card > header {
  min-height: 120px;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 18px;
}

.agent-card {
  padding-top: 40px;
}

.agent-card > header > i {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border: 1px solid rgba(213, 79, 36, .12);
  border-radius: 50%;
  background: #fff4ee;
  box-shadow: none;
  clip-path: none;
  -webkit-mask-image: none;
  mask-image: none;
}

.agent-card > header > i::before {
  inset: 0;
  opacity: 0;
  border-radius: inherit;
  background: none;
}

.agent-card > header > i img {
  width: 38px;
  height: 38px;
  filter: brightness(0) saturate(100%) invert(39%) sepia(88%) saturate(1870%) hue-rotate(347deg) brightness(94%) contrast(88%);
}

.agent-business > header > i,
.agent-risk > header > i,
.agent-sentiment > header > i {
  border-color: rgba(213, 79, 36, .12);
  background: #fff4ee;
}

@media (max-width: 1320px) {
  .agent-card > header { grid-template-columns: 68px minmax(0, 1fr); gap: 16px; }
  .agent-card > header > i { width: 60px; height: 60px; }
  .agent-card > header > i img { width: 36px; height: 36px; }
}

@media (max-width: 680px) {
  :root {
    --content-section-title-size: 34px;
    --content-section-subtitle-size: 15px;
  }

  .capability-heading p,
  .agent-heading p,
  .intelligence-heading p,
  .contrast .section-heading p,
  .scenario-header p { margin-top: 16px; }

  .agent-card { padding-top: 36px; }
  .agent-card > header { min-height: 112px; }
  .agent-card > header { grid-template-columns: 64px minmax(0, 1fr); gap: 14px; }
  .agent-card > header > i { width: 56px; height: 56px; }
  .agent-card > header > i img { width: 34px; height: 34px; }
}

/* 方案四 · 高密度产业链关系网络 · 2026-08-17 */
.chain-network-map {
  position:relative;
  min-height:0;
  margin-top:11px;
  padding:10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 148px minmax(0,1fr);
  gap:13px;
  overflow:hidden;
  border:1px solid #ebe4df;
  border-radius:12px;
  background:
    radial-gradient(circle at 50% 50%,rgba(217,94,58,.055),transparent 23%),
    linear-gradient(180deg,#fdfcfc 0%,#faf8f6 100%);
}

.chain-network-connections {
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.chain-network-column,
.chain-network-core { position:relative; z-index:1; min-width:0; }

.chain-network-column {
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:7px;
}

.chain-network-column-header {
  min-width:0;
  min-height:31px;
  padding:0 2px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

.chain-network-column-header > div { min-width:0; display:grid; gap:2px; }
.chain-network-column-header b { color:#2f2926; font-size:17px; font-weight:800; line-height:1.1; letter-spacing:-.02em; }
.chain-network-column-header span { overflow:hidden; color:#928681; font-size:7.5px; font-weight:520; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.chain-network-column-header > small { padding-top:2px; flex:0 0 auto; color:#897e79; font-size:8.5px; font-weight:650; line-height:1.1; white-space:nowrap; }

.chain-network-groups {
  min-height:0;
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:5px;
}

.chain-network-group {
  min-width:0;
  min-height:0;
  padding:5px 6px 6px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:4px;
  overflow:hidden;
  border:1px solid rgba(224,216,211,.9);
  border-radius:8px;
  background:rgba(255,255,255,.92);
  box-shadow:0 3px 9px rgba(66,48,40,.03);
}

.chain-network-upstream .chain-network-group { border-left:2px solid rgba(70,132,109,.38); }
.chain-network-downstream .chain-network-group { border-right:2px solid rgba(217,94,58,.34); }

.chain-network-group > header {
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
}

.chain-network-group > header b {
  overflow:hidden;
  color:#47403c;
  font-size:9.5px;
  font-weight:760;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.chain-network-group > header span {
  padding:2px 5px;
  flex:0 0 auto;
  border-radius:999px;
  color:#8d817b;
  background:#f5f1ef;
  font-size:6.5px;
  font-weight:650;
  line-height:1;
}

.chain-network-nodes {
  min-height:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(0,1fr);
  gap:3px;
}

.chain-network-node {
  min-width:0;
  min-height:0;
  padding:3px 5px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px;
  border:1px solid #eee8e4;
  border-radius:5px;
  color:#4b433f;
  background:#fff;
  font:inherit;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(59,42,35,.025);
  transition:border-color 140ms ease,background-color 140ms ease,box-shadow 140ms ease,transform 140ms ease;
}

.chain-network-node > span {
  overflow:hidden;
  font-size:8.6px;
  font-weight:690;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.chain-network-node > small { min-width:0; display:flex; align-items:center; gap:3px; white-space:nowrap; }
.chain-network-node > small b { color:#6f6762; font-size:7.4px; font-weight:720; line-height:1; }
.chain-network-node > small em { color:#3c8c6d; font-size:6.3px; font-style:normal; font-weight:760; line-height:1; }

.chain-network-node:hover {
  z-index:2;
  border-color:#dfc5ba;
  background:#fffaf8;
  box-shadow:0 4px 10px rgba(105,64,47,.08);
  transform:translateY(-1px);
}

.chain-network-node:focus-visible { z-index:3; outline:2px solid var(--moss-four-brand,#d95e3a); outline-offset:1px; }
.chain-network-node.is-related { border-color:#efcabd; background:#fff8f5; }
.chain-network-node.is-related > small b { color:#ad5a40; }
.chain-network-node.is-selected {
  border-color:var(--moss-four-brand,#d95e3a);
  color:#fff;
  background:var(--moss-four-brand,#d95e3a);
  box-shadow:0 5px 12px rgba(181,71,41,.18);
}
.chain-network-node.is-selected > small b,
.chain-network-node.is-selected > small em { color:#fff; }

.chain-network-core {
  padding:12px 9px 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid rgba(217,94,58,.22);
  border-radius:12px;
  text-align:center;
  background:linear-gradient(155deg,rgba(255,255,255,.98) 0%,rgba(251,235,228,.96) 100%);
  box-shadow:0 10px 24px rgba(105,67,51,.08);
}

.chain-network-core::before,
.chain-network-core::after {
  content:"";
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  border:2px solid rgba(217,94,58,.65);
  border-bottom:0;
  border-left:0;
  background:transparent;
}
.chain-network-core::before { left:-5px; transform:translateY(-50%) rotate(45deg); }
.chain-network-core::after { right:-5px; transform:translateY(-50%) rotate(45deg); }

.chain-network-core-icon {
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid rgba(217,94,58,.12);
  border-radius:9px;
  background:#fff;
  box-shadow:0 3px 9px rgba(88,55,42,.06);
}
.chain-network-core-icon img { width:21px; height:21px; display:block; object-fit:contain; }
.chain-network-core-kicker { margin-top:6px; color:#8d5544; font-size:10px; font-weight:780; line-height:1.1; }
.chain-network-core > b { margin-top:3px; color:#3b3430; font-size:15px; font-weight:800; line-height:1.15; }
.chain-network-core > strong { margin-top:5px; color:var(--moss-four-brand,#d95e3a); font-size:30px; font-weight:820; line-height:.95; letter-spacing:-.055em; }
.chain-network-core-unit { margin-top:3px; color:#7f746f; font-size:7.5px; font-weight:600; line-height:1.1; }

.chain-network-core-metrics {
  width:100%;
  margin-top:9px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
}
.chain-network-core-metrics > span { min-width:0; padding:5px 3px; display:grid; gap:2px; border:1px solid rgba(224,207,199,.8); border-radius:6px; background:rgba(255,255,255,.74); }
.chain-network-core-metrics b { color:#4b413d; font-size:10px; font-weight:790; line-height:1; }
.chain-network-core-metrics small { overflow:hidden; color:#8b7f79; font-size:6px; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }

.chain-network-detail {
  width:100%;
  margin-top:7px;
  padding:7px;
  display:grid;
  gap:3px;
  border:1px solid rgba(217,94,58,.15);
  border-radius:7px;
  text-align:left;
  background:rgba(255,255,255,.88);
}
.chain-network-detail > small { color:#a16755; font-size:6px; font-weight:730; line-height:1; letter-spacing:.03em; }
.chain-network-detail > b { overflow:hidden; color:#3c3430; font-size:9px; font-weight:780; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.chain-network-detail > p { margin:0; display:-webkit-box; overflow:hidden; color:#7b716c; font-size:6.5px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.chain-network-detail > div { display:flex; align-items:center; justify-content:space-between; gap:5px; }
.chain-network-detail > div span { overflow:hidden; color:#635a55; font-size:6.5px; font-weight:650; line-height:1; text-overflow:ellipsis; white-space:nowrap; }
.chain-network-detail > div em { flex:0 0 auto; color:#368367; font-size:6.5px; font-style:normal; font-weight:780; line-height:1; }
@media (max-width:680px) {
  .market-chain-spotlight.market-chain-layered { padding:12px; }
  .chain-layered-dashboard { overflow:visible; }
  .chain-layered-dashboard-header {
    min-height:0;
    padding-bottom:8px;
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }
  .chain-layered-dashboard-header strong { width:100%; font-size:19px; white-space:normal; }
  .chain-layered-status { align-self:flex-start; font-size:9.5px; }
  .chain-network-map {
    padding:9px;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    overflow:visible;
  }
  .chain-network-connections { display:none; }
  .chain-network-column { gap:7px; }
  .chain-network-column-header { min-height:37px; }
  .chain-network-column-header b { font-size:18px; }
  .chain-network-column-header span { font-size:9px; }
  .chain-network-column-header > small { font-size:9px; }
  .chain-network-groups {
    width:100%;
    display:flex;
    gap:7px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .chain-network-groups::-webkit-scrollbar { display:none; }
  .chain-network-group {
    width:100%;
    min-width:100%;
    min-height:128px;
    flex:0 0 auto;
    scroll-snap-align:start;
  }
  .chain-network-group > header b { font-size:11px; }
  .chain-network-group > header span { font-size:7px; }
  .chain-network-node { min-height:28px; padding:4px 6px; }
  .chain-network-node > span { font-size:9.5px; }
  .chain-network-node > small b { font-size:8px; }
  .chain-network-node > small em { font-size:7px; }
  .chain-network-core { min-height:215px; padding:14px 12px 12px; }
  .chain-network-core-icon { width:36px; height:36px; }
  .chain-network-core-icon img { width:24px; height:24px; }
  .chain-network-core-kicker { font-size:12px; }
  .chain-network-core > b { font-size:19px; }
  .chain-network-core > strong { font-size:37px; }
  .chain-network-core-unit { font-size:9px; }
  .chain-network-core-metrics { max-width:260px; }
  .chain-network-core-metrics b { font-size:12px; }
  .chain-network-core-metrics small { font-size:7px; }
  .chain-network-detail { max-width:260px; padding:8px; }
  .chain-network-detail > small { font-size:7px; }
  .chain-network-detail > b { font-size:10.5px; }
  .chain-network-detail > p { font-size:8px; }
  .chain-network-detail > div span,
  .chain-network-detail > div em { font-size:8px; }
}

@media (prefers-reduced-motion:reduce) {
  .chain-network-node { transition:none; }
  .chain-network-node:hover { transform:none; }
}

/* 方案四 · 双侧可展开产业树 · 2026-08-17 */
.chain-layered-dashboard {
  grid-template-rows:auto minmax(0,1fr);
}

.chain-layered-dashboard > .chain-layered-summary,
.chain-layered-dashboard > .chain-network-map { display:none; }

.industry-tree-page {
  min-height:0;
  padding-top:10px;
  display:grid;
  grid-template-rows:64px minmax(0,1fr);
  gap:9px;
}

.industry-tree-summary {
  min-width:0;
  display:grid;
  grid-template-columns:1fr 1.28fr 1fr;
  gap:6px;
}

.industry-tree-summary section {
  min-width:0;
  padding:8px 9px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto 1fr;
  column-gap:6px;
  overflow:hidden;
  border:1px solid #ebe5e1;
  border-radius:9px;
  background:#fbfaf9;
}

.industry-tree-summary section.is-core { border-color:#f0d2c6; background:#fbf0eb; }
.industry-tree-summary span { overflow:hidden; color:#5b534f; font-size:13px; font-weight:720; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
.industry-tree-summary strong { grid-column:2; grid-row:1 / 3; align-self:center; color:#332d2a; font-size:26px; font-weight:820; line-height:1; letter-spacing:-.045em; }
.industry-tree-summary .is-core strong { color:var(--moss-four-brand,#d95e3a); font-size:29px; }
.industry-tree-summary small { align-self:end; overflow:hidden; color:#887e79; font-size:8.2px; font-weight:560; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }

.industry-tree-workspace {
  position:relative;
  min-height:0;
  padding:9px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);
  gap:10px;
  overflow:hidden;
  border:1px solid #eae3df;
  border-radius:12px;
  background:#fcfbfa;
}

.industry-tree-connections {
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.industry-tree-side,
.industry-tree-core { position:relative; z-index:1; min-width:0; }

.industry-tree-side {
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:4px;
}

.industry-tree-side > header {
  min-width:0;
  min-height:20px;
  padding:0 2px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}

.industry-tree-side > header > div { min-width:0; display:grid; gap:2px; }
.industry-tree-side > header b { color:#302a27; font-size:17px; font-weight:820; line-height:1.08; letter-spacing:-.025em; }
.industry-tree-side > header small { overflow:hidden; color:#887d77; font-size:8.2px; font-weight:540; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.industry-tree-side > header > span { padding:4px 7px; flex:0 0 auto; border-radius:999px; color:#6f6560; background:#f0ece9; font-size:8px; font-weight:720; line-height:1; }

.industry-tree-branches { min-height:0; display:flex; flex-direction:column; gap:5px; }
.industry-tree-branch {
  min-width:0;
  min-height:0;
  padding:5px;
  flex:1 1 0;
  display:grid;
  align-items:stretch;
  gap:5px;
  overflow:hidden;
  border:1px solid #e8e2de;
  border-radius:8px;
  background:rgba(255,255,255,.96);
  box-shadow:0 2px 7px rgba(61,44,37,.025);
}

.industry-tree-upstream .industry-tree-branch.is-primary { flex:2 1 0; }
.industry-tree-upstream .industry-tree-branch.is-secondary { flex:1 1 0; }

.industry-tree-upstream .industry-tree-branch { grid-template-columns:minmax(0,1fr) 61px; border-left:2px solid #add1c2; }
.industry-tree-downstream .industry-tree-branch { grid-template-columns:61px minmax(0,1fr); border-right:2px solid #c8bfe4; }

.industry-tree-hub {
  min-width:0;
  padding:6px 4px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid #c8dfd5;
  border-radius:7px;
  text-align:center;
  background:#f1f8f5;
}

.industry-tree-downstream .industry-tree-hub { border-color:#d8d0ea; background:#f6f3fb; }
.industry-tree-hub b { color:#326e57; font-size:9.5px; font-weight:790; line-height:1.15; }
.industry-tree-downstream .industry-tree-hub b { color:#66578f; }
.industry-tree-hub strong { margin-top:4px; color:#2f624f; font-size:13px; font-weight:820; line-height:1; }
.industry-tree-downstream .industry-tree-hub strong { color:#5a4c80; }
.industry-tree-hub small { margin-top:4px; color:#71877e; font-size:7.3px; font-weight:560; line-height:1; }
.industry-tree-downstream .industry-tree-hub small { color:#8b81a3; }

.industry-tree-leaf-cluster { min-width:0; min-height:0; display:grid; grid-template-rows:minmax(0,1fr); }
.industry-tree-leaves { min-width:0; min-height:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:minmax(0,1fr); gap:3px; }
.industry-tree-leaves button {
  position:relative;
  min-width:0;
  min-height:0;
  padding:3px 5px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:4px;
  overflow:hidden;
  border:1px solid #ece6e2;
  border-radius:5px;
  color:#49413d;
  background:#fff;
  font:inherit;
  text-align:left;
  cursor:default;
  pointer-events:none;
}

.industry-tree-leaves button > span { overflow:hidden; font-size:9.1px; font-weight:720; line-height:1.15; text-overflow:ellipsis; white-space:nowrap; }
.industry-tree-leaves button > small { padding:3px 6px; display:flex; align-items:baseline; gap:2px; border-radius:999px; background:#fef7e5; white-space:nowrap; }
.industry-tree-downstream .industry-tree-leaves button > small { background:#fff6e3; }
.industry-tree-leaves button > small b { color:#2f7757; font-size:8.8px; font-weight:800; line-height:1; }
.industry-tree-upstream .industry-tree-leaves button > small b { color:#a85a20; }
.industry-tree-downstream .industry-tree-leaves button > small b { color:#a85a20; }
.industry-tree-leaves button > small em { color:#5f7f70; font-size:6.8px; font-style:normal; font-weight:680; line-height:1; }
.industry-tree-upstream .industry-tree-leaves button > small em { color:#936846; }
.industry-tree-downstream .industry-tree-leaves button > small em { color:#936846; }
.industry-tree-leaves button > img { display:none; }

.industry-tree-core {
  width:110px;
  height:156px;
  margin-top:0;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  align-self:center;
  justify-self:center;
  overflow:hidden;
  border:1px solid #ecd5cc;
  border-radius:12px;
  color:#3b302b;
  text-align:center;
  background:#faf1ec;
  box-shadow:0 13px 28px rgba(117,75,58,.09);
}
.industry-tree-core > span { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:#fff; }
.industry-tree-core > span img { width:23px; height:23px; display:block; object-fit:contain; }
.industry-tree-core > small { margin-top:8px; color:#a26c58; font-size:10px; font-weight:770; line-height:1; }
.industry-tree-core > b { margin-top:4px; font-size:17px; font-weight:830; line-height:1.1; letter-spacing:-.02em; }
.industry-tree-core > strong { margin-top:10px; color:#d17859; font-size:31px; font-weight:830; line-height:.95; letter-spacing:-.055em; }
.industry-tree-core > em { margin-top:5px; color:#715f57; font-size:8.3px; font-style:normal; font-weight:660; line-height:1; }
@media (max-width:680px) {
  .chain-layered-dashboard { grid-template-rows:auto minmax(0,1fr); }
  .industry-tree-page { padding-top:8px; grid-template-rows:auto auto; gap:8px; }
  .industry-tree-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .industry-tree-summary .is-core { grid-column:1 / -1; grid-row:1; }
  .industry-tree-summary section { min-height:66px; padding:8px; }
  .industry-tree-summary span { font-size:13px; white-space:normal; }
.industry-tree-summary strong,
  .industry-tree-summary .is-core strong { font-size:25px; }
  .industry-tree-summary small { font-size:7px; white-space:normal; }
  .industry-tree-workspace { padding:9px; grid-template-columns:minmax(0,1fr); gap:10px; overflow:visible; }
  .industry-tree-connections { display:none; }
  .industry-tree-core { width:min(210px,100%); height:220px; min-height:0; margin-top:0; order:1; }
  .industry-tree-upstream { order:2; }
  .industry-tree-downstream { order:3; }
  .industry-tree-side > header { min-height:39px; }
  .industry-tree-side > header b { font-size:18px; }
  .industry-tree-side > header small { font-size:9px; }
  .industry-tree-side > header > span { font-size:8px; }
  .industry-tree-branches { width:100%; display:flex; flex-direction:row; gap:7px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:none; }
  .industry-tree-branches::-webkit-scrollbar { display:none; }
  .industry-tree-branch { width:100%; min-width:100%; min-height:168px; padding:6px; flex:0 0 100%; scroll-snap-align:start; }
  .industry-tree-upstream .industry-tree-branch.is-primary,
  .industry-tree-upstream .industry-tree-branch.is-secondary { flex:0 0 100%; }
  .industry-tree-branch.is-primary,
  .industry-tree-branch.is-application { min-height:260px; }
  .industry-tree-upstream .industry-tree-branch,
  .industry-tree-downstream .industry-tree-branch { grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); }
  .industry-tree-hub { min-height:40px; padding:6px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; text-align:left; column-gap:8px; }
  .industry-tree-hub b { font-size:11px; }
  .industry-tree-hub strong { margin:0; font-size:11px; }
  .industry-tree-hub small { margin:0; font-size:7px; }
  .industry-tree-leaves button { min-height:32px; padding-top:5px; padding-bottom:5px; }
  .industry-tree-leaves button > span { font-size:9px; }
  .industry-tree-leaves button > small b { font-size:7.5px; }
  .industry-tree-leaves button > small em { font-size:6.5px; }
  .industry-tree-core > span { width:40px; height:40px; }
  .industry-tree-core > span img { width:27px; height:27px; }
  .industry-tree-core > small { font-size:11px; }
  .industry-tree-core > b { font-size:21px; }
  .industry-tree-core > strong { font-size:42px; }
  .industry-tree-core > em { font-size:9px; }
}

@media (prefers-reduced-motion:reduce) {
  .industry-tree-branch,
  .industry-tree-leaves button,
  .industry-tree-leaves button > img { transition:none; }
}

/* Reference-style Agent columns — confirmed 2026-08-19. */
.agent-capability {
  background:#fdfcfa;
}

.agent-capability .agent-heading {
  margin-bottom:72px;
}

.agent-capability::before,
.agent-capability::after {
  display:none;
}

.agent-capability .agent-grid {
  gap:0;
  align-items:stretch;
}

.agent-capability .agent-card {
  min-height:0;
  padding:0 48px 20px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transition:none;
}

.agent-capability .agent-card + .agent-card {
  border-left:1px solid #eee8e3;
}

.agent-capability .agent-card:hover {
  transform:none;
  border-color:#eee8e3;
  box-shadow:none;
}

.agent-reference-illustration {
  width:min(320px,100%);
  height:240px;
  margin:0 auto 44px;
  display:block;
  object-fit:contain;
  transform:translateY(16px);
}

.agent-capability .agent-card > header {
  min-height:0;
  display:block;
  text-align:center;
}

.agent-capability .agent-card > header > i {
  display:none;
}

.agent-capability .agent-card h3 {
  margin:0;
  color:#171311;
  font-size:27px;
  font-weight:680;
  line-height:1.2;
  letter-spacing:-.025em;
}

.agent-capability .agent-card header p {
  max-width:380px;
  margin:16px auto 0;
  color:#7d7571;
  font-size:15px;
  line-height:1.65;
}

.agent-capability .agent-tags {
  margin:28px 0 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.agent-capability .agent-tags span {
  min-width:104px;
  min-height:40px;
  padding:8px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #eadfd9;
  border-radius:8px;
  color:#c16647;
  background:#fffaf7;
  box-shadow:0 3px 10px rgba(92,55,39,.04);
  font-size:14px;
  font-weight:650;
  line-height:1.25;
  text-align:center;
}

.agent-capability .agent-dashboard {
  display:none;
}
@media (max-width:1100px) {
  .agent-capability .agent-card {
    padding-right:28px;
    padding-left:28px;
  }
  .agent-reference-illustration {
    width:min(280px,100%);
    height:auto;
    aspect-ratio:4 / 3;
  }
  .agent-capability .agent-card h3 { font-size:24px; }
  .agent-capability .agent-tags { gap:8px; }
  .agent-capability .agent-tags span { min-width:96px; font-size:13px; }
}

@media (max-width:900px) {
  .agent-capability .agent-heading { margin-bottom:72px; }
  .agent-capability .agent-grid {
    grid-template-columns:1fr;
    gap:0;
  }
  .agent-capability .agent-card {
    width:100%;
    max-width:760px;
    padding:46px 28px 54px;
  }
  .agent-capability .agent-card:first-child { padding-top:0; }
  .agent-capability .agent-card + .agent-card {
    border-top:1px solid #eee8e3;
    border-left:0;
  }
  .agent-reference-illustration {
    width:min(420px,100%);
    height:auto;
    aspect-ratio:4 / 3;
    margin-bottom:34px;
  }
  .agent-capability .agent-card h3 { font-size:27px; }
  .agent-capability .agent-card header p { font-size:15px; }
  .agent-capability .agent-tags span { font-size:14px; }
}

@media (max-width:520px) {
  .agent-capability .agent-card { padding-right:8px; padding-left:8px; }
  .agent-reference-illustration { margin-bottom:26px; }
  .agent-capability .agent-card h3 { font-size:23px; }
  .agent-capability .agent-card header p { margin-top:11px; font-size:13px; }
  .agent-capability .agent-tags { width:min(100%,340px); margin:24px auto 0; gap:8px; }
  .agent-capability .agent-tags span { min-width:calc(50% - 4px); min-height:34px; padding:5px 12px; font-size:13px; }
}

/* Enterprise database · reference-led three-card composition */
.intelligence-bento {
  --database-accent:#d95e3a;
  min-height:900px;
  padding:92px 0 76px;
  background:#fdfcfa;
}

#intelligence.intelligence-bento {
  background:#fdfcfa;
  background-image:none;
}

.intelligence-bento .section-shell { width:min(1280px,calc(100% - 64px)); }
.intelligence-bento .intelligence-heading { max-width:1180px; margin:0 auto; text-align:center; }
.intelligence-bento .intelligence-heading h2 {
  max-width:980px;
  margin:0 auto;
  color:var(--ink);
  font-size:var(--content-section-title-size);
  font-weight:650;
  line-height:1.12;
  letter-spacing:-.045em;
  white-space:normal;
  text-wrap:balance;
}

.intelligence-bento .intelligence-heading p {
  max-width:980px;
  margin:20px auto 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}

.intelligence-bento .data-positioning,
.intelligence-bento .database-grid,
.intelligence-bento .assurance-row { display:none; }

.database-trust-strip {
  width:min(780px,100%);
  margin:38px auto 52px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.database-trust-strip span {
  min-width:0;
  min-height:42px;
  padding:0 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-right:1px solid var(--line);
}
.database-trust-strip span:last-child { border-right:0; }
.database-trust-strip img { width:26px; height:26px; flex:0 0 auto; filter:saturate(.58) brightness(.9); }
.database-trust-strip b { color:var(--ink); font-size:14px; font-weight:650; line-height:1.3; white-space:nowrap; }

.database-showcase {
  width:min(980px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:210px 210px;
  gap:20px 24px;
}
.database-highlight-card {
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fdfcfa;
  box-shadow:var(--shadow-low);
}
.database-highlight-entity { grid-column:1; grid-row:1; }
.database-highlight-media { grid-column:1; grid-row:2; }
.database-highlight-policy { grid-column:2; grid-row:1 / 3; }

.database-highlight-copy {
  position:relative;
  z-index:2;
  height:100%;
  padding:34px 40px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.database-card-visual { position:absolute; z-index:1; display:block; pointer-events:none; }
.database-entity-visual { top:24px; right:18px; width:68%; height:160px; }
.database-entity-circle { position:absolute; display:block; height:auto; }
.database-entity-circle.circle-01 { left:0; bottom:2%; width:9%; }
.database-entity-circle.circle-02 { left:12%; bottom:13%; width:11%; }
.database-entity-circle.circle-03 { left:26%; bottom:29%; width:13%; }
.database-entity-circle.circle-04 { left:42%; bottom:43%; width:15%; }
.database-entity-circle.circle-05 { left:60%; bottom:53%; width:17%; }
.database-entity-circle.circle-06 { left:80%; bottom:58%; width:19%; }
.database-media-visual { right:10px; bottom:-8px; width:62%; }

.database-highlight-copy strong,
.database-policy-primary strong,
.database-policy-secondary strong {
  display:flex;
  align-items:baseline;
  color:var(--database-accent);
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  font-weight:600;
  line-height:1;
  letter-spacing:-.055em;
  white-space:nowrap;
}
.database-highlight-copy strong,
.database-policy-primary strong { font-size:52px; }
.database-highlight-copy strong small,
.database-policy-primary strong small { margin-left:4px; font-size:22px; font-weight:500; letter-spacing:-.02em; }
.database-highlight-copy h3,
.database-policy-primary h3 { margin:14px 0 0; color:var(--ink); font-size:17px; font-weight:680; line-height:1.35; }
.database-highlight-copy p,
.database-policy-primary p { margin:9px 0 0; color:var(--muted); font-size:12px; line-height:1.5; }

.database-policy-primary { position:absolute; z-index:2; top:36px; left:40px; }
.database-volume-visual {
  position:absolute;
  z-index:1;
  top:62px;
  right:8px;
  width:96%;
  height:auto;
  opacity:.78;
  filter:none;
  pointer-events:none;
}
.database-policy-secondary {
  position:absolute;
  z-index:2;
  right:38px;
  bottom:28px;
  left:38px;
  padding-top:20px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--line);
}
.database-policy-secondary > div { min-width:0; padding:0 24px; border-right:1px solid var(--line); }
.database-policy-secondary > div:first-child { padding-left:0; }
.database-policy-secondary > div:last-child { padding-right:0; border-right:0; }
.database-policy-secondary strong { font-size:27px; }
.database-policy-secondary strong small { margin-left:3px; font-size:14px; font-weight:500; letter-spacing:-.02em; }
.database-policy-secondary b { display:block; margin-top:8px; color:var(--ink); font-size:12px; font-weight:620; line-height:1.4; }
@media (max-width:900px) {
  .intelligence-bento { min-height:0; padding:82px 0 70px; }
  .intelligence-bento .section-shell { width:calc(100% - 40px); }
  .database-showcase { grid-template-columns:1fr; grid-template-rows:repeat(2,210px) 420px; gap:18px; }
  .database-highlight-entity { grid-column:1; grid-row:1; }
  .database-highlight-media { grid-column:1; grid-row:2; }
  .database-highlight-policy { grid-column:1; grid-row:3; }
  .database-volume-visual { width:74%; }
}

@media (max-width:680px) {
  .intelligence-bento { padding:66px 0 58px; }
  .intelligence-bento .section-shell { width:calc(100% - 28px); }
  .intelligence-bento .intelligence-heading h2 { margin-top:0; font-size:var(--content-section-title-size); line-height:1.18; }
  .intelligence-bento .intelligence-heading p { margin-top:15px; font-size:14px; line-height:1.65; }
  .database-trust-strip { width:100%; margin:28px auto 34px; grid-template-columns:1fr; }
  .database-trust-strip span { min-height:44px; padding:8px 0; justify-content:flex-start; border-right:0; border-bottom:1px solid var(--line); }
  .database-trust-strip span:last-child { border-bottom:0; }
  .database-trust-strip img { width:24px; height:24px; }
  .database-trust-strip b,
.database-showcase { grid-template-rows:195px 195px 380px; gap:14px; }
  .database-highlight-card { border-radius:16px; }
  .database-highlight-copy { padding:30px 28px; }
  .database-highlight-copy strong,
  .database-policy-primary strong { font-size:46px; }
  .database-highlight-copy strong small,
  .database-policy-primary strong small { font-size:21px; }
  .database-highlight-copy h3,
  .database-policy-primary h3,
.database-policy-primary { top:32px; left:28px; }
  .database-entity-visual { top:30px; right:10px; width:66%; height:150px; }
  .database-media-visual { right:0; bottom:0; width:60%; }
  .database-volume-visual { top:82px; right:-10px; width:92%; opacity:.8; }
  .database-policy-secondary { right:28px; bottom:28px; left:28px; padding-top:18px; }
  .database-policy-secondary > div { padding:0 14px; }
  .database-policy-secondary strong { font-size:25px; }
  .database-policy-secondary strong small { font-size:14px; }
  .database-policy-secondary b { font-size:11px; }
}

/* Enterprise database · six-category reference layout */
.database-showcase.database-showcase-six {
  width:min(1380px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:none;
  gap:14px;
}

.database-category-card {
  position:relative;
  min-width:0;
  min-height:450px;
  padding:34px 22px 0;
  overflow:hidden;
  border:1px solid #eee2db;
  border-radius:14px;
  background:rgba(255,255,255,.48);
  box-shadow:0 10px 28px rgba(94,57,39,.035);
  transition:transform var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease);
}

.database-category-card:hover {
  transform:translateY(-5px);
  border-color:#e9c7b7;
  box-shadow:0 18px 34px rgba(94,57,39,.07);
}

.database-category-card header {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.database-category-card header img {
  width:54px;
  height:54px;
  display:block;
}

.database-category-card h3 {
  margin:18px 0 0;
  color:var(--ink);
  font-size:20px;
  font-weight:680;
  line-height:1.35;
  letter-spacing:-.035em;
  white-space:nowrap;
}

.database-category-card p {
  position:relative;
  z-index:2;
  margin:14px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.8;
  text-align:center;
}

.database-category-card p span { display:block; }

.database-category-card .database-capabilities {
  position:relative;
  z-index:2;
  margin:18px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  color:var(--muted);
  font-size:13px;
  font-weight:550;
  line-height:1.5;
  list-style:none;
  text-align:center;
}

.database-category-card .database-capabilities li {
  min-width:0;
}

.database-category-art {
  position:absolute;
  z-index:1;
  right:8px;
  bottom:20px;
  left:8px;
  width:calc(100% - 16px);
  height:230px;
  object-fit:contain;
  object-position:center bottom;
  pointer-events:none;
}
@media (max-width:1180px) {
  .database-showcase.database-showcase-six { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .database-category-card { min-height:460px; }
  .database-category-art { height:240px; }
}

@media (max-width:760px) {
  .database-showcase.database-showcase-six { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .database-category-card { min-height:440px; padding:30px 18px 0; }
  .database-category-art { height:225px; }
}

@media (max-width:500px) {
  .database-showcase.database-showcase-six { grid-template-columns:1fr; }
  .database-category-card { min-height:430px; }
  .database-category-art { right:20px; left:20px; width:calc(100% - 40px); height:230px; }
}

/* Canonical site-wide title hierarchy — keep every visual level consistent. */
:root {
  --site-title-display-size: clamp(44px, 3vw, 56px);
  --site-title-section-size: clamp(34px, 3.7vw, 52px);
  --site-title-feature-size: clamp(28px, 2.45vw, 36px);
  --site-title-card-size: clamp(21px, 1.75vw, 27px);
  --site-title-module-size: 18px;
}

/* Page display title. */
.hero-concept-copy h1,
.hero-concept-halftone .hero-concept-copy h1 {
  font-size: var(--site-title-display-size);
  font-weight: 760;
  line-height: 1.08;
  letter-spacing: -.047em;
}

/* Primary section titles. */
.capability-heading h2,
.agent-heading h2,
.intelligence-heading h2,
.contrast .section-heading h2,
.audience-heading h2,
.scenario-header h2,
.consult h2,
.contrast .section-heading {
  max-width: none;
}

.contrast .section-heading h2 {
  white-space: nowrap;
  text-wrap: nowrap;
}

@media (max-width: 680px) {
  .contrast .section-heading {
    max-width: 800px;
  }

  .contrast .section-heading h2 {
    white-space: normal;
    text-wrap: balance;
  }
}

/* Unified homepage section background · confirmed 2026-08-20.
   Keep the orange conversion section and dark footer unchanged. */
body,
.hero-concept,
.core-capabilities,
.agent-capability,
#intelligence.intelligence-bento,
.contrast,
.scenario-map {
  background: #fdfcfa;
  background-image: none;
}

/* Prominent feature titles inside a section. */
.capability-four-copy h3 {
  font-size: var(--site-title-feature-size);
  font-weight: 680;
  line-height: 1.18;
  letter-spacing: -.04em;
}

/* Primary card titles. */
.agent-capability .agent-card h3,
.capability-brief h3,
.consult-card h3 {
  font-size: var(--site-title-card-size);
  font-weight: 680;
  line-height: 1.25;
  letter-spacing: -.025em;
}

/* Compact module titles. */
.scenario-title h3,
.database-highlight-copy h3,
.database-policy-primary h3,
@media (max-width:680px) {
  :root {
    --site-title-display-size: clamp(34px, 10.4vw, 46px);
    --site-title-section-size: 34px;
    --site-title-feature-size: 28px;
    --site-title-card-size: 22px;
    --site-title-module-size: 18px;
  }
}

/* Policy-volume chart: every bar owns an exact MOSS-orange-to-white gradient. */
.database-volume-bars {
  position: absolute;
  z-index: 1;
  top: 82px;
  right: 8px;
  width: 96%;
  aspect-ratio: 1672 / 941;
  display: flex;
  align-items: flex-end;
  gap: clamp(3px, .38vw, 6px);
  padding: 0 10px;
  pointer-events: none;
}

.database-volume-bars i {
  min-width: 0;
  height: var(--bar-height);
  flex: 1 1 0;
  border-radius: 999px 999px 3px 3px;
  background: linear-gradient(180deg, #df5a29 0%, #df5a29 35%, rgba(223, 90, 41, .15) 100%);
}

.database-highlight-policy::after {
  display: none;
}

@media (max-width: 680px) {
  .database-volume-bars {
    top: 102px;
    right: -10px;
    width: 92%;
    gap: 2px;
    padding: 0 4px;
  }
}

@media (min-width: 681px) and (max-width: 900px) {
  .database-volume-bars { width: 74%; }
}

/* Closing conversion and footer · faithful desktop composition, 2026-08-21. */
main > .consult[id] {
  min-height: 733px;
  scroll-margin-top: 64px;
}

.consult {
  position: relative;
  min-height: 733px;
  padding: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: var(--closing-ink);
  background: var(--closing-bg) !important;
}

.consult .consult-inner {
  isolation: isolate;
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 733px;
  padding: 0 72px;
  display: grid;
  grid-template-columns: 1fr;
  place-items: center;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.consult .consult-inner::before,
.consult .consult-inner::after,
.consult-copy::after {
  display: none;
}

.consult-copy {
  position: relative;
  z-index: 2;
  width: min(850px, 100%);
  padding: 0;
  color: var(--closing-ink);
  text-align: center;
  transform: translateY(-46px);
}

.consult-kicker,
.consult-card {
  display: none;
}

.consult h2 {
  margin: 0;
  color: var(--closing-ink);
  font-size: 58px;
  font-weight: 720;
  line-height: 1.24;
  letter-spacing: -.052em;
  text-shadow: none;
  text-wrap: balance;
}

.consult h2 span {
  display: block;
  white-space: nowrap;
}

.consult-copy > p {
  margin: 31px 0 0;
  color: var(--closing-muted);
  font-size: 24px;
  font-weight: 450;
  line-height: 1.5;
}

.consult-primary {
  width: 220px;
  height: 54px;
  margin: 29px auto 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--closing-ink);
  border-radius: 15px;
  color: #fff;
  background: #1f1f21;
  box-shadow: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  transition: transform 180ms ease-out, background-color 180ms ease-out;
}

.consult-primary:hover {
  color: #fff;
  background: #313133;
  transform: translateY(-1px);
}

.consult-primary:focus-visible {
  outline: 2px solid rgba(31,29,27,.35);
  outline-offset: 4px;
}

.consult-watermark {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 0;
  padding-top: .16em;
  padding-inline: .12em;
  transform: translateX(-50%) scaleX(1.13);
  transform-origin: center bottom;
  color: transparent;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: clamp(350px, 32vw, 560px);
  font-weight: 500;
  line-height: .72;
  letter-spacing: .018em;
  white-space: nowrap;
  opacity: .92;
  -webkit-text-stroke: 1.15px var(--closing-line);
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 42%, rgba(0, 0, 0, .92) 52%, rgba(0, 0, 0, .72) 62%, rgba(0, 0, 0, .48) 72%, rgba(0, 0, 0, .24) 80%, rgba(0, 0, 0, .08) 86%, transparent 92%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, #000 42%, rgba(0, 0, 0, .92) 52%, rgba(0, 0, 0, .72) 62%, rgba(0, 0, 0, .48) 72%, rgba(0, 0, 0, .24) 80%, rgba(0, 0, 0, .08) 86%, transparent 92%, transparent 100%);
  pointer-events: none;
  user-select: none;
}
.site-footer {
  position: relative;
  min-height: 532px;
  padding: 80px 0 42px;
  overflow: hidden;
  color: var(--footer-muted);
  background:
    radial-gradient(ellipse at 50% 118%, #1d1d1d 0%, #0b0b0b 42%, var(--footer-bg) 72%),
    var(--footer-bg);
}

.site-footer::before {
  content: "";
  position: absolute;
  top: -7px;
  right: 6%;
  left: 6%;
  height: 18px;
  border: 1px solid rgba(255,255,255,.24);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  transform: perspective(900px) rotateX(62deg);
  transform-origin: top center;
  pointer-events: none;
}

.site-footer .footer-inner {
  width: min(1755px, calc(100% - 226px));
  min-height: 441px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 0;
}

.footer-main {
  min-height: 306px;
  padding: 0 0 62px;
  display: grid;
  grid-template-columns: minmax(0, 695px) minmax(0, 1fr);
  align-items: start;
  gap: 120px;
}

.footer-brand {
  position: relative;
  padding: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  align-content: start;
  align-items: start;
  justify-content: start;
  gap: 0 12px;
  color: var(--footer-ink);
}

.footer-brand::after { display: none; }

.footer-brand img {
  width: 112px;
  height: auto;
  filter: brightness(0) invert(1);
}

.footer-brand p {
  grid-column: 1 / -1;
  margin: 24px 0 0;
  display: grid;
  gap: 8px;
  color: #878787;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.site-footer nav {
  padding-top: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  justify-content: stretch;
  gap: 82px;
  color: var(--footer-muted);
  font-size: 14px;
}

.footer-nav-group {
  position: relative;
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 21px;
}

.footer-nav-group + .footer-nav-group::before {
  content: "";
  position: absolute;
  top: 48px;
  bottom: 1px;
  left: -82px;
  width: 1px;
  background: var(--footer-line);
}

.footer-nav-group h3 {
  margin: 0 0 7px;
  color: var(--footer-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  white-space: nowrap;
}

.site-footer .footer-nav-group a {
  width: fit-content;
  display: block;
  color: #858585;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  white-space: nowrap;
  transition: color 160ms ease-out;
}

.site-footer .footer-nav-group a:hover { color: var(--footer-ink); }

.footer-bottom {
  min-height: 105px;
  padding: 52px 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  border-top: 1px solid var(--footer-line);
}

.footer-legal,
.footer-meta {
  display: flex;
  align-items: center;
  gap: 25px;
}

.footer-legal span,
.footer-meta span {
  color: #666;
  font-family: "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-size: 11px;
  font-weight: 450;
  line-height: 1.4;
  letter-spacing: .02em;
  white-space: nowrap;
}

.footer-legal .footer-legal-item {
  position: relative;
  padding-left: 21px;
  cursor: default;
}

.footer-legal .footer-legal-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 15px;
  background: var(--footer-line);
  transform: translateY(-50%);
}

.footer-meta { text-align: right; }
.footer-meta span { letter-spacing: .14em; }

@media (max-width: 1180px) {
  main > .consult[id],
  .consult,
  .consult .consult-inner { min-height: 650px; }
  .consult .consult-inner { padding: 0 40px; }
  .consult h2 { font-size: clamp(46px, 5vw, 56px); }
  .consult-copy > p { font-size: 21px; }
  .consult-watermark { bottom: 0; font-size: clamp(300px, 32vw, 380px); }
  .site-footer { min-height: auto; padding: 82px 0 44px; }
  .site-footer .footer-inner { width: calc(100% - 80px); min-height: 0; }
  .footer-main { min-height: 0; grid-template-columns: minmax(300px, .85fr) 1.15fr; gap: 64px; }
  .footer-brand img { width: 104px; }
  .footer-brand p { font-size: 13px; }
  .site-footer nav { gap: 48px; font-size: 13px; }
  .footer-nav-group + .footer-nav-group::before { left: -48px; }
  .footer-nav-group h3 { font-size: 14px; }
  .site-footer .footer-nav-group a { font-size: 13px; }
}

@media (max-width: 920px) {
  main > .consult[id],
  .consult,
  .consult .consult-inner { min-height: 600px; }
  .consult-copy { transform: translateY(-32px); }
  .consult h2 { font-size: clamp(40px, 6vw, 50px); }
  .consult-copy > p { font-size: 19px; }
  .consult-watermark { bottom: 0; font-size: clamp(240px, 32vw, 290px); }
  .footer-main { grid-template-columns: 1fr; gap: 64px; }
  .site-footer nav { width: 100%; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }
  .footer-meta { text-align: left; }
}

@media (max-width: 680px) {
  main > .consult[id],
  .consult,
  .consult .consult-inner { min-height: 520px; }
  .consult .consult-inner { padding: 0 20px; }
  .consult-copy { transform: translateY(-26px); }
  .consult h2 {
    margin: 0;
    font-size: clamp(31px, 9.2vw, 40px);
    line-height: 1.22;
    letter-spacing: -.045em;
  }
  .consult h2 span { white-space: normal; }
  .consult-copy > p { max-width: 340px; margin: 24px auto 0; font-size: 16px; line-height: 1.75; }
  .consult-primary { width: 220px; height: 54px; margin-top: 24px; border-radius: 15px; font-size: 15px; }
  .consult-watermark { bottom: 0; font-size: clamp(118px, 31vw, 170px); line-height: .76; }
  .site-footer { padding: 68px 0 34px; }
  .site-footer .footer-inner { width: calc(100% - 36px); }
  .footer-main { padding-bottom: 52px; gap: 52px; }
  .footer-brand img { width: 96px; }
  .footer-brand p { margin-top: 20px; font-size: 12px; }
  .site-footer nav { grid-template-columns: 1fr; gap: 42px; }
  .footer-nav-group { gap: 18px; }
  .footer-nav-group + .footer-nav-group::before { display: none; }
  .footer-bottom { min-height: 0; padding-top: 32px; gap: 28px; }
  .footer-legal { flex-wrap: wrap; gap: 14px 18px; }
  .footer-legal span { width: 100%; }
  .footer-legal .footer-legal-item { padding-left: 0; }
  .footer-legal .footer-legal-item::before { display: none; }
  .footer-legal span,
  .footer-meta span { font-size: 10px; white-space: normal; }
}