@font-face {
  font-family: "Material Symbols Rounded";
  src: url("assets/material-symbols-rounded.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

:root {
  --paper: #f8f4ec;
  --paper-strong: #f3ede2;
  --ink: #0b2f4b;
  --text: #233238;
  --muted: #6f7775;
  --rust: #c85b2c;
  --rust-dark: #a9421c;
  --navy: #062f4d;
  --navy-deep: #03243a;
  --sage: #8d9672;
  --line: #ded6c8;
  --white: #fffdfa;
  --rail: 104px;
  --max: 1240px;
  --shadow: 0 16px 40px rgba(24, 40, 45, 0.08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--paper);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }
.material-symbols-rounded {
  display: inline-block;
  font-family: "Material Symbols Rounded";
  font-size: 1.25em;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga";
}

.chapter-rail {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 50;
  width: var(--rail);
  border-right: 1px solid var(--line);
  background: rgba(248, 244, 236, 0.94);
  box-shadow: 8px 0 22px rgba(39, 42, 38, 0.025);
  backdrop-filter: blur(12px);
}
.rail-monogram {
  display: grid;
  height: 76px;
  place-items: center;
  color: var(--rust);
  border-bottom: 1px solid var(--line);
  font-family: inherit;
  font-size: 22px;
  font-weight: 700;
}
.chapter-rail nav { display: grid; padding: 20px 0; }
.rail-link {
  position: relative;
  display: grid;
  min-height: 98px;
  place-items: center;
  align-content: center;
  color: #a39d92;
  transition: color .2s ease, background .2s ease;
}
.rail-link span { font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1; }
.rail-link em { margin-top: 8px; font-size: 12px; font-style: normal; }
.rail-link i {
  width: 4px;
  height: 4px;
  margin-top: 9px;
  border-radius: 50%;
  background: transparent;
}
.rail-link:hover,
.rail-link.is-active { color: var(--rust); background: rgba(255, 253, 250, .55); }
.rail-link.is-active i { background: var(--rust); }

.page-shell { margin-left: var(--rail); min-width: 0; }
.topbar {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  height: 76px;
  align-items: center;
  justify-content: space-between;
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 52px;
  border-bottom: 1px solid var(--line);
  background: rgba(248, 244, 236, .9);
  backdrop-filter: blur(14px);
}
.topbar-home-link {
  display: inline-flex;
  max-width: 360px;
  align-items: center;
  color: #737b76;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .04em;
  line-height: 1.4;
  transition: color .2s ease, transform .2s ease;
}
.topbar-home-link:hover { color: var(--rust); transform: translateX(3px); }
.home-quote-short { display: none; }
.topbar nav {
  display: grid;
  width: 268px;
  height: 100%;
  grid-template-columns: 82px 82px 68px;
  gap: 18px;
}
.topbar nav a {
  position: relative;
  display: grid;
  place-items: center;
  color: #555d5a;
  font-size: 14px;
  font-weight: 600;
}
.topbar nav a::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 3px;
  background: var(--rust);
  content: "";
  opacity: 0;
  transform: scaleX(.2);
  transition: opacity .2s ease, transform .2s ease;
}
.topbar nav a:hover,
.topbar nav a.is-active { color: var(--ink); }
.topbar nav a.is-active::after { opacity: 1; transform: scaleX(1); }
.topbar-portfolio {
  position: relative;
  display: grid;
  height: 100%;
}
.topbar-portfolio > a { width: 100%; height: 100%; }
.topbar-submenu {
  position: absolute;
  top: calc(100% - 1px);
  right: -16px;
  z-index: 60;
  display: grid;
  width: 226px;
  height: auto;
  gap: 4px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,253,250,.98);
  box-shadow: 0 18px 44px rgba(11,47,75,.12);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.topbar-portfolio:hover .topbar-submenu,
.topbar-portfolio:focus-within .topbar-submenu { opacity: 1; visibility: visible; transform: none; }
.topbar nav .topbar-submenu a {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  border-radius: 6px;
  color: #555d5a;
  font-size: 12px;
  white-space: nowrap;
}
.topbar nav .topbar-submenu a::after { display: none; }
.topbar nav .topbar-submenu a:hover,
.topbar nav .topbar-submenu a:focus-visible { color: var(--rust); background: #f4e8de; }
.topbar-submenu .material-symbols-rounded { font-size: 16px; }
.mobile-brand { display: none; }

main { overflow: clip; }
.hero {
  display: grid;
  min-height: 560px;
  grid-template-columns: 1.25fr .75fr;
  gap: 52px;
  align-items: center;
  max-width: var(--max);
  margin: 0 auto;
  padding: 70px 52px 56px;
}
.eyebrow {
  margin: 0 0 22px;
  color: var(--sage);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .18em;
}
.hero h1 {
  margin: 0;
  color: var(--ink);
  font-family: inherit;
  font-size: clamp(29px, 2.6vw, 36px);
  font-weight: 650;
  letter-spacing: -.025em;
  line-height: 1.45;
}
.hero h1 span { display: block; white-space: nowrap; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 56px; }
.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 0 24px;
  border: 1px solid var(--ink);
  border-radius: 7px;
  font-size: 14px;
  font-weight: 650;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.button-primary { border-color: var(--rust); color: white; background: var(--rust); }
.button-primary:hover { background: var(--rust-dark); }
.button-secondary { color: var(--ink); background: rgba(255,255,255,.25); }
.button-ghost { border-color: var(--line); color: #7c7e78; }
.last-update { margin: 28px 0 0 2px; color: #868983; font-size: 12px; }

.hero-profile { position: relative; min-height: 340px; padding: 50px 18px 40px 36px; }
.hero-watermark {
  position: absolute;
  z-index: -1;
  top: -35px;
  right: 0;
  color: rgba(200, 91, 44, .06);
  display: none;
  font-family: inherit;
  font-size: 220px;
  line-height: 1;
}
.profile-name-row { display: flex; align-items: baseline; gap: 18px; }
.profile-name-row h2 { margin: 0; color: var(--ink); font-family: inherit; font-size: 29px; font-weight: 650; }
.profile-name-row span { color: var(--rust); font-family: inherit; font-size: 13px; font-weight: 500; }
.profile-role { margin: 4px 0 0; padding-bottom: 18px; border-bottom: 1px solid rgba(200,91,44,.35); font-size: 15px; }
.profile-points { display: grid; gap: 14px; margin: 26px 0 0; padding: 0; list-style: none; }
.profile-points li { display: flex; align-items: center; gap: 11px; color: #3e4949; font-size: 14px; }
.profile-points .material-symbols-rounded { color: var(--ink); font-size: 19px; }
.hero-cityline { display: none; }

.proof-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 38px max(52px, calc((100vw - var(--rail) - var(--max)) / 2 + 52px));
  color: var(--white);
  background: var(--navy);
}
.proof-band article {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  min-height: 124px;
  padding: 0 28px;
  border-right: 1px solid rgba(255,255,255,.18);
}
.proof-band article:first-child { padding-left: 0; }
.proof-band article:last-child { border-right: 0; padding-right: 0; }
.proof-band > article > .material-symbols-rounded { color: #f28b55; font-size: 27px; }
.proof-band h3 { margin: 0 0 8px; color: #f4b38b; font-size: 14px; font-weight: 600; }
.proof-band strong { display: block; color: #f2a171; font-family: inherit; font-size: clamp(30px, 2.7vw, 38px); font-weight: 600; line-height: 1.15; }
.proof-band strong small { margin-left: 7px; font-family: inherit; font-size: 15px; }
.proof-band .proof-dual { display: flex; align-items: baseline; gap: 16px; font-size: clamp(26px, 2.2vw, 34px); white-space: nowrap; }
.proof-band .proof-dual > span + span { position: relative; padding-left: 16px; }
.proof-band .proof-dual > span + span::before { position: absolute; top: 14%; bottom: 10%; left: 0; width: 1px; background: rgba(255,255,255,.25); content: ""; }
.proof-band .proof-dual small { margin-left: 4px; font-size: 11px; }
.proof-band p { margin: 12px 0 0; color: rgba(255,255,255,.78); font-size: 12px; line-height: 1.5; }

.content-section {
  max-width: var(--max);
  margin: 0 auto;
  padding: 46px 52px 44px;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 75px;
}
.section-title { display: flex; align-items: baseline; gap: 24px; margin-bottom: 34px; color: var(--ink); }
.section-title > span { font-family: inherit; font-size: 28px; font-weight: 600; line-height: 1; }
.section-title h2 { margin: 0; font-family: inherit; font-size: 23px; font-weight: 650; }
.section-title small { color: #6e7471; font-size: 12px; font-weight: 500; }

.about-grid { display: grid; grid-template-columns: 1.28fr 1fr 1.45fr 1.05fr; gap: 38px; padding-left: 0; }
.about-grid p { margin: 0; color: #59625f; font-size: 14px; }
.about-grid .about-lead { color: var(--text); font-family: inherit; font-size: 16px; font-weight: 500; line-height: 1.8; }
.about-strengths { display: grid; gap: 10px; }
.about-strengths p { display: grid; grid-template-columns: 74px 1fr; gap: 12px; align-items: baseline; padding-bottom: 9px; border-bottom: 1px solid var(--line); line-height: 1.55; }
.about-strengths p:last-child { border-bottom: 0; padding-bottom: 0; }
.about-strengths strong { color: var(--ink); font-size: 13px; font-weight: 650; }
.about-strengths span { color: #65706d; font-size: 12px; }
.facts { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.facts li { display: flex; min-height: 30px; align-items: center; gap: 10px; font-size: 13px; }
.facts .material-symbols-rounded { color: var(--ink); font-size: 18px; }
.learning-panel { display: grid; align-content: start; gap: 7px; min-width: 0; padding: 2px 0 2px 22px; border-left: 2px solid var(--rust); color: inherit; transition: border-color .2s ease, transform .2s ease; }
.learning-panel:hover, .learning-panel:focus-visible { border-color: var(--ink); transform: translateY(-3px); }
.learning-panel-label { display: flex; align-items: center; gap: 6px; color: var(--rust); font-size: 11px; font-weight: 650; letter-spacing: .08em; }
.learning-panel-label .material-symbols-rounded { font-size: 17px; }
.learning-panel strong { display: flex; align-items: baseline; gap: 6px; color: var(--ink); line-height: 1; }
.learning-panel strong b { font-size: 28px; font-weight: 650; letter-spacing: -.03em; }
.learning-panel strong small { font-size: 11px; font-weight: 600; }
.learning-panel-score { color: var(--ink); font-size: 13px; font-weight: 650; }
.learning-panel-score em { margin-left: 4px; padding: 2px 6px; border: 1px solid rgba(200,85,38,.28); border-radius: 99px; color: var(--rust); font-size: 9px; font-style: normal; }
.about-grid .learning-panel p { max-width: 240px; color: #77807d; font-size: 10px; line-height: 1.5; }
.learning-panel-link { display: flex; align-items: center; gap: 4px; margin-top: 3px; color: var(--rust); font-size: 10px; font-weight: 600; }
.learning-panel-link .material-symbols-rounded { font-size: 13px; }

@media (max-width: 1100px) {
  .about-grid { grid-template-columns: 1fr 1.35fr; gap: 30px 42px; }
}

.career-chart { position: relative; height: 418px; margin-left: 86px; padding-top: 34px; }
.career-years { position: absolute; top: 0; right: 0; left: 0; display: flex; justify-content: space-between; color: #616a67; font-family: inherit; font-size: 11px; font-weight: 500; }
.career-years span { width: 0; white-space: nowrap; transform: translateX(-50%); }
.career-years span:first-child { transform: none; }
.career-years span:last-child { transform: translateX(-100%); }
.career-grid { position: absolute; inset: 25px 0 0; background: repeating-linear-gradient(to right, rgba(107,114,109,.13) 0, rgba(107,114,109,.13) 1px, transparent 1px, transparent 12.5%); pointer-events: none; }
.career-row { position: relative; display: block; height: 53px; }
.career-row i { position: absolute; top: 7px; left: var(--start); width: var(--width); height: 8px; border-radius: 99px; background: #cbd1c8; box-shadow: 0 2px 6px rgba(45,53,50,.08); transition: transform .2s ease, filter .2s ease; transform-origin: left; }
.career-row div { position: absolute; top: 19px; left: var(--label); display: grid; color: #55605d; line-height: 1.35; }
.career-row strong { font-size: 12px; font-weight: 650; }
.career-row span { color: #858b88; font-size: 10px; }
.career-row:hover i { filter: saturate(1.2); transform: scaleY(1.45); }
.career-row:hover strong { color: var(--rust); }
.row-company i { background: #d7c09e; }
.row-community i { background: #b9c4ba; }
.row-camp i { background: #d8cfc0; }
.row-resume i { background: #b5c5bd; }
.row-paid-community i { background: #c9aa8d; }
.row-keyword-camp i { width: 12px !important; height: 12px; top: 5px; border: 3px solid #f4e3d7; background: var(--rust); box-shadow: 0 0 0 1px rgba(200,91,44,.22); }
.row-keyword-camp strong { color: #87401f; }
.row-ai i { background: #96aaa2; }
.career-mobile { display: none; }

.capability-paths { border-top: 1px solid var(--line); }
.capability-path {
  display: grid;
  min-height: 190px;
  grid-template-columns: .95fr 1.12fr 28px 1.12fr 1.65fr;
  gap: 18px;
  align-items: center;
  padding: 22px 4px;
  border-bottom: 1px solid var(--line);
}
.capability-identity { display: grid; min-width: 0; grid-template-columns: 56px 1fr; gap: 16px; align-items: center; }
.capability-main-icon { display: grid; width: 56px; height: 56px; place-items: center; border: 1px solid #e4ddd2; border-radius: 50%; color: var(--rust); background: var(--white); box-shadow: 0 8px 18px rgba(11,47,75,.06); font-size: 28px; }
.capability-identity h3 { margin: 0; color: var(--ink); font-size: 18px; font-weight: 650; }
.capability-identity p { margin: 3px 0 0; color: #65706d; font-size: 12px; line-height: 1.55; }
.capability-step { display: grid; min-width: 0; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; }
.capability-step > .material-symbols-rounded { color: var(--rust); font-size: 23px; }
.capability-step b { display: block; margin: -2px 0 5px; color: var(--ink); font-size: 13px; font-weight: 650; }
.capability-step p { margin: 0; color: #737b78; font-size: 12px; line-height: 1.72; }
.capability-arrow { color: #9aa09d; font-size: 24px; }
.capability-evidence { min-width: 0; padding-left: 22px; border-left: 1px solid var(--line); }
.capability-evidence dl { margin: 0; }
.capability-evidence dt { color: var(--ink); font-size: 20px; font-weight: 700; line-height: 1.15; }
.capability-evidence dd { margin: 3px 0 0; color: #616b68; font-size: 11px; }
.growth-evidence { display: grid; grid-template-columns: 1fr 145px; gap: 14px; align-items: center; }
.growth-evidence dl { display: grid; gap: 12px; }
.capability-sparkline { display: block; width: 145px; height: 64px; }
.operations-evidence { display: grid; grid-template-columns: 1fr 88px; gap: 14px; align-items: center; }
.operations-evidence dl { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 11px 15px; }
.operations-evidence dl div:last-child { grid-column: 1 / -1; }
.operations-evidence dl div:last-child dt { font-size: 17px; }
.retention-chart { position: relative; display: grid; width: 88px; place-items: center; }
.capability-retention { display: block; width: 74px; height: 74px; }
.retention-chart strong { position: absolute; top: 27px; color: var(--ink); font-size: 14px; line-height: 1; }
.retention-chart span { margin-top: 4px; color: #69716f; font-size: 9px; }
.ai-evidence { display: grid; grid-template-columns: auto 1fr auto; gap: 16px; align-items: center; }
.ai-product-count strong, .ai-user-total strong { display: block; color: var(--ink); font-size: 19px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.ai-product-count span, .ai-user-total span { display: block; margin-top: 4px; color: #626c69; font-size: 10px; white-space: nowrap; }
.ai-product-icons { display: grid; grid-template-columns: repeat(3, 28px); gap: 6px; justify-content: center; }
.ai-product-icons span { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #e1d9ce; border-radius: 5px; color: var(--rust); background: var(--white); font-size: 15px; }

.capability-system-showcase {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: 38px;
  margin-top: 34px;
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255,253,250,.72);
}
.capability-system-copy { min-width: 0; padding: 8px 0; }
.capability-system-kicker { margin: 0 0 13px; color: var(--rust); font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.capability-system-copy > h3 { max-width: 510px; margin: 0; color: var(--ink); font-size: 24px; font-weight: 680; line-height: 1.45; }
.capability-system-lead { max-width: 560px; margin: 16px 0 22px; color: #606a67; font-size: 13px; line-height: 1.85; }
.capability-system-points { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }
.capability-system-points li { display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: start; }
.capability-system-points .material-symbols-rounded { color: var(--rust); font-size: 22px; }
.capability-system-points b { display: block; margin: -2px 0 3px; color: var(--ink); font-size: 13px; font-weight: 650; }
.capability-system-points p { margin: 0; color: #737b78; font-size: 11px; line-height: 1.65; }
.capability-system-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.capability-system-actions > * { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 10px; padding: 0 18px; border-radius: 5px; font-size: 12px; font-weight: 650; cursor: pointer; }
.capability-system-actions .material-symbols-rounded { font-size: 18px; }
.system-primary-action { border: 1px solid var(--rust); color: #fff; background: var(--rust); }
.system-primary-action:hover { border-color: var(--rust-dark); background: var(--rust-dark); }
.system-secondary-action { border: 1px solid var(--ink); color: var(--ink); background: transparent; }
.system-secondary-action:hover { color: #fff; background: var(--ink); }
.capability-system-preview { position: relative; display: block; min-width: 0; height: 100%; min-height: 430px; align-self: stretch; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 7px; background: #fff; cursor: zoom-in; }
.capability-system-image { position: absolute; inset: 0; display: block; overflow: hidden; }
.capability-system-image img { width: 100%; height: auto; max-width: none; transform: translateY(-20%); transition: transform .35s ease; }
.capability-system-preview:hover .capability-system-image img { transform: translateY(-20%) scale(1.018); }
.capability-system-caption { position: absolute; right: 18px; bottom: 18px; left: 18px; display: flex; min-height: 70px; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 18px; color: #fff; background: rgba(6,47,77,.94); text-align: left; }
.capability-system-caption b, .capability-system-caption small { display: block; }
.capability-system-caption b { font-size: 14px; font-weight: 650; }
.capability-system-caption small { margin-top: 3px; color: rgba(255,255,255,.72); font-size: 10px; }
.capability-system-caption > .material-symbols-rounded { font-size: 24px; }

.course-library {
  margin-top: 42px;
  padding-top: 38px;
  border-top: 1px solid var(--line);
}
.course-library-header {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr);
  gap: 42px;
  align-items: end;
  margin-bottom: 24px;
}
.course-library-copy > p {
  margin: 0 0 10px;
  color: var(--rust);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
}
.course-library-copy h3 {
  margin: 0;
  color: var(--ink);
  font-size: 23px;
  font-weight: 680;
  line-height: 1.45;
}
.course-library-copy > span {
  display: block;
  max-width: 650px;
  margin-top: 11px;
  color: #68716e;
  font-size: 12px;
  line-height: 1.75;
}
.course-library-summary {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  padding: 0 0 3px;
}
.course-library-summary > div {
  padding: 0 16px;
  border-left: 1px solid var(--line);
}
.course-library-summary dt {
  color: var(--ink);
  font-size: 19px;
  font-weight: 720;
  line-height: 1.25;
}
.course-library-summary dd {
  margin: 4px 0 0;
  color: #7a817e;
  font-size: 9.5px;
  line-height: 1.45;
}
.course-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.course-card {
  --course-tint: #edf1ec;
  --course-accent: #6f7b59;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #ddd6cb;
  border-radius: 8px;
  background: rgba(255,253,250,.72);
  box-shadow: 0 10px 28px rgba(11,47,75,.045);
  color: inherit;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.course-card:hover,
.course-card:focus-visible {
  border-color: color-mix(in srgb, var(--course-accent) 42%, var(--line));
  box-shadow: 0 16px 34px rgba(11,47,75,.08);
  outline: none;
  transform: translateY(-3px);
}
.course-card > header {
  display: grid;
  min-height: 126px;
  grid-template-columns: 34px minmax(0,1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 20px 18px;
  background: var(--course-tint);
}
.course-card-index {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--course-accent) 35%, transparent);
  border-radius: 50%;
  color: var(--course-accent);
  font-size: 10px;
  font-weight: 700;
}
.course-card header p {
  margin: 1px 0 5px;
  color: var(--course-accent);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .1em;
}
.course-card h4 {
  margin: 0;
  color: var(--ink);
  font-size: 17px;
  font-weight: 680;
  line-height: 1.4;
}
.course-card header > strong {
  color: var(--course-accent);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.course-card-lead {
  min-height: 69px;
  margin: 0;
  padding: 16px 18px 13px;
  color: #626c69;
  font-size: 11px;
  line-height: 1.7;
}
.course-card > ul {
  display: grid;
  gap: 8px;
  min-height: 91px;
  margin: 0 18px;
  padding: 13px 0 14px;
  border-top: 1px solid var(--line);
  list-style: none;
}
.course-card > ul li {
  position: relative;
  padding-left: 13px;
  color: #43504d;
  font-size: 10.5px;
  line-height: 1.55;
}
.course-card > ul li::before {
  position: absolute;
  top: .7em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--course-accent);
  content: "";
}
.course-card > footer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 18px 18px;
}
.course-card > footer span {
  padding: 3px 8px;
  border: 1px solid color-mix(in srgb, var(--course-accent) 22%, transparent);
  border-radius: 999px;
  color: var(--course-accent);
  background: color-mix(in srgb, var(--course-tint) 62%, #fff);
  font-size: 9px;
  line-height: 1.35;
}
.course-card-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding: 0 18px 17px;
  color: var(--course-accent);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
}
.course-card-cta .material-symbols-rounded { font-size: 17px; transition: transform .2s ease; }
.course-card:hover .course-card-cta .material-symbols-rounded { transform: translateX(4px); }
.course-card--keyword { --course-tint: #f5e6da; --course-accent: #b64f25; }
.course-card--caidao { --course-tint: #e6eef4; --course-accent: #315f7e; }
.course-card--qa { --course-tint: #e7eee7; --course-accent: #55745d; }
.course-card--writing { --course-tint: #f2eadc; --course-accent: #916b33; }
.course-card--zhihu { --course-tint: #e8ecf3; --course-accent: #566b8a; }
.course-card--overseas { --course-tint: #efebe6; --course-accent: #716b64; }

.home-map-dialog { width: min(92vw, 1040px); height: min(90vh, 900px); padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; color: var(--text); background: var(--paper); box-shadow: 0 24px 70px rgba(3,36,58,.22); }
.home-map-dialog::backdrop { background: rgba(3,36,58,.72); backdrop-filter: blur(4px); }
.home-map-dialog header { display: flex; min-height: 86px; align-items: center; justify-content: space-between; gap: 20px; padding: 11px 16px 11px 24px; border-bottom: 1px solid var(--line); background: var(--white); }
.home-map-heading p { margin: 0 0 1px; color: var(--rust); font-size: 9px; font-weight: 700; letter-spacing: .12em; }
.home-map-dialog header h2 { margin: 0; color: var(--ink); font-size: 17px; font-weight: 650; }
.home-map-heading > span { display: flex; align-items: center; gap: 5px; margin-top: 4px; color: #737b78; font-size: 10px; }
.home-map-heading > span .material-symbols-rounded { color: var(--rust); font-size: 15px; }
.home-map-toolbar { display: flex; flex: 0 0 auto; align-items: center; gap: 7px; }
.home-map-toolbar output { min-width: 48px; color: var(--ink); font-size: 11px; font-weight: 650; text-align: center; }
.home-map-dialog header button { display: grid; width: 34px; height: 34px; padding: 0; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; }
.home-map-dialog header button:disabled { color: #aaa49a; background: #f2eee7; cursor: not-allowed; }
.home-map-dialog header button:hover { color: #fff; border-color: var(--rust); background: var(--rust); }
.home-map-dialog header button:disabled:hover { color: #aaa49a; border-color: var(--line); background: #f2eee7; }
.home-map-dialog header .home-map-close { width: 40px; height: 40px; margin-left: 6px; }
.home-map-scroll { height: calc(100% - 86px); overflow: auto; overscroll-behavior: contain; background: #fff; scroll-behavior: smooth; }
.home-map-scroll:focus-visible { outline: 2px solid var(--rust); outline-offset: -2px; }
.home-map-scroll img { width: min(100%, 900px); max-width: none; margin: 0 auto; }

.case-list { margin-left: 86px; border-top: 1px solid var(--line); }
.case-row { display: grid; grid-template-columns: 50px 170px 1.2fr 1fr 44px; gap: 20px; align-items: center; min-height: 132px; border-bottom: 1px solid var(--line); transition: background .2s ease; }
.case-row:hover { background: rgba(255,253,250,.65); }
.case-index { color: var(--rust); font-family: inherit; font-size: 16px; font-weight: 650; text-align: center; }
.case-row figure { display: grid; height: 92px; margin: 0; place-items: center; overflow: hidden; border: 1px solid var(--line); border-radius: 6px; background: var(--white); }
.case-row figure img { width: 100%; height: 100%; padding: 6px; object-fit: contain; }
.case-row figure.case-cover {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
  justify-items: stretch;
  padding: 11px 13px;
  isolation: isolate;
  text-align: left;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.case-row:hover figure.case-cover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(11,47,75,.12); }
.case-cover::before { content: ""; position: absolute; z-index: -1; top: -32px; right: -20px; width: 100px; height: 100px; border: 1px solid currentColor; border-radius: 50%; opacity: .1; }
.case-cover::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: currentColor; opacity: .9; }
.case-cover-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; font-size: 21px; }
.case-cover-copy { display: grid; min-width: 0; line-height: 1.15; }
.case-cover-copy small { overflow: hidden; margin-bottom: 3px; font-size: 7px; font-weight: 700; letter-spacing: .12em; text-overflow: ellipsis; white-space: nowrap; }
.case-cover-copy strong { font-size: 20px; font-weight: 700; letter-spacing: -.02em; }
.case-cover-copy em { overflow: hidden; margin-top: 3px; font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.case-row figure.case-cover--community { color: #fff; border-color: #123c59; background: linear-gradient(135deg, #062f4d 0%, #154e6d 100%); }
.case-cover--community .case-cover-icon { color: #ff9b68; background: rgba(255,255,255,.1); }
.case-cover--community .case-cover-copy small,
.case-cover--community .case-cover-copy em { color: rgba(255,255,255,.7); }
.case-row figure.case-cover--camp { color: var(--rust); border-color: #dbc5ad; background: linear-gradient(135deg, #f1dfca 0%, #fffaf3 100%); }
.case-cover--camp .case-cover-icon { color: #fff; background: var(--rust); }
.case-cover--camp .case-cover-copy strong { color: var(--ink); }
.case-cover--camp .case-cover-copy small,
.case-cover--camp .case-cover-copy em { color: #8a654e; }
.case-row figure.case-cover--product { color: #6f7b59; border-color: #cdd3c2; background: linear-gradient(135deg, #e4ebdf 0%, #f8faf5 100%); }
.case-cover--product .case-cover-icon { color: #fff; background: #788461; }
.case-cover--product .case-cover-copy strong { color: var(--ink); }
.case-cover--product .case-cover-copy small,
.case-cover--product .case-cover-copy em { color: #65705f; }
.case-copy h3 { margin: 0 0 7px; color: var(--ink); font-family: inherit; font-size: 16px; font-weight: 650; }
.case-copy p,
.case-result { margin: 0; color: #656e6b; font-size: 12px; line-height: 1.65; }
.case-result b { color: var(--rust); font-weight: 600; }
.case-arrow { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid var(--rust); border-radius: 50%; color: var(--rust); transition: color .2s ease, background .2s ease; }
.case-row:hover .case-arrow { color: white; background: var(--rust); }
.outline-link { display: flex; width: max-content; align-items: center; gap: 18px; margin: 24px auto 0; padding: 8px 25px; border: 1px solid var(--rust); border-radius: 999px; color: var(--rust); font-size: 12px; }

.channel-grid { display: grid; grid-template-columns: repeat(5, 1fr); margin-left: 86px; }
.channel-item { position: relative; display: grid; min-width: 0; grid-template-columns: 40px 1fr; gap: 10px; align-items: start; padding: 8px 18px; border: 0; border-right: 1px solid var(--line); background: transparent; text-align: left; cursor: pointer; transition: transform .24s ease, color .24s ease, background-color .24s ease, box-shadow .24s ease; }
.channel-item:first-child { padding-left: 0; }
.channel-item:last-child { border-right: 0; padding-right: 0; }
.channel-item:hover,
.channel-item:focus-visible { color: var(--rust); background: rgba(255,253,250,.82); box-shadow: 0 10px 28px rgba(11,47,75,.08); transform: translateY(-5px); }
.channel-icon { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; color: white; background: var(--rust); font-size: 21px; }
.channel-item .channel-icon { transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease; }
.channel-item:hover .channel-icon,
.channel-item:focus-visible .channel-icon { box-shadow: 0 7px 16px rgba(11,47,75,.16); transform: translateY(-2px) rotate(-7deg) scale(1.08); }
.channel-item h3::after { display: block; width: 0; height: 1px; margin-top: 3px; background: currentColor; content: ""; transition: width .24s ease; }
.channel-item:hover h3::after,
.channel-item:focus-visible h3::after { width: 28px; }
.channel-icon.knowledge { background: #4a9f84; }
.channel-icon.miniapp { background: #2d9a68; }
.channel-icon.website { background: var(--navy); }
.channel-icon.column { background: var(--sage); }
.channel-item h3 { margin: 0; color: var(--ink); font-size: 13px; }
.channel-item strong { display: block; margin-top: 3px; color: #394644; font-size: 13px; }
.channel-item p { margin: 3px 0 0; color: #777e7b; font-size: 10px; white-space: normal; }

.contact-grid { display: grid; grid-template-columns: 1fr 1.2fr 210px; gap: 60px; align-items: center; margin-left: 86px; }
.contact-grid > p { margin: 0; color: #59615e; font-family: inherit; font-size: 14px; font-weight: 500; }
.contact-list { display: grid; gap: 8px; }
.contact-list > * { display: grid; grid-template-columns: 22px 94px 1fr; align-items: center; font-size: 12px; }
.contact-list .material-symbols-rounded { color: var(--ink); font-size: 17px; }
.contact-list em { color: #777d79; font-style: normal; }
.contact-list strong { color: #374341; font-weight: 500; }
.contact-list a:hover strong { color: var(--rust); }
.contact-qr { display: grid; grid-template-columns: 76px 1fr; gap: 14px; align-items: center; padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
.contact-qr img { width: 76px; height: 76px; border: 1px solid var(--line); }
.contact-qr span { color: #646c69; font-size: 11px; }
.footer { display: flex; min-height: 90px; align-items: center; justify-content: space-between; max-width: var(--max); margin: 0 auto; padding: 22px 52px; color: #7d817d; font-size: 11px; }
.footer p { margin: 0; }
.footer nav { display: flex; gap: 26px; }
.footer a:hover { color: var(--rust); }

.qr-dialog { width: min(390px, calc(100vw - 32px)); padding: 34px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: var(--white); box-shadow: 0 30px 90px rgba(3,36,58,.25); text-align: center; }
.qr-dialog::backdrop { background: rgba(3,36,58,.55); backdrop-filter: blur(5px); }
.qr-dialog .eyebrow { margin-bottom: 5px; }
.qr-dialog h2 { margin: 0 0 20px; color: var(--ink); font-family: inherit; font-size: 22px; font-weight: 650; }
.qr-dialog img { width: 220px; margin: 0 auto 16px; }
.qr-dialog > p:last-child { margin: 0; color: var(--muted); font-size: 13px; }
.qr-close { position: absolute; top: 12px; right: 12px; display: grid; width: 34px; height: 34px; place-items: center; border: 0; border-radius: 50%; background: var(--paper-strong); cursor: pointer; }

.reveal,
.reveal.is-visible {
  opacity: 1;
  transform: none;
}
:focus-visible { outline: 3px solid rgba(200,91,44,.35); outline-offset: 4px; }

@media (max-width: 1180px) {
  :root { --rail: 86px; }
  .rail-link { min-height: 90px; }
  .hero { gap: 36px; padding-right: 38px; padding-left: 38px; }
  .topbar, .content-section, .footer { padding-right: 38px; padding-left: 38px; }
  .proof-band { padding-right: 38px; padding-left: 38px; }
  .proof-band article { padding: 0 18px; }
  .case-row { grid-template-columns: 42px 130px 1.15fr 1fr 40px; gap: 14px; }
}

@media (max-width: 900px) {
  :root { --rail: 0px; }
  .chapter-rail { display: none; }
  .page-shell { margin-left: 0; }
  .topbar { height: 64px; justify-content: space-between; padding: 0 24px; }
  .topbar-home-link { max-width: 235px; font-size: 10px; }
  .topbar nav { gap: 18px; }
  .hero { min-height: auto; grid-template-columns: 1fr; gap: 22px; padding: 54px 32px 48px; }
  .hero h1 { font-size: clamp(30px, 5vw, 38px); }
  .hero h1 span { white-space: normal; }
  .hero-actions { margin-top: 40px; }
  .hero-profile { min-height: 0; padding: 30px 0 0; border-top: 1px solid var(--line); }
  .hero-watermark { display: none; }
  .proof-band { grid-template-columns: repeat(2, 1fr); padding: 0 32px; }
  .proof-band article { min-height: 152px; padding: 34px 20px; border-bottom: 1px solid rgba(255,255,255,.18); }
  .proof-band article:nth-child(2) { border-right: 0; }
  .proof-band article:nth-child(3) { padding-left: 0; border-bottom: 0; }
  .proof-band article:nth-child(4) { border-bottom: 0; }
  .content-section { padding: 42px 32px; }
  .about-grid,
  .career-chart,
  .capability-paths,
  .case-list,
  .channel-grid,
  .contact-grid { margin-left: 0; }
  .about-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
  .facts { grid-template-columns: 1fr; }
  .career-chart { height: 418px; }
  .capability-path { grid-template-columns: 1fr 1fr 24px 1fr; gap: 16px; }
  .capability-evidence { grid-column: 1 / -1; margin-left: 72px; padding: 17px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .capability-system-showcase { grid-template-columns: 1fr; gap: 26px; padding: 30px; }
  .capability-system-copy > h3, .capability-system-lead { max-width: none; }
  .capability-system-preview { height: 470px; min-height: 470px; }
  .course-library-header { grid-template-columns: 1fr; gap: 22px; }
  .course-library-summary { max-width: 620px; }
  .course-library-summary > div:first-child { padding-left: 0; border-left: 0; }
  .course-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .growth-evidence { grid-template-columns: 1fr 220px; }
  .capability-sparkline { width: 220px; }
  .operations-evidence { grid-template-columns: 1fr 100px; }
  .ai-evidence { grid-template-columns: auto 1fr auto; }
  .case-row { grid-template-columns: 36px 110px 1fr 1fr 36px; }
  .case-row figure { height: 76px; }
  .case-row figure.case-cover { grid-template-columns: 1fr; gap: 2px; padding: 8px; text-align: center; }
  .case-cover-icon, .case-cover-copy small { display: none; }
  .case-cover-copy strong { font-size: 17px; }
  .case-cover-copy em { font-size: 8px; }
  .channel-grid { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
  .channel-item { padding-right: 22px; padding-left: 0; }
  .channel-item:nth-child(even) { padding-right: 0; padding-left: 22px; border-right: 0; }
  .contact-grid { grid-template-columns: 1fr 1.4fr; }
  .contact-qr { grid-column: 2; }
  .footer { padding: 22px 32px; }
}

@media (max-width: 640px) {
  body { font-size: 15px; }
  .topbar { padding: 0 18px; }
  .topbar nav { width: 250px; grid-template-columns: 76px 76px 62px; gap: 18px; }
  .topbar nav a { font-size: 13px; }
  .topbar-submenu { display: none; }
  .home-quote-full { display: none; }
  .home-quote-short { display: inline; color: var(--rust); font-size: 12px; font-weight: 650; }
  .hero { padding: 40px 20px 36px; }
  .eyebrow { margin-bottom: 14px; font-size: 11px; }
  .hero h1 { font-size: clamp(27px, 8vw, 34px); line-height: 1.42; }
  .hero h1 span { display: inline; white-space: normal; }
  .hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 32px; }
  .button { min-height: 45px; gap: 8px; padding: 0 13px; font-size: 13px; }
  .button-ghost { grid-column: 1 / -1; }
  .profile-name-row h2 { font-size: 29px; }
  .profile-name-row span { font-size: 15px; }
  .profile-points li { align-items: flex-start; font-size: 13px; }
  .proof-band { grid-template-columns: 1fr; padding: 0 20px; }
  .proof-band article,
  .proof-band article:first-child,
  .proof-band article:nth-child(3),
  .proof-band article:last-child { min-height: 120px; padding: 24px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.18); }
  .proof-band article:last-child { border-bottom: 0; }
  .proof-band strong { font-size: 32px; }
  .proof-band .proof-dual { gap: 18px; font-size: 29px; }
  .content-section { padding: 36px 20px; }
  .section-title { gap: 14px; margin-bottom: 26px; }
  .section-title > span { font-size: 22px; }
  .section-title h2 { font-size: 22px; }
  .about-grid { grid-template-columns: 1fr; gap: 20px; }
  .facts { grid-column: auto; grid-template-columns: 1fr; }
  .learning-panel { padding-top: 14px; padding-bottom: 14px; }
  .about-strengths p { grid-template-columns: 68px 1fr; }
  .career-chart { display: none; }
  .career-mobile { display: grid; border-top: 1px solid var(--line); }
  .career-mobile a { position: relative; display: grid; gap: 2px; padding: 16px 40px 16px 0; border-bottom: 1px solid var(--line); }
  .career-mobile time { color: var(--rust); font-family: inherit; font-size: 12px; font-weight: 500; }
  .career-mobile strong { color: var(--ink); font-size: 15px; }
  .career-mobile .material-symbols-rounded { position: absolute; top: 50%; right: 3px; color: var(--rust); transform: translateY(-50%); }
  .capability-path { grid-template-columns: 1fr; gap: 16px; padding: 24px 0; }
  .capability-identity { grid-template-columns: 48px 1fr; }
  .capability-main-icon { width: 48px; height: 48px; font-size: 24px; }
  .capability-step { width: calc(100% - 58px); margin-left: 58px; }
  .capability-step p { overflow-wrap: anywhere; }
  .capability-arrow { display: none; }
  .capability-evidence { grid-column: auto; width: calc(100% - 58px); margin-left: 58px; }
  .growth-evidence { grid-template-columns: 1fr; }
  .capability-sparkline { width: 100%; max-width: 220px; height: 70px; }
  .operations-evidence { grid-template-columns: 1fr; }
  .retention-chart { justify-self: start; }
  .ai-evidence { grid-template-columns: 1fr; }
  .ai-product-icons { justify-content: start; grid-template-columns: repeat(6, 28px); }
  .capability-system-showcase { gap: 22px; margin-top: 24px; padding: 20px; }
  .capability-system-copy { padding: 0; }
  .capability-system-copy > h3 { font-size: 21px; }
  .capability-system-lead { margin: 13px 0 19px; font-size: 12px; }
  .capability-system-actions { display: grid; grid-template-columns: 1fr; }
  .capability-system-actions > * { width: 100%; }
  .capability-system-preview { height: 420px; }
  .capability-system-caption { right: 10px; bottom: 10px; left: 10px; min-height: 64px; padding: 12px 14px; }
  .course-library { margin-top: 30px; padding-top: 28px; }
  .course-library-header { margin-bottom: 18px; }
  .course-library-copy h3 { font-size: 20px; }
  .course-library-summary { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .course-library-summary > div { padding: 0 9px; }
  .course-library-summary dt { font-size: 16px; }
  .course-library-summary dd { font-size: 8.5px; }
  .course-card-grid { grid-template-columns: 1fr; gap: 12px; }
  .course-card > header { min-height: 108px; padding: 17px 15px; }
  .course-card-lead { min-height: 0; padding: 14px 15px 11px; }
  .course-card > ul { min-height: 0; margin: 0 15px; padding: 11px 0 12px; }
  .course-card > footer { padding: 0 15px 15px; }
  .course-card-cta { padding: 0 15px 15px; }
  .home-map-dialog { width: 96vw; height: 92vh; }
  .home-map-dialog header { min-height: 116px; align-items: flex-start; gap: 8px; padding: 11px 12px 10px 15px; }
  .home-map-heading > span { max-width: 190px; line-height: 1.45; }
  .home-map-toolbar { padding-top: 4px; gap: 4px; }
  .home-map-toolbar output { min-width: 38px; }
  .home-map-dialog header button { width: 32px; height: 32px; }
  .home-map-dialog header .home-map-close { width: 34px; height: 34px; margin-left: 2px; }
  .home-map-scroll { height: calc(100% - 116px); }
  .case-row { grid-template-columns: 42px 1fr 36px; gap: 12px; padding: 18px 0; }
  .case-row figure { grid-column: 2; width: 100%; height: 110px; }
  .case-row figure.case-cover { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; padding: 14px 16px; text-align: left; }
  .case-cover-icon { display: grid; width: 46px; height: 46px; font-size: 23px; }
  .case-cover-copy small { display: block; }
  .case-cover-copy strong { font-size: 22px; }
  .case-cover-copy em { font-size: 9px; }
  .case-copy { grid-column: 2; }
  .case-result { grid-column: 2; }
  .case-index { grid-row: 1 / 4; align-self: start; padding-top: 2px; }
  .case-arrow { grid-column: 3; grid-row: 1 / 4; }
  .channel-grid { grid-template-columns: 1fr; row-gap: 0; }
  .channel-item,
  .channel-item:first-child,
  .channel-item:nth-child(3),
  .channel-item:nth-child(even),
  .channel-item:last-child { padding: 18px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .channel-item:last-child { border-bottom: 0; }
  .contact-grid { grid-template-columns: 1fr; gap: 28px; }
  .contact-list > * { grid-template-columns: 22px 84px 1fr; }
  .contact-qr { grid-column: auto; }
  .footer { display: grid; gap: 14px; padding: 24px 20px; }
  .footer nav { gap: 20px; }
}

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