:root {
  --blue-900: #123f7a;
  --blue-800: #1554a3;
  --blue-700: #2563d9;
  --blue-600: #2f74ea;
  --blue-100: #eaf2ff;
  --blue-050: #f4f8ff;
  --teal-700: #087f7a;
  --teal-600: #0f9f98;
  --teal-100: #ddf6f2;
  --amber-700: #aa5a00;
  --amber-500: #f0a128;
  --amber-100: #fff1d8;
  --red-700: #b4232c;
  --red-100: #fee8e9;
  --ink-950: #132238;
  --ink-800: #243752;
  --ink-600: #52657c;
  --ink-500: #718096;
  --line: #dce4ef;
  --soft: #f6f8fb;
  --white: #ffffff;
  --shadow: 0 12px 32px rgba(20, 49, 88, 0.12);
  --container: 1200px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink-950);
  background: var(--white);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;
  letter-spacing: 0;
}

body.modal-open {
  overflow: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

.container {
  width: min(calc(100% - 40px), var(--container));
  margin: 0 auto;
}

#site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  height: 72px;
}

.site-header {
  position: relative;
  z-index: 1;
  height: 72px;
  background: rgba(255, 255, 255, 0.97);
  border-bottom: 1px solid rgba(220, 228, 239, 0.9);
  backdrop-filter: blur(12px);
}

.nav-shell {
  height: 72px;
  display: flex;
  align-items: center;
  gap: 24px;
}

.brand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
}

.brand img {
  width: 226px;
  height: auto;
}

.main-nav {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  flex: 1;
  height: 72px;
}

.nav-item {
  position: relative;
  display: flex;
  align-items: center;
}

.nav-link,
.nav-trigger {
  height: 72px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 13px;
  border: 0;
  color: var(--ink-800);
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 600;
}

.nav-link:hover,
.nav-trigger:hover,
.nav-link.active,
.nav-trigger.active {
  color: var(--blue-700);
}

.nav-link.active::after,
.nav-trigger.active::after {
  position: absolute;
  right: 13px;
  bottom: 0;
  left: 13px;
  height: 3px;
  background: var(--blue-700);
  content: "";
}

.nav-trigger svg {
  width: 15px;
  height: 15px;
}

.nav-dropdown {
  position: absolute;
  top: 62px;
  left: 50%;
  width: 280px;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 8px);
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: var(--shadow);
  transition: 160ms ease;
}

.nav-item:hover .nav-dropdown,
.nav-item.open .nav-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.nav-dropdown a {
  display: block;
  padding: 10px 12px;
  border-radius: 6px;
}

.nav-dropdown a:hover {
  color: var(--blue-700);
  background: var(--blue-050);
}

.nav-dropdown strong,
.nav-dropdown span {
  display: block;
}

.nav-dropdown span {
  color: var(--ink-500);
  font-size: 13px;
  line-height: 1.45;
}

.header-cta {
  flex: 0 0 auto;
}

.mobile-menu {
  display: none;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--ink-800);
  background: var(--white);
}

.btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.25;
  transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn svg {
  width: 18px;
  height: 18px;
}

.btn-primary {
  color: var(--white);
  background: var(--blue-700);
  box-shadow: 0 8px 18px rgba(37, 99, 217, 0.25);
}

.btn-primary:hover {
  background: var(--blue-800);
}

.btn-white {
  color: var(--blue-800);
  background: var(--white);
}

.btn-outline-white {
  color: var(--white);
  border-color: rgba(255, 255, 255, 0.65);
  background: rgba(255, 255, 255, 0.08);
}

.btn-outline {
  color: var(--blue-700);
  border-color: var(--blue-700);
  background: var(--white);
}

.btn-quiet {
  color: var(--ink-800);
  border-color: var(--line);
  background: var(--white);
}

.hero {
  min-height: 620px;
  position: relative;
  overflow: hidden;
  color: var(--white);
  background-color: var(--blue-900);
  background-image: url("current-hero.jpg");
  background-position: center;
  background-size: cover;
}

.hero::after {
  position: absolute;
  inset: 0;
  background: rgba(5, 35, 105, 0.28);
  content: "";
}

.hero .container {
  min-height: 620px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}

.hero-content {
  width: min(760px, 68%);
  padding: 56px 0 80px;
}

.hero-kicker,
.eyebrow {
  margin: 0 0 14px;
  color: var(--teal-100);
  font-size: 15px;
  font-weight: 800;
}

.hero h1 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(40px, 4.2vw, 62px);
  line-height: 1.13;
  letter-spacing: 0;
}

.hero-lead {
  max-width: 720px;
  margin: 22px 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 20px;
  line-height: 1.75;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.hero-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 32px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
}

.hero-fact {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.hero-fact svg {
  width: 17px;
  height: 17px;
  color: #5ce1d5;
}

.subhero {
  min-height: 460px;
}

.subhero .container {
  min-height: 460px;
}

.subhero .hero-content {
  padding: 62px 0;
}

.subhero h1 {
  font-size: clamp(38px, 3.6vw, 54px);
}

.service-code {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: #cfe4ff;
  font-weight: 800;
}

.service-code b {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 50%;
  color: var(--white);
}

.anchor-bar {
  position: sticky;
  top: 72px;
  z-index: 40;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.96);
}

.anchor-links {
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 24px;
  overflow-x: auto;
  scrollbar-width: none;
}

.anchor-links::-webkit-scrollbar {
  display: none;
}

.anchor-links a {
  white-space: nowrap;
  color: var(--ink-600);
  font-size: 14px;
  font-weight: 700;
}

.anchor-links a:hover {
  color: var(--blue-700);
}

.section {
  padding: 86px 0;
}

.section-tight {
  padding: 62px 0;
}

.band-soft {
  background: var(--soft);
}

.band-blue {
  color: var(--white);
  background: var(--blue-900);
}

.band-ink {
  color: var(--white);
  background: var(--ink-950);
}

.band-teal {
  color: var(--white);
  background: var(--teal-700);
}

.section-head {
  max-width: 760px;
  margin-bottom: 38px;
}

.section-head.center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.section-head .eyebrow {
  color: var(--blue-700);
}

.band-blue .eyebrow,
.band-ink .eyebrow,
.band-teal .eyebrow {
  color: #9feae4;
}

.section h2 {
  margin: 0;
  color: inherit;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.2;
}

.section-head p {
  margin: 16px 0 0;
  color: var(--ink-600);
  font-size: 18px;
}

.band-blue .section-head p,
.band-ink .section-head p,
.band-teal .section-head p {
  color: rgba(255, 255, 255, 0.78);
}

.problem-grid,
.service-grid,
.signal-grid,
.value-grid,
.solution-grid,
.case-grid,
.govern-grid {
  display: grid;
  gap: 18px;
}

.problem-grid {
  grid-template-columns: repeat(4, 1fr);
}

.problem-item {
  padding: 24px 0 22px;
  border-top: 3px solid var(--blue-700);
}

.problem-item:nth-child(2) {
  border-color: var(--teal-600);
}

.problem-item:nth-child(3) {
  border-color: var(--amber-500);
}

.problem-item:nth-child(4) {
  border-color: var(--red-700);
}

.problem-item h3,
.service-card h3,
.signal h3,
.value-item h3,
.solution-link h3,
.case-card h3,
.govern-item h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.35;
}

.problem-item p,
.signal p,
.value-item p,
.solution-link p,
.govern-item p {
  margin: 10px 0 0;
  color: var(--ink-600);
}

.service-grid {
  grid-template-columns: repeat(3, 1fr);
}

.service-card,
.case-card {
  min-height: 100%;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 8px 24px rgba(30, 60, 105, 0.06);
}

.service-card.featured {
  border-color: var(--teal-600);
  box-shadow: 0 10px 30px rgba(15, 159, 152, 0.12);
}

.service-card .label,
.tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 3px 9px;
  border-radius: 999px;
  color: var(--blue-800);
  background: var(--blue-100);
  font-size: 13px;
  font-weight: 800;
}

.service-card.featured .label {
  color: var(--teal-700);
  background: var(--teal-100);
}

.service-card h3 {
  margin-top: 18px;
  font-size: 24px;
}

.service-card > p {
  min-height: 82px;
  margin: 12px 0 0;
  color: var(--ink-600);
}

.clean-list {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.clean-list li {
  position: relative;
  padding: 7px 0 7px 24px;
  color: var(--ink-800);
}

.clean-list li::before {
  position: absolute;
  top: 16px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--teal-600);
  content: "";
}

.card-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 24px;
  color: var(--blue-700);
  font-weight: 800;
}

.card-link svg {
  width: 17px;
  height: 17px;
}

.outcome-table,
.delivery-table {
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

.outcome-row,
.delivery-row {
  display: grid;
  align-items: stretch;
  border-bottom: 1px solid var(--line);
}

.outcome-row:last-child,
.delivery-row:last-child {
  border-bottom: 0;
}

.outcome-row {
  grid-template-columns: 1fr 72px 1fr;
}

.outcome-cell,
.delivery-cell {
  padding: 20px 22px;
}

.outcome-cell strong,
.delivery-cell strong {
  display: block;
  margin-bottom: 5px;
}

.outcome-before {
  color: var(--ink-600);
  background: #fafbfc;
}

.outcome-after {
  color: var(--ink-950);
  background: var(--blue-050);
}

.outcome-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--blue-700);
  background: var(--white);
}

.outcome-arrow svg {
  width: 24px;
  height: 24px;
}

.axis-model {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 44px;
  align-items: center;
}

.axis-copy p {
  color: rgba(255, 255, 255, 0.76);
  font-size: 18px;
}

.axis-stage {
  position: relative;
  min-height: 420px;
  padding: 30px 28px 54px 76px;
}

.axis-stage::before,
.axis-stage::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  content: "";
}

.axis-stage::before {
  bottom: 42px;
  left: 50px;
  width: calc(100% - 70px);
  height: 2px;
}

.axis-stage::after {
  top: 14px;
  bottom: 42px;
  left: 50px;
  width: 2px;
}

.axis-y,
.axis-x {
  position: absolute;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 700;
}

.axis-y {
  top: 0;
  left: 0;
  width: 280px;
}

.axis-x {
  right: 0;
  bottom: 10px;
}

.axis-points {
  position: relative;
  z-index: 1;
  min-height: 300px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: end;
  gap: 10px;
}

.axis-point {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 6px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
}

.axis-point:nth-child(1) { min-height: 100px; }
.axis-point:nth-child(2) { min-height: 150px; }
.axis-point:nth-child(3) { min-height: 215px; }
.axis-point:nth-child(4) {
  min-height: 285px;
  border-color: #55dfd4;
  background: rgba(15, 159, 152, 0.28);
}

.axis-point b {
  font-size: 18px;
}

.axis-point span {
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
}

.case-grid {
  grid-template-columns: 1.15fr 0.85fr;
  align-items: stretch;
}

.case-visual {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

.case-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zoom-button {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 6px;
  color: var(--white);
  background: rgba(11, 34, 65, 0.72);
  cursor: pointer;
}

.case-card .case-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.case-card h3 {
  font-size: 28px;
}

.case-card > p {
  color: var(--ink-600);
}

.metric-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 24px 0;
}

.metric {
  min-height: 92px;
  padding: 14px;
  border-left: 3px solid var(--blue-700);
  background: var(--blue-050);
}

.metric b {
  display: block;
  color: var(--blue-800);
  font-size: 24px;
}

.metric span {
  color: var(--ink-600);
  font-size: 13px;
}

.evidence-note {
  margin-top: 18px;
  padding: 14px 16px;
  border-left: 3px solid var(--amber-500);
  color: var(--ink-600);
  background: var(--amber-100);
  font-size: 14px;
}

.solution-grid {
  grid-template-columns: repeat(5, 1fr);
}

.solution-link {
  min-height: 180px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

.solution-icon,
.icon-box {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: var(--blue-700);
  background: var(--blue-100);
}

.solution-icon svg,
.icon-box svg {
  width: 22px;
  height: 22px;
}

.solution-link h3 {
  margin-top: 20px;
  font-size: 18px;
}

.solution-link p {
  font-size: 14px;
}

.cta-band {
  padding: 58px 0;
  color: var(--white);
  background: var(--blue-800);
}

.cta-shell {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 34px;
}

.cta-shell h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.25;
}

.cta-shell p {
  max-width: 760px;
  margin: 12px 0 0;
  color: rgba(255, 255, 255, 0.78);
}

.decision-path {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

.decision-step {
  min-height: 250px;
  padding: 24px 20px;
  border-right: 1px solid var(--line);
}

.decision-step:last-child {
  border-right: 0;
}

.decision-step .step-id {
  display: block;
  color: var(--blue-700);
  font-size: 28px;
  font-weight: 800;
}

.decision-step h3 {
  margin: 12px 0 0;
  font-size: 19px;
}

.decision-step p {
  margin: 10px 0 0;
  color: var(--ink-600);
  font-size: 14px;
}

.decision-step small {
  display: block;
  margin-top: 18px;
  color: var(--teal-700);
  font-weight: 800;
}

.recommender {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 36px;
  align-items: start;
}

.choice-list {
  display: grid;
  gap: 10px;
}

.choice-button {
  width: 100%;
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 16px;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--ink-800);
  background: var(--white);
  cursor: pointer;
  text-align: left;
  font-weight: 700;
}

.choice-button:hover,
.choice-button.active {
  border-color: var(--blue-700);
  color: var(--blue-800);
  background: var(--blue-050);
}

.choice-button svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
}

.recommendation-panel {
  min-height: 350px;
  padding: 32px;
  border-left: 4px solid var(--teal-600);
  background: var(--white);
  box-shadow: var(--shadow);
}

.recommendation-panel h3 {
  margin: 10px 0 0;
  font-size: 30px;
}

.recommendation-panel p {
  color: var(--ink-600);
}

.recommendation-panel .clean-list {
  margin-bottom: 24px;
}

.signal-grid {
  grid-template-columns: repeat(3, 1fr);
}

.signal,
.value-item,
.govern-item {
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

.signal .icon-box {
  margin-bottom: 18px;
}

.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px;
  align-items: start;
}

.product-block {
  min-height: 100%;
  padding: 30px;
  border-top: 4px solid var(--blue-700);
  background: var(--white);
  box-shadow: var(--shadow);
}

.product-block.teal {
  border-color: var(--teal-600);
}

.product-block h3 {
  margin: 12px 0 0;
  font-size: 28px;
}

.product-block > p {
  color: var(--ink-600);
}

.deliverables {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 22px;
}

.deliverable {
  min-height: 96px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--soft);
}

.deliverable strong,
.deliverable span {
  display: block;
}

.deliverable span {
  margin-top: 4px;
  color: var(--ink-600);
  font-size: 13px;
}

.timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.timeline::before {
  position: absolute;
  top: 25px;
  right: 9%;
  left: 9%;
  height: 2px;
  background: var(--line);
  content: "";
}

.timeline-step {
  position: relative;
  z-index: 1;
  padding-top: 58px;
}

.timeline-step::before {
  position: absolute;
  top: 13px;
  left: 0;
  width: 24px;
  height: 24px;
  border: 7px solid var(--white);
  border-radius: 50%;
  background: var(--blue-700);
  box-shadow: 0 0 0 1px var(--blue-700);
  content: "";
}

.timeline-step:nth-child(2)::before,
.timeline-step:nth-child(4)::before {
  background: var(--teal-600);
  box-shadow: 0 0 0 1px var(--teal-600);
}

.timeline-step b {
  color: var(--blue-700);
  font-size: 14px;
}

.timeline-step h3 {
  margin: 8px 0 0;
  font-size: 20px;
}

.timeline-step p {
  margin: 10px 0 0;
  color: var(--ink-600);
  font-size: 14px;
}

.delivery-row {
  grid-template-columns: 0.8fr 1.25fr 1.15fr;
}

.delivery-row.header {
  color: var(--white);
  background: var(--blue-800);
  font-weight: 800;
}

.delivery-row:not(.header) .delivery-cell:first-child {
  color: var(--blue-800);
  background: var(--blue-050);
  font-weight: 800;
}

.pilot-phases {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap: 18px;
}

.phase {
  min-height: 320px;
  padding: 26px;
  border-top: 5px solid var(--blue-700);
  background: var(--white);
  box-shadow: var(--shadow);
}

.phase:nth-child(2) {
  border-color: var(--teal-600);
}

.phase:nth-child(3) {
  border-color: var(--amber-500);
}

.phase b {
  color: var(--blue-700);
}

.phase h3 {
  margin: 10px 0 0;
  font-size: 24px;
}

.phase p {
  color: var(--ink-600);
}

.flow-strip {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

.flow-node {
  min-height: 156px;
  position: relative;
  padding: 24px 16px;
  border-right: 1px solid var(--line);
  text-align: center;
}

.flow-node:last-child {
  border-right: 0;
}

.flow-node::after {
  position: absolute;
  top: 50%;
  right: -8px;
  z-index: 2;
  width: 15px;
  height: 15px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid var(--line);
  border-right: 1px solid var(--line);
  background: var(--white);
  content: "";
}

.flow-node:last-child::after {
  display: none;
}

.flow-node .icon-box {
  margin: 0 auto 16px;
}

.flow-node strong,
.flow-node span {
  display: block;
}

.flow-node span {
  margin-top: 4px;
  color: var(--ink-600);
  font-size: 13px;
}

.gate-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.gate {
  min-height: 230px;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
}

.gate b {
  color: #72e5dc;
  font-size: 24px;
}

.gate h3 {
  margin: 12px 0 0;
}

.gate p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}

.rhythm-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 18px;
}

.rhythm {
  min-height: 260px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

.rhythm:first-child {
  border-top: 4px solid var(--teal-600);
}

.rhythm h3 {
  margin: 12px 0 0;
  font-size: 24px;
}

.rhythm p {
  color: var(--ink-600);
}

.ai-loop {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.ai-step {
  min-height: 170px;
  padding: 18px 14px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
}

.ai-step:nth-child(4) {
  border-color: #62e3d9;
  background: rgba(15, 159, 152, 0.24);
}

.ai-step b {
  display: block;
  color: #68e6dc;
  font-size: 24px;
}

.ai-step strong {
  display: block;
  margin-top: 10px;
}

.ai-step span {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}

.value-grid {
  grid-template-columns: repeat(3, 1fr);
}

.govern-grid {
  grid-template-columns: repeat(4, 1fr);
}

.govern-item {
  border-top: 3px solid var(--blue-700);
}

.metric-matrix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

.matrix-cell {
  min-height: 150px;
  padding: 22px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.matrix-cell:nth-child(3n) {
  border-right: 0;
}

.matrix-cell:nth-last-child(-n + 3) {
  border-bottom: 0;
}

.matrix-cell strong {
  color: var(--blue-800);
  font-size: 18px;
}

.matrix-cell p {
  margin: 8px 0 0;
  color: var(--ink-600);
  font-size: 14px;
}

.site-footer {
  color: rgba(255, 255, 255, 0.72);
  background: #0e1d31;
}

.footer-main {
  display: grid;
  grid-template-columns: 1.4fr 0.8fr 0.8fr 0.8fr;
  gap: 36px;
  padding: 58px 0 42px;
}

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

.footer-brand p {
  max-width: 420px;
  margin: 18px 0 0;
}

.footer-col h3 {
  margin: 0 0 15px;
  color: var(--white);
  font-size: 16px;
}

.footer-col a,
.footer-col span {
  display: block;
  padding: 5px 0;
  font-size: 14px;
}

.footer-col a:hover {
  color: var(--white);
}

.footer-bottom {
  padding: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 13px;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(8, 22, 42, 0.72);
}

.modal.open {
  display: flex;
}

.modal-dialog {
  width: min(720px, 100%);
  max-height: calc(100vh - 40px);
  position: relative;
  overflow-y: auto;
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
}

.modal-head {
  padding: 28px 30px 18px;
  border-bottom: 1px solid var(--line);
}

.modal-head h2 {
  margin: 0;
  font-size: 30px;
}

.modal-head p {
  margin: 8px 0 0;
  color: var(--ink-600);
}

.modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  color: var(--ink-600);
  background: var(--white);
  cursor: pointer;
}

.lead-form {
  padding: 24px 30px 30px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.field.full {
  grid-column: 1 / -1;
}

.field label {
  display: block;
  margin-bottom: 6px;
  color: var(--ink-800);
  font-size: 14px;
  font-weight: 700;
}

.field input,
.field select,
.field textarea {
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  outline: none;
  color: var(--ink-950);
  background: var(--white);
}

.field textarea {
  min-height: 104px;
  resize: vertical;
}

.field input:focus,
.field select:focus,
.field textarea:focus {
  border-color: var(--blue-700);
  box-shadow: 0 0 0 3px rgba(37, 99, 217, 0.12);
}

.form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 22px;
}

.form-note {
  color: var(--ink-500);
  font-size: 13px;
}

.toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 500;
  max-width: 360px;
  display: none;
  align-items: center;
  gap: 10px;
  padding: 15px 18px;
  border-radius: 6px;
  color: var(--white);
  background: var(--teal-700);
  box-shadow: var(--shadow);
}

.toast.show {
  display: flex;
}

.lightbox {
  position: fixed;
  inset: 0;
  z-index: 400;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 30px;
  background: rgba(3, 13, 28, 0.9);
}

.lightbox.open {
  display: flex;
}

.lightbox img {
  max-width: min(1500px, 96vw);
  max-height: 88vh;
  object-fit: contain;
}

.lightbox-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 6px;
  color: var(--white);
  background: rgba(255, 255, 255, 0.1);
  cursor: pointer;
}

.text-link {
  color: var(--blue-700);
  font-weight: 800;
}

.text-link:hover {
  text-decoration: underline;
}

.muted {
  color: var(--ink-600);
}

.notice {
  padding: 18px 20px;
  border-left: 4px solid var(--amber-500);
  background: var(--amber-100);
}

@media (max-width: 1100px) {
  .main-nav {
    position: fixed;
    top: 72px;
    right: 0;
    bottom: 0;
    width: min(380px, 92vw);
    height: auto;
    display: none;
    overflow-y: auto;
    padding: 12px 18px 32px;
    border-left: 1px solid var(--line);
    background: var(--white);
    box-shadow: var(--shadow);
  }

  .main-nav.open {
    display: block;
  }

  .nav-item {
    display: block;
    border-bottom: 1px solid var(--line);
  }

  .nav-link,
  .nav-trigger {
    width: 100%;
    height: 54px;
    justify-content: space-between;
    padding: 0;
  }

  .nav-link.active::after,
  .nav-trigger.active::after {
    display: none;
  }

  .nav-dropdown {
    width: auto;
    position: static;
    display: none;
    padding: 0 0 10px;
    opacity: 1;
    visibility: visible;
    transform: none;
    border: 0;
    box-shadow: none;
  }

  .nav-item.open .nav-dropdown {
    display: block;
    transform: none;
  }

  .nav-dropdown a {
    padding: 9px 12px;
    background: var(--soft);
    margin-bottom: 4px;
  }

  .mobile-menu {
    display: inline-flex;
    margin-left: auto;
  }

  .header-cta {
    display: none;
  }

  .problem-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .solution-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .decision-path {
    grid-template-columns: repeat(3, 1fr);
  }

  .decision-step:nth-child(3) {
    border-right: 0;
  }

  .decision-step:nth-child(-n + 3) {
    border-bottom: 1px solid var(--line);
  }

  .pilot-phases,
  .rhythm-grid {
    grid-template-columns: 1fr 1fr;
  }

  .phase:nth-child(2),
  .rhythm:first-child {
    grid-column: span 2;
  }

  .flow-strip,
  .ai-loop {
    grid-template-columns: repeat(3, 1fr);
  }

  .flow-node:nth-child(3) {
    border-right: 0;
  }

  .flow-node:nth-child(-n + 3) {
    border-bottom: 1px solid var(--line);
  }

  .ai-step {
    min-height: 150px;
  }

  .govern-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .container {
    width: min(calc(100% - 28px), var(--container));
  }

  .brand img {
    width: 190px;
  }

  .hero,
  .hero .container {
    min-height: 610px;
  }

  .subhero,
  .subhero .container {
    min-height: 520px;
  }

  .hero {
    background-position: 66% center;
  }

  .hero::after {
    background: rgba(7, 42, 124, 0.56);
  }

  .hero-content {
    width: 100%;
    padding: 46px 0 74px;
  }

  .hero h1 {
    font-size: 39px;
    overflow-wrap: anywhere;
  }

  .hero-lead {
    font-size: 17px;
    line-height: 1.7;
  }

  .hero-facts {
    gap: 10px 16px;
  }

  .anchor-bar {
    top: 72px;
  }

  .section {
    padding: 64px 0;
  }

  .section-tight {
    padding: 48px 0;
  }

  .section-head {
    margin-bottom: 28px;
  }

  .section h2,
  .cta-shell h2 {
    font-size: 32px;
    overflow-wrap: anywhere;
  }

  .section-head p {
    font-size: 16px;
  }

  .problem-grid,
  .service-grid,
  .signal-grid,
  .value-grid,
  .case-grid,
  .two-col,
  .recommender,
  .pilot-phases,
  .rhythm-grid,
  .govern-grid,
  .metric-matrix,
  .footer-main {
    grid-template-columns: 1fr;
  }

  .service-card > p {
    min-height: auto;
  }

  .outcome-row {
    grid-template-columns: 1fr;
  }

  .outcome-arrow {
    min-height: 44px;
  }

  .outcome-arrow svg {
    transform: rotate(90deg);
  }

  .axis-model {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .axis-stage {
    min-height: 360px;
    padding-right: 10px;
    padding-left: 54px;
  }

  .axis-stage::after {
    left: 38px;
  }

  .axis-stage::before {
    left: 38px;
    width: calc(100% - 45px);
  }

  .axis-y {
    left: 0;
    width: 220px;
  }

  .axis-points {
    min-height: 265px;
    gap: 5px;
  }

  .axis-point {
    padding: 8px 6px;
  }

  .axis-point b {
    font-size: 13px;
  }

  .axis-point span {
    display: none;
  }

  .axis-point:nth-child(1) { min-height: 80px; }
  .axis-point:nth-child(2) { min-height: 125px; }
  .axis-point:nth-child(3) { min-height: 185px; }
  .axis-point:nth-child(4) { min-height: 250px; }

  .case-visual {
    min-height: 250px;
  }

  .case-visual img {
    object-fit: contain;
  }

  .metric-row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .metric {
    padding: 10px;
  }

  .metric b {
    font-size: 20px;
  }

  .solution-grid {
    grid-template-columns: 1fr 1fr;
  }

  .solution-link {
    min-height: 165px;
  }

  .cta-shell {
    grid-template-columns: 1fr;
  }

  .decision-path {
    grid-template-columns: 1fr;
  }

  .decision-step {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .decision-step:last-child {
    border-bottom: 0;
  }

  .recommendation-panel {
    min-height: auto;
    padding: 24px;
  }

  .deliverables {
    grid-template-columns: 1fr;
  }

  .timeline {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .timeline::before {
    top: 13px;
    bottom: 20px;
    left: 12px;
    width: 2px;
    height: auto;
  }

  .timeline-step {
    padding: 0 0 34px 46px;
  }

  .timeline-step::before {
    top: 0;
  }

  .delivery-row,
  .delivery-row.header {
    grid-template-columns: 1fr;
  }

  .delivery-row.header {
    display: none;
  }

  .delivery-cell {
    padding: 14px 18px;
  }

  .phase:nth-child(2),
  .rhythm:first-child {
    grid-column: auto;
  }

  .phase,
  .rhythm {
    min-height: auto;
  }

  .flow-strip,
  .ai-loop {
    grid-template-columns: 1fr 1fr;
  }

  .flow-node {
    min-height: 146px;
    border-bottom: 1px solid var(--line);
  }

  .flow-node:nth-child(2n) {
    border-right: 0;
  }

  .flow-node:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .flow-node:nth-child(3) {
    border-right: 1px solid var(--line);
  }

  .flow-node::after {
    display: none;
  }

  .gate-grid {
    grid-template-columns: 1fr 1fr;
  }

  .gate {
    min-height: 220px;
  }

  .ai-step {
    min-height: 155px;
  }

  .matrix-cell,
  .matrix-cell:nth-child(3n),
  .matrix-cell:nth-last-child(-n + 3) {
    min-height: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .matrix-cell:last-child {
    border-bottom: 0;
  }

  .footer-main {
    gap: 24px;
    padding-top: 46px;
  }

  .form-grid {
    grid-template-columns: 1fr;
  }

  .field.full {
    grid-column: auto;
  }

  .modal-head,
  .lead-form {
    padding-right: 20px;
    padding-left: 20px;
  }

  .form-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

@media (max-width: 420px) {
  .brand img {
    width: 172px;
  }

  .hero h1 {
    font-size: 36px;
  }

  .hero-actions .btn {
    width: 100%;
  }

  .hero-facts {
    display: grid;
  }

  .solution-grid,
  .gate-grid {
    grid-template-columns: 1fr;
  }

  .metric-row {
    grid-template-columns: 1fr;
  }

  .flow-strip,
  .ai-loop {
    grid-template-columns: 1fr;
  }

  .flow-node,
  .flow-node:nth-child(2n),
  .flow-node:nth-child(3),
  .flow-node:nth-last-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .flow-node:last-child {
    border-bottom: 0;
  }
}

/* Homepage layout follows the visual system of yqmarketing.com. */
body[data-page="home"] {
  --blue-900: #103eb4;
  --blue-800: #1456d8;
  --blue-700: #1976f3;
  --blue-100: #eaf4ff;
  --blue-050: #f5f9ff;
  --ink-950: #17233b;
  --ink-800: #293b58;
  --ink-600: #64748b;
  --line: #e2eaf4;
  --soft: #f4f8fd;
  --shadow: 0 12px 34px rgba(26, 75, 145, 0.1);
}

body[data-page="home"] #site-header,
body[data-page="home"] .site-header,
body[data-page="home"] .main-nav,
body[data-page="home"] .nav-shell {
  height: 64px;
}

body[data-page="home"] .site-header {
  border-bottom-color: rgba(222, 232, 245, 0.8);
  box-shadow: 0 2px 14px rgba(32, 70, 125, 0.05);
}

body[data-page="home"] .brand img { width: 205px; }

body[data-page="home"] .nav-link,
body[data-page="home"] .nav-trigger {
  height: 64px;
  padding: 0 11px;
  font-size: 14px;
}

body[data-page="home"] .header-cta {
  min-height: 38px;
  padding: 8px 14px;
  font-size: 14px;
}

body[data-page="home"] .nav-dropdown { top: 56px; }

body[data-page="home"] .mobile-menu::before {
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
  content: "";
}

body[data-page="home"] .mobile-menu > i,
body[data-page="home"] .mobile-menu > svg { display: none; }

body[data-page="home"] .hero,
body[data-page="home"] .hero .container { min-height: 540px; }

body[data-page="home"] .hero {
  background-color: #214dda;
  background-position: center;
}

body[data-page="home"] .hero::after {
  background: linear-gradient(90deg, rgba(20, 55, 181, 0.94) 0%, rgba(29, 67, 203, 0.73) 48%, rgba(31, 72, 218, 0.2) 78%);
}

body[data-page="home"] .hero-content {
  width: min(650px, 58%);
  padding: 52px 0 64px;
}

body[data-page="home"] .hero-kicker {
  margin-bottom: 12px;
  color: #9ee7ff;
  font-size: 14px;
}

body[data-page="home"] .hero h1 {
  font-size: clamp(38px, 3.55vw, 54px);
  line-height: 1.16;
}

body[data-page="home"] .hero-lead {
  max-width: 620px;
  margin-top: 18px;
  font-size: 18px;
  line-height: 1.72;
}

body[data-page="home"] .hero-actions { margin-top: 25px; }
body[data-page="home"] .hero-facts { gap: 14px 24px; margin-top: 25px; font-size: 13px; }
body[data-page="home"] .hero-fact svg { color: #76ddff; }

.home-proof {
  position: relative;
  z-index: 5;
  border-bottom: 1px solid var(--line);
  background: #fff;
}

.proof-grid {
  min-height: 104px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
}

.proof-item {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 18px 22px;
  border-right: 1px solid var(--line);
}

.proof-item:last-child { border-right: 0; }

.proof-item > svg {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  padding: 9px;
  border-radius: 7px;
  color: var(--blue-700);
  background: var(--blue-100);
}

.proof-item p,
.proof-item strong,
.proof-item span { display: block; margin: 0; }
.proof-item strong { color: var(--ink-950); font-size: 22px; line-height: 1.2; }
.proof-item span { margin-top: 3px; color: var(--ink-600); font-size: 13px; }

body[data-page="home"] .section { padding: 64px 0; }
body[data-page="home"] .section-tight { padding: 56px 0 62px; }

body[data-page="home"] .section-head {
  max-width: 820px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  text-align: center;
}

body[data-page="home"] .section-head .eyebrow {
  margin-bottom: 10px;
  color: var(--blue-700);
  font-size: 14px;
}

body[data-page="home"] .section h2 { font-size: clamp(28px, 2.5vw, 38px); line-height: 1.28; }

body[data-page="home"] .section-head p {
  max-width: 720px;
  margin: 13px auto 0;
  font-size: 16px;
  line-height: 1.75;
}

body[data-page="home"] .problem-grid { gap: 14px; }

body[data-page="home"] .problem-item {
  min-height: 190px;
  padding: 25px 22px;
  border: 1px solid var(--line);
  border-top: 3px solid var(--blue-700);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 7px 22px rgba(26, 75, 145, 0.05);
}

body[data-page="home"] .problem-item h3 { font-size: 18px; }
body[data-page="home"] .problem-item p { font-size: 14px; line-height: 1.75; }

body[data-page="home"] .band-soft {
  background: linear-gradient(180deg, #f5f9ff 0%, #eef6ff 100%);
}

body[data-page="home"] .service-card {
  padding: 26px;
  border-radius: 6px;
  box-shadow: 0 8px 24px rgba(27, 75, 145, 0.07);
}

body[data-page="home"] .service-card.featured {
  border-color: var(--blue-700);
  box-shadow: 0 12px 30px rgba(25, 118, 243, 0.14);
}

body[data-page="home"] .service-card.featured .label { color: var(--blue-800); background: var(--blue-100); }
body[data-page="home"] .service-card h3 { font-size: 22px; }
body[data-page="home"] .clean-list li::before { background: var(--blue-700); }

body[data-page="home"] .outcome-table {
  border-radius: 6px;
  box-shadow: 0 8px 25px rgba(26, 75, 145, 0.06);
}

body[data-page="home"] .outcome-after { background: #f0f7ff; }

body[data-page="home"] .band-ink {
  background: linear-gradient(115deg, #0c2d6e 0%, #123f91 58%, #0b6296 100%);
}

body[data-page="home"] .band-ink .section-head,
body[data-page="home"] .axis-copy { text-align: left; }

body[data-page="home"] .axis-point:nth-child(4) {
  border-color: #6fe5ff;
  background: rgba(38, 181, 230, 0.28);
}

body[data-page="home"] .case-grid { gap: 22px; }

body[data-page="home"] .case-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(380px, .8fr);
  align-items: start;
}

body[data-page="home"] .case-media-column { min-width: 0; }

body[data-page="home"] .case-visual {
  min-height: 0;
  margin: 0;
  aspect-ratio: 1672 / 941;
  background: #fff;
}

body[data-page="home"] .case-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body[data-page="home"] .case-media-column .metric-row {
  gap: 12px;
  margin: 12px 0 0;
}

body[data-page="home"] .case-media-column .metric {
  min-height: 104px;
  padding: 16px 18px;
  border-left-width: 3px;
}

body[data-page="home"] .case-media-column .metric b { font-size: 30px; }
body[data-page="home"] .case-media-column .metric span { margin-top: 8px; font-size: 14px; }

body[data-page="home"] .case-visual,
body[data-page="home"] .case-card,
body[data-page="home"] .solution-link { border-radius: 6px; }

body[data-page="home"] .case-card h3 {
  font-size: 22px;
  line-height: 1.35;
}

body[data-page="home"] .case-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px 22px;
}

body[data-page="home"] .case-card .case-meta { margin-bottom: 10px; }
body[data-page="home"] .case-card > p {
  margin: 9px 0 0;
  font-size: 15px;
  line-height: 1.6;
}
body[data-page="home"] .case-card .clean-list {
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.5;
}
body[data-page="home"] .case-card .clean-list li { padding-top: 3px; padding-bottom: 3px; }
body[data-page="home"] .case-card .clean-list li::before { top: 11px; }
body[data-page="home"] .case-card .card-link {
  margin-top: 14px;
  font-size: 15px;
}

body[data-page="home"] .solution-link {
  transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

body[data-page="home"] .solution-link:hover {
  transform: translateY(-3px);
  border-color: #a8ccfa;
  box-shadow: var(--shadow);
}

body[data-page="home"] .cta-band {
  padding: 48px 0;
  background: linear-gradient(90deg, #1168e9, #2388ff);
}

.mobile-contact-bar { display: none; }

@media (max-width: 1100px) {
  body[data-page="home"] .main-nav { top: 64px; height: auto; }
  body[data-page="home"] .hero-content { width: min(680px, 68%); }
}

@media (max-width: 760px) {
  body[data-page="home"] { padding-bottom: 64px; }

  body[data-page="home"] #site-header,
  body[data-page="home"] .site-header,
  body[data-page="home"] .nav-shell { height: 64px; }

  body[data-page="home"] .brand img { width: 180px; }

  body[data-page="home"] .hero,
  body[data-page="home"] .hero .container { min-height: 590px; }

  body[data-page="home"] .hero { background-position: 67% center; }

  body[data-page="home"] .hero::after {
    background: linear-gradient(180deg, rgba(22, 61, 191, 0.92) 0%, rgba(31, 71, 211, 0.77) 55%, rgba(30, 75, 213, 0.46) 100%);
  }

  body[data-page="home"] .hero .container { align-items: flex-start; }

  body[data-page="home"] .hero-content {
    width: 100%;
    padding: 46px 0 180px;
    text-align: center;
  }

  body[data-page="home"] .hero h1 { font-size: 36px; }

  body[data-page="home"] .hero-lead {
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
  }

  body[data-page="home"] .hero-actions,
  body[data-page="home"] .hero-facts { justify-content: center; }

  .proof-grid { grid-template-columns: 1fr 1fr; padding: 12px 0; }

  .proof-item {
    justify-content: flex-start;
    padding: 14px 10px;
    border-bottom: 1px solid var(--line);
  }

  .proof-item:nth-child(2n) { border-right: 0; }
  .proof-item:nth-last-child(-n + 2) { border-bottom: 0; }
  .proof-item > svg { width: 36px; height: 36px; }
  .proof-item strong { font-size: 18px; }

  body[data-page="home"] .section,
  body[data-page="home"] .section-tight { padding: 56px 0; }

  body[data-page="home"] .section h2 { font-size: 29px; }
  body[data-page="home"] .problem-item { min-height: auto; }

  body[data-page="home"] .case-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="home"] .band-ink .section-head,
  body[data-page="home"] .axis-copy { text-align: center; }

  .mobile-contact-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 250;
    height: 64px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #dce8f7;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 -8px 22px rgba(25, 66, 125, 0.12);
  }

  .mobile-contact-bar button,
  .mobile-contact-bar a {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 6px;
    color: #fff;
    background: var(--blue-700);
    font-weight: 700;
  }

  .mobile-contact-bar a { background: var(--blue-800); }
  .mobile-contact-bar svg { width: 18px; height: 18px; }
}

@media (max-width: 420px) {
  body[data-page="home"] .hero h1 { font-size: 32px; }

  body[data-page="home"] .hero-actions .btn {
    width: calc(50% - 6px);
    padding-right: 8px;
    padding-left: 8px;
    font-size: 14px;
  }

  body[data-page="home"] .hero-facts { display: none; }
  .proof-item { gap: 8px; }
  .proof-item span { font-size: 12px; }
}

/* Diagnosis page: visual alignment with yqmarketing.com. */
body[data-page="diagnosis"] {
  --blue-900: #073fa7; --blue-800: #0756d8; --blue-700: #0267ff;
  --blue-600: #3b82f6; --blue-100: #eaf3ff; --blue-050: #f5f9ff;
  --teal-700: #0756d8; --teal-600: #0267ff; --teal-100: #eaf3ff;
  --ink-950: #202b3c; --ink-800: #344054; --ink-600: #667085;
  --line: #e4e8ef; --soft: #f8f8f8; --shadow: 0 12px 32px rgba(31, 66, 125, .09);
  --container: 1280px;
}

body[data-page="diagnosis"] #site-header,
body[data-page="diagnosis"] .site-header,
body[data-page="diagnosis"] .nav-shell,
body[data-page="diagnosis"] .main-nav,
body[data-page="diagnosis"] .nav-link,
body[data-page="diagnosis"] .nav-trigger { height: 80px; }
body[data-page="diagnosis"] .site-header { border-bottom: 0; background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.08); backdrop-filter: none; }
body[data-page="diagnosis"] .brand img { width: 215px; }
body[data-page="diagnosis"] .nav-shell { gap: 18px; }
body[data-page="diagnosis"] .nav-link,
body[data-page="diagnosis"] .nav-trigger { padding: 0 10px; font-size: 15px; font-weight: 500; }
body[data-page="diagnosis"] .nav-link.active::after,
body[data-page="diagnosis"] .nav-trigger.active::after { right: 10px; left: 10px; height: 2px; }
body[data-page="diagnosis"] .header-cta { border-radius: 4px; box-shadow: none; }
body[data-page="diagnosis"] .nav-dropdown { top: 70px; border-radius: 4px; }

body[data-page="diagnosis"] .subhero,
body[data-page="diagnosis"] .subhero .container { min-height: 500px; }
body[data-page="diagnosis"] .subhero::after { background: linear-gradient(90deg, rgba(3,35,116,.64) 0%, rgba(3,46,145,.28) 48%, rgba(2,48,156,.04) 72%); }
body[data-page="diagnosis"] .subhero .hero-content { width: min(720px, 62%); padding: 60px 0; }
body[data-page="diagnosis"] .service-code { margin-bottom: 14px; color: #dceaff; font-size: 16px; }
body[data-page="diagnosis"] .service-code b { border-radius: 4px; background: rgba(255,255,255,.12); }
body[data-page="diagnosis"] .subhero h1 { font-size: clamp(40px, 3.5vw, 56px); line-height: 1.25; }
body[data-page="diagnosis"] .hero-lead { max-width: 660px; margin-top: 16px; font-size: 18px; line-height: 1.8; }
body[data-page="diagnosis"] .hero-actions,
body[data-page="diagnosis"] .hero-facts { margin-top: 24px; }
body[data-page="diagnosis"] .hero-fact svg { color: #fff; }

body[data-page="diagnosis"] .anchor-bar { top: 80px; background: #fff; }
body[data-page="diagnosis"] .anchor-links { min-height: 52px; justify-content: center; gap: 52px; }
body[data-page="diagnosis"] .anchor-links a { font-weight: 500; }

body[data-page="diagnosis"] .section { padding: 66px 0; }
body[data-page="diagnosis"] .section-head { max-width: 900px; margin: 0 auto 32px; text-align: center; }
body[data-page="diagnosis"] .section-head .eyebrow { margin-bottom: 10px; color: #0267ff; font-size: 15px; }
body[data-page="diagnosis"] .section h2 { font-size: clamp(30px, 2.7vw, 42px); line-height: 1.3; font-weight: 700; }
body[data-page="diagnosis"] .section-head p { max-width: 760px; margin: 13px auto 0; font-size: 16px; line-height: 1.8; }
body[data-page="diagnosis"] .band-soft { background: #f8f8f8; }

body[data-page="diagnosis"] .signal-grid { gap: 20px; }
body[data-page="diagnosis"] .signal { padding: 28px 24px; border: 0; border-radius: 0; background: #fff; box-shadow: 0 5px 20px rgba(32,58,105,.07); transition: transform .2s ease, box-shadow .2s ease; }
body[data-page="diagnosis"] .signal:hover { transform: translateY(-4px); box-shadow: 0 12px 28px rgba(32,58,105,.12); }
body[data-page="diagnosis"] .signal .icon-box { width: 50px; height: 50px; border-radius: 4px; color: #fff; background: linear-gradient(135deg, #0267ff, #65a2ff); }
body[data-page="diagnosis"] .signal h3 { font-size: 19px; }

body[data-page="diagnosis"] .two-col { gap: 26px; }
body[data-page="diagnosis"] .product-block { padding: 34px; border-top: 3px solid #0267ff; box-shadow: 0 8px 28px rgba(34,68,124,.09); }
body[data-page="diagnosis"] .product-block.teal { border-color: #0267ff; }
body[data-page="diagnosis"] .tag { border-radius: 4px; color: #0756d8; background: #eaf3ff; }
body[data-page="diagnosis"] .deliverable { border-radius: 2px; background: #f8f9fa; }

body[data-page="diagnosis"] .timeline { gap: 0; }
body[data-page="diagnosis"] .timeline::before { right: 8%; left: 8%; background: #cbdcf8; }
body[data-page="diagnosis"] .timeline-step { padding: 62px 24px 26px; border-right: 1px solid #e8ebf0; }
body[data-page="diagnosis"] .timeline-step:last-child { border-right: 0; }
body[data-page="diagnosis"] .timeline-step::before,
body[data-page="diagnosis"] .timeline-step:nth-child(2)::before,
body[data-page="diagnosis"] .timeline-step:nth-child(4)::before { left: 24px; background: #0267ff; box-shadow: 0 0 0 7px #eaf3ff; }
body[data-page="diagnosis"] .timeline-step b { color: #0267ff; }

body[data-page="diagnosis"] .band-ink { color: #fff; background: linear-gradient(115deg, #0756d8 0%, #0267ff 58%, #65a2ff 100%); }
body[data-page="diagnosis"] .band-ink .section-head { margin: 0; text-align: left; }
body[data-page="diagnosis"] .band-ink .eyebrow { color: #fff; }
body[data-page="diagnosis"] .gate { min-height: 210px; border-radius: 2px; background: rgba(255,255,255,.1); }

body[data-page="diagnosis"] .delivery-table { border-radius: 2px; box-shadow: 0 8px 24px rgba(35,68,121,.07); }
body[data-page="diagnosis"] .delivery-row.header { background: #0267ff; }
body[data-page="diagnosis"] .delivery-row:not(.header) .delivery-cell:first-child { color: #0756d8; background: #f2f7ff; }
body[data-page="diagnosis"] .notice { border-left-color: #0267ff; background: #eaf3ff; }
body[data-page="diagnosis"] .clean-list li::before { background: #0267ff; }

body[data-page="diagnosis"] .cta-band { padding: 52px 0; background: linear-gradient(90deg, #0756d8, #0267ff); }
body[data-page="diagnosis"] .cta-shell h2 { font-size: clamp(28px, 2.6vw, 40px); }
body[data-page="diagnosis"] .site-footer { background: #172033; }
body[data-page="diagnosis"] .footer-main { padding-top: 52px; }

@media (max-width: 1024px) {
  body[data-page="diagnosis"] #site-header,
  body[data-page="diagnosis"] .site-header,
  body[data-page="diagnosis"] .nav-shell { height: 68px; }
  body[data-page="diagnosis"] .main-nav { top: 68px; height: auto; }
  body[data-page="diagnosis"] .anchor-bar { top: 68px; }
  body[data-page="diagnosis"] .anchor-links { justify-content: flex-start; gap: 28px; }
  body[data-page="diagnosis"] .subhero .hero-content { width: min(680px, 76%); }
}

@media (max-width: 760px) {
  body[data-page="diagnosis"] .subhero,
  body[data-page="diagnosis"] .subhero .container { min-height: 560px; }
  body[data-page="diagnosis"] .subhero { background-position: 66% center; }
  body[data-page="diagnosis"] .subhero::after { background: rgba(3,40,133,.66); }
  body[data-page="diagnosis"] .subhero .hero-content { width: 100%; padding: 46px 0; text-align: center; }
  body[data-page="diagnosis"] .subhero h1 { font-size: 34px; }
  body[data-page="diagnosis"] .hero-lead { font-size: 16px; }
  body[data-page="diagnosis"] .hero-actions,
  body[data-page="diagnosis"] .hero-facts { justify-content: center; }
  body[data-page="diagnosis"] .section { padding: 58px 0; }
  body[data-page="diagnosis"] .section-head { margin-bottom: 30px; }
  body[data-page="diagnosis"] .section h2 { font-size: 29px; }
  body[data-page="diagnosis"] .signal { padding: 24px 22px; }
  body[data-page="diagnosis"] .product-block { padding: 26px 22px; }
  body[data-page="diagnosis"] .timeline-step { border-right: 0; }
  body[data-page="diagnosis"] .timeline-step::before,
  body[data-page="diagnosis"] .timeline-step:nth-child(2)::before,
  body[data-page="diagnosis"] .timeline-step:nth-child(4)::before { left: 0; }
  body[data-page="diagnosis"] .band-ink .section-head { margin: 0 auto 30px; text-align: center; }
}

/* Integration modules preview: visual alignment with yqmarketing.com. */
body.integration-modules {
  --blue-900: #073fa7; --blue-800: #0756d8; --blue-700: #0267ff;
  --blue-600: #3b82f6; --blue-100: #eaf3ff; --blue-050: #f5f9ff;
  --teal-700: #0756d8; --teal-600: #0267ff; --teal-100: #eaf3ff;
  --ink-950: #202b3c; --ink-800: #344054; --ink-600: #667085;
  --line: #e4e8ef; --soft: #f8f8f8; --shadow: 0 12px 32px rgba(31,66,125,.09);
  --container: 1280px;
}

body.integration-modules #site-header,
body.integration-modules .site-header,
body.integration-modules .nav-shell,
body.integration-modules .main-nav,
body.integration-modules .nav-link,
body.integration-modules .nav-trigger { height: 80px; }
body.integration-modules .site-header { border-bottom: 0; background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.08); backdrop-filter: none; }
body.integration-modules .brand img { width: 215px; }
body.integration-modules .nav-shell { gap: 18px; }
body.integration-modules .nav-link,
body.integration-modules .nav-trigger { padding: 0 10px; font-size: 15px; font-weight: 500; }
body.integration-modules .nav-link.active::after,
body.integration-modules .nav-trigger.active::after { right: 10px; left: 10px; height: 2px; }
body.integration-modules .header-cta { border-radius: 4px; box-shadow: none; }
body.integration-modules .nav-dropdown { top: 70px; border-radius: 4px; }

body.integration-modules main > .section:first-child {
  min-height: 430px;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
  background-color: #174edf;
  background-image: url("current-hero.jpg");
  background-position: center;
  background-size: cover;
}
body.integration-modules main > .section:first-child::before {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(3,35,116,.72) 0%, rgba(3,46,145,.4) 50%, rgba(2,48,156,.08) 78%);
  content: "";
}
body.integration-modules main > .section:first-child .container { position: relative; z-index: 1; }
body.integration-modules main > .section:first-child .section-head { max-width: 720px; margin: 0; text-align: left; }
body.integration-modules main > .section:first-child .eyebrow { color: #dceaff; font-size: 16px; }
body.integration-modules main > .section:first-child h2 { color: #fff; font-size: clamp(40px, 3.6vw, 56px); line-height: 1.25; }
body.integration-modules main > .section:first-child .section-head p { max-width: 650px; margin: 18px 0 0; color: rgba(255,255,255,.88); font-size: 18px; line-height: 1.8; }

body.integration-modules .section { padding: 66px 0; }
body.integration-modules main > .section:nth-child(2) .two-col,
body.integration-modules main > .section:nth-child(4) .two-col { align-items: center; gap: 64px; }
body.integration-modules main > .section:nth-child(4) { background: #f8f8f8; }
body.integration-modules .two-col > div > .eyebrow { margin-bottom: 10px; color: #0267ff; font-size: 15px; }
body.integration-modules .two-col > div > h2 { margin: 0; font-size: clamp(30px, 2.7vw, 42px); line-height: 1.3; }
body.integration-modules .two-col > div > .muted { margin: 18px 0 0; font-size: 16px; line-height: 1.85; }
body.integration-modules .two-col > div > .clean-list { margin-top: 18px; }
body.integration-modules .two-col > div > .btn { margin-top: 24px; border-radius: 4px; }
body.integration-modules .clean-list li::before { background: #0267ff; }
body.integration-modules .case-visual { min-height: 350px; border: 0; border-radius: 2px; box-shadow: 0 12px 32px rgba(31,66,125,.12); }
body.integration-modules .case-visual img { object-fit: contain; background: #fff; }

body.integration-modules .band-blue { padding: 58px 0; background: linear-gradient(105deg, #0756d8 0%, #0267ff 62%, #65a2ff 100%); }
body.integration-modules .band-blue .cta-shell { gap: 70px; }
body.integration-modules .band-blue .eyebrow { color: #fff; }
body.integration-modules .band-blue h2 { max-width: 840px; font-size: clamp(30px, 2.8vw, 42px); line-height: 1.3; }
body.integration-modules .band-blue p:not(.eyebrow) { max-width: 820px; margin-top: 14px; color: rgba(255,255,255,.82); font-size: 17px; }
body.integration-modules .band-blue .btn { border-radius: 4px; }

body.integration-modules .cta-band { padding: 52px 0; background: linear-gradient(90deg, #0756d8, #0267ff); }
body.integration-modules .cta-shell h2 { font-size: clamp(28px, 2.6vw, 40px); }
body.integration-modules .site-footer { background: #172033; }
body.integration-modules .footer-main { padding-top: 52px; }

@media (max-width: 1024px) {
  body.integration-modules #site-header,
  body.integration-modules .site-header,
  body.integration-modules .nav-shell { height: 68px; }
  body.integration-modules .main-nav { top: 68px; height: auto; }
  body.integration-modules main > .section:first-child .section-head { max-width: 620px; }
  body.integration-modules main > .section:nth-child(2) .two-col,
  body.integration-modules main > .section:nth-child(4) .two-col { gap: 36px; }
}

@media (max-width: 760px) {
  body.integration-modules main > .section:first-child { min-height: 500px; background-position: 66% center; }
  body.integration-modules main > .section:first-child::before { background: rgba(3,40,133,.68); }
  body.integration-modules main > .section:first-child .section-head { margin: 0 auto; text-align: center; }
  body.integration-modules main > .section:first-child h2 { font-size: 34px; }
  body.integration-modules main > .section:first-child .section-head p { margin-right: auto; margin-left: auto; font-size: 16px; }
  body.integration-modules .section { padding: 58px 0; }
  body.integration-modules main > .section:nth-child(4) .two-col > figure { order: 2; }
  body.integration-modules main > .section:nth-child(4) .two-col > div { order: 1; }
  body.integration-modules .two-col > div { text-align: center; }
  body.integration-modules .two-col > div > h2 { font-size: 29px; }
  body.integration-modules .two-col > div > .clean-list { display: inline-block; text-align: left; }
  body.integration-modules .case-visual { min-height: 250px; }
  body.integration-modules .band-blue { padding: 56px 0; text-align: center; }
  body.integration-modules .band-blue .cta-shell { gap: 28px; }
}

/* Service product pages: visual alignment with the yqmarketing.com homepage. */
body.yq-home-style {
  --blue-900: #073fa7; --blue-800: #0756d8; --blue-700: #0267ff;
  --blue-600: #3b82f6; --blue-100: #eaf3ff; --blue-050: #f5f9ff;
  --teal-700: #0756d8; --teal-600: #0267ff; --teal-100: #eaf3ff;
  --ink-950: #202b3c; --ink-800: #344054; --ink-600: #667085;
  --line: #e4e8ef; --soft: #f8f8f8; --shadow: 0 12px 32px rgba(31,66,125,.09);
  --container: 1280px;
}

body.yq-home-style #site-header,
body.yq-home-style .site-header,
body.yq-home-style .nav-shell,
body.yq-home-style .main-nav,
body.yq-home-style .nav-link,
body.yq-home-style .nav-trigger { height: 80px; }
body.yq-home-style .site-header { border-bottom: 0; background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.08); backdrop-filter: none; }
body.yq-home-style .brand img { width: 215px; }
body.yq-home-style .nav-shell { gap: 18px; }
body.yq-home-style .nav-link,
body.yq-home-style .nav-trigger { padding: 0 10px; font-size: 15px; font-weight: 500; }
body.yq-home-style .nav-link.active::after,
body.yq-home-style .nav-trigger.active::after { right: 10px; left: 10px; height: 2px; }
body.yq-home-style .header-cta,
body.yq-home-style .btn { border-radius: 4px; box-shadow: none; }
body.yq-home-style .nav-dropdown { top: 70px; border-radius: 4px; }

body.yq-home-style .subhero,
body.yq-home-style .subhero .container { min-height: 500px; }
body.yq-home-style .subhero { background-position: center; }
body.yq-home-style .subhero::after { background: linear-gradient(90deg, rgba(3,35,116,.68) 0%, rgba(3,46,145,.32) 49%, rgba(2,48,156,.04) 75%); }
body.yq-home-style .subhero .hero-content { width: min(730px, 62%); padding: 60px 0; }
body.yq-home-style .service-code,
body.yq-home-style .hero-kicker { margin-bottom: 14px; color: #dceaff; font-size: 16px; }
body.yq-home-style .service-code b { border-radius: 4px; background: rgba(255,255,255,.12); }
body.yq-home-style .subhero h1 { font-size: clamp(40px, 3.5vw, 56px); line-height: 1.25; }
body.yq-home-style .hero-lead { max-width: 670px; margin-top: 16px; font-size: 18px; line-height: 1.8; }
body.yq-home-style .hero-actions,
body.yq-home-style .hero-facts { margin-top: 24px; }
body.yq-home-style .hero-fact svg { color: #fff; }

body.yq-home-style .anchor-bar { top: 80px; background: #fff; }
body.yq-home-style .anchor-links { min-height: 52px; justify-content: center; gap: 52px; }
body.yq-home-style .anchor-links a { font-weight: 500; }
body.yq-home-style .section { padding: 76px 0; }
body.yq-home-style .section-head { max-width: 900px; margin: 0 auto 42px; text-align: center; }
body.yq-home-style .section-head .eyebrow { margin-bottom: 10px; color: #0267ff; font-size: 15px; }
body.yq-home-style .section h2 { font-size: clamp(30px, 2.7vw, 42px); line-height: 1.3; font-weight: 700; }
body.yq-home-style .section-head p { max-width: 760px; margin: 13px auto 0; font-size: 16px; line-height: 1.8; }
body.yq-home-style .band-soft { background: #f8f8f8; }
body.yq-home-style .clean-list li::before { background: #0267ff; }

body.yq-home-style .service-card,
body.yq-home-style .case-card,
body.yq-home-style .phase,
body.yq-home-style .rhythm,
body.yq-home-style .value-item,
body.yq-home-style .govern-item,
body.yq-home-style .matrix-cell { border-radius: 2px; box-shadow: 0 7px 24px rgba(31,66,125,.07); }
body.yq-home-style .tag,
body.yq-home-style .service-card .label { border-radius: 4px; color: #0756d8; background: #eaf3ff; }
body.yq-home-style .icon-box { border-radius: 4px; color: #fff; background: linear-gradient(135deg, #0267ff, #65a2ff); }
body.yq-home-style .case-visual { border-radius: 2px; box-shadow: 0 12px 32px rgba(31,66,125,.12); }
body.yq-home-style .notice { border-left-color: #0267ff; background: #eaf3ff; }

body.yq-home-style .band-ink { color: #fff; background: linear-gradient(115deg, #0756d8 0%, #0267ff 58%, #65a2ff 100%); }
body.yq-home-style .band-ink .section-head .eyebrow { color: #fff; }
body.yq-home-style .gate { border-radius: 2px; background: rgba(255,255,255,.1); }
body.yq-home-style .cta-band { padding: 52px 0; background: linear-gradient(90deg, #0756d8, #0267ff); }
body.yq-home-style .cta-shell h2 { font-size: clamp(28px, 2.6vw, 40px); }
body.yq-home-style .site-footer { background: #172033; }
body.yq-home-style .footer-main { padding-top: 52px; }

body.services-page .decision-path { border-radius: 2px; box-shadow: 0 8px 26px rgba(31,66,125,.08); }
body.services-page .decision-step { padding: 28px 22px; border-color: #e4e8ef; }
body.services-page .decision-step .step-id { color: #0267ff; font-size: 34px; }
body.services-page .recommender { gap: 34px; }
body.services-page .recommender .section-head { margin: 0 0 30px; text-align: left; }
body.services-page .choice-button { border-radius: 2px; }
body.services-page .choice-button.active { border-color: #0267ff; color: #0756d8; background: #eaf3ff; }
body.services-page .recommendation-panel { border-radius: 2px; border-top: 3px solid #0267ff; box-shadow: 0 10px 30px rgba(31,66,125,.1); }
body.services-page .service-grid { gap: 22px; }
body.services-page .service-card { padding: 30px; border-color: #e4e8ef; }
body.services-page .service-card.featured { border-color: #0267ff; box-shadow: 0 12px 30px rgba(2,103,255,.13); }

body.pilot-page .pilot-phases { gap: 22px; }
body.pilot-page .phase { border-top: 3px solid #0267ff; }
body.pilot-page .phase:nth-child(2),
body.pilot-page .phase:nth-child(3) { border-color: #0267ff; }
body.pilot-page .phase > b { color: #0267ff; }
body.pilot-page .flow-strip { border-radius: 2px; box-shadow: 0 8px 26px rgba(31,66,125,.08); }
body.pilot-page .flow-node { background: #fff; }
body.pilot-page .dashboard-case-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
}
body.pilot-page .dashboard-case-grid .case-visual {
  min-height: 0;
  margin: 0;
  border: 0;
  aspect-ratio: 1.48 / 1;
}
body.pilot-page .dashboard-case-grid .case-visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}
body.pilot-page .dashboard-case-grid .case-card {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 26px;
}
body.pilot-page .case-card .case-meta { margin-bottom: 12px; }
body.pilot-page .case-card > p { margin: 12px 0 0; line-height: 1.75; }
@media (max-width: 1024px) {
  body.pilot-page .dashboard-case-grid { grid-template-columns: 1fr; }
  body.pilot-page .dashboard-case-grid .case-card { grid-column: auto; }
}
body.pilot-page .metric-matrix { gap: 1px; border: 1px solid #e4e8ef; background: #e4e8ef; }
body.pilot-page .matrix-cell { border: 0; box-shadow: none; background: #fff; }

body.operations-page #operations .two-col { align-items: center; gap: 58px; }
body.operations-page #operations .section-head { margin: 0 0 28px; text-align: left; }
body.operations-page .rhythm-grid { gap: 22px; }
body.operations-page .rhythm { border-top: 3px solid #0267ff; }
body.operations-page .rhythm:nth-child(2),
body.operations-page .rhythm:nth-child(3) { border-color: #0267ff; }
body.operations-page .rhythm .icon-box { color: #fff; }
body.operations-page .ai-loop { gap: 1px; overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.2); }
body.operations-page .ai-step { border: 0; border-radius: 0; background: rgba(255,255,255,.09); }
body.operations-page .value-grid,
body.operations-page .govern-grid { gap: 20px; }
body.operations-page .value-item,
body.operations-page .govern-item { border-top: 3px solid #0267ff; }
body.operations-page .metric-matrix { gap: 1px; border: 1px solid #e4e8ef; background: #e4e8ef; }
body.operations-page .matrix-cell { border: 0; box-shadow: none; background: #fff; }
body.operations-page .case-grid { gap: 28px; }
body.operations-page #case .case-grid {
  grid-template-columns: 1fr;
  max-width: 1120px;
  margin: 0 auto;
}
body.operations-page #case .case-visual {
  width: 100%;
  min-height: 0;
  margin: 0 auto;
  aspect-ratio: auto;
  background: #fff;
}
body.operations-page #case .case-visual img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
body.operations-page #case .case-visual .zoom-button {
  display: none;
}
body.operations-page #case .case-card {
  display: grid;
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  align-items: center;
  gap: 38px;
  min-height: 0;
  padding: 28px 34px;
}
body.operations-page #case .case-card .case-meta { margin-bottom: 14px; }
body.operations-page #case .case-card .clean-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 28px;
  margin: 0;
}
body.operations-page #case .case-card .clean-list li { margin: 0; }

@media (max-width: 768px) {
  body.operations-page #case .case-card {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 24px;
  }

  body.operations-page #case .case-card .clean-list { grid-template-columns: 1fr; }
}

@media (max-width: 1024px) {
  body.yq-home-style #site-header,
  body.yq-home-style .site-header,
  body.yq-home-style .nav-shell { height: 68px; }
  body.yq-home-style .main-nav { top: 68px; height: auto; }
  body.yq-home-style .anchor-bar { top: 68px; }
  body.yq-home-style .anchor-links { justify-content: flex-start; gap: 28px; }
  body.yq-home-style .subhero .hero-content { width: min(680px, 76%); }
}

@media (max-width: 760px) {
  body.yq-home-style .subhero,
  body.yq-home-style .subhero .container { min-height: 560px; }
  body.yq-home-style .subhero { background-position: 66% center; }
  body.yq-home-style .subhero::after { background: rgba(3,40,133,.68); }
  body.yq-home-style .subhero .hero-content { width: 100%; padding: 46px 0; text-align: center; }
  body.yq-home-style .subhero h1 { font-size: 34px; }
  body.yq-home-style .hero-lead { font-size: 16px; }
  body.yq-home-style .hero-actions,
  body.yq-home-style .hero-facts { justify-content: center; }
  body.yq-home-style .section { padding: 58px 0; }
  body.yq-home-style .section-head { margin-bottom: 30px; }
  body.yq-home-style .section h2 { font-size: 29px; }
  body.yq-home-style .band-ink .section-head { text-align: center; }
  body.services-page .recommender .section-head,
  body.operations-page #operations .section-head { margin-right: auto; margin-left: auto; text-align: center; }
  body.operations-page #operations .two-col > div { text-align: center; }
  body.operations-page #operations .clean-list { display: inline-block; text-align: left; }
}

/* Dark blue emphasis bands, matched to the supplied reference. */
body[data-page="home"] .band-ink,
body[data-page="diagnosis"] .band-ink,
body.yq-home-style .band-ink,
body.integration-modules .band-blue {
  color: #fff;
  background: linear-gradient(105deg, #081a73 0%, #173eaa 50%, #2d7ee9 100%);
}

body[data-page="home"] .band-ink .eyebrow,
body[data-page="home"] .band-ink h2,
body[data-page="home"] .band-ink h3,
body[data-page="home"] .band-ink p,
body[data-page="home"] .band-ink b,
body[data-page="home"] .band-ink span,
body[data-page="diagnosis"] .band-ink .eyebrow,
body[data-page="diagnosis"] .band-ink h2,
body[data-page="diagnosis"] .band-ink h3,
body[data-page="diagnosis"] .band-ink p,
body[data-page="diagnosis"] .band-ink b,
body[data-page="diagnosis"] .band-ink span,
body.yq-home-style .band-ink .eyebrow,
body.yq-home-style .band-ink h2,
body.yq-home-style .band-ink h3,
body.yq-home-style .band-ink p,
body.yq-home-style .band-ink b,
body.yq-home-style .band-ink span,
body.integration-modules .band-blue .eyebrow,
body.integration-modules .band-blue h2,
body.integration-modules .band-blue h3,
body.integration-modules .band-blue p,
body.integration-modules .band-blue b,
body.integration-modules .band-blue span {
  color: #fff;
}

body[data-page="diagnosis"] .band-ink .gate,
body.yq-home-style .band-ink .gate,
body.yq-home-style .band-ink .ai-step {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(5, 24, 102, .24);
  box-shadow: none;
}

body[data-page="diagnosis"] .band-ink .gate:hover,
body.yq-home-style .band-ink .gate:hover,
body.yq-home-style .band-ink .ai-step:hover {
  background: rgba(5, 24, 102, .36);
}

/* Section typography matched to the yqmarketing.com homepage. */
body[data-page="home"] .section h2,
body[data-page="home"] .cta-shell h2,
body[data-page="diagnosis"] .section h2,
body[data-page="diagnosis"] .cta-shell h2,
body.yq-home-style .section h2,
body.yq-home-style .cta-shell h2,
body.integration-modules main > .section:not(:first-child) h2,
body.integration-modules .cta-shell h2 {
  font-size: 35px;
  line-height: 1.35;
}

body[data-page="home"] .section-head > p:not(.eyebrow),
body[data-page="home"] .cta-shell > div > p,
body[data-page="diagnosis"] .section-head > p:not(.eyebrow),
body[data-page="diagnosis"] .cta-shell > div > p,
body.yq-home-style .section-head > p:not(.eyebrow),
body.yq-home-style .cta-shell > div > p,
body.integration-modules main > .section:not(:first-child) .section-head > p:not(.eyebrow),
body.integration-modules main > .section:not(:first-child) .cta-shell > div > p:not(.eyebrow),
body.integration-modules .two-col > div > .muted,
body.integration-modules .cta-band .cta-shell > div > p {
  font-size: 16px;
  line-height: 1.75;
}

@media (max-width: 1023px) {
  body[data-page="home"] .section h2,
  body[data-page="home"] .cta-shell h2,
  body[data-page="diagnosis"] .section h2,
  body[data-page="diagnosis"] .cta-shell h2,
  body.yq-home-style .section h2,
  body.yq-home-style .cta-shell h2,
  body.integration-modules main > .section:not(:first-child) h2,
  body.integration-modules .cta-shell h2 {
    font-size: 22px;
    line-height: 1.4;
  }
}

/* Dark footer CTA bands, matched to the supplied reference. */
body[data-page="home"] .cta-band,
body[data-page="diagnosis"] .cta-band,
body.yq-home-style .cta-band,
body.integration-modules .cta-band {
  color: #fff;
  background: linear-gradient(105deg, #081a73 0%, #173eaa 50%, #2d7ee9 100%);
}

body[data-page="home"] .cta-band h2,
body[data-page="home"] .cta-band p,
body[data-page="diagnosis"] .cta-band h2,
body[data-page="diagnosis"] .cta-band p,
body.yq-home-style .cta-band h2,
body.yq-home-style .cta-band p,
body.integration-modules .cta-band h2,
body.integration-modules .cta-band p {
  color: #fff;
}

@media (min-width: 761px) {
  body.operations-page .section { padding: 66px 0; }
  body.operations-page .section-head { margin-bottom: 32px; }
  body.pilot-page .section { padding: 66px 0; }
  body.pilot-page .section-head { margin-bottom: 32px; }
  body.services-page .section { padding: 66px 0; }
  body.services-page .section-head { margin-bottom: 32px; }
  body.services-page .recommender .section-head { margin-bottom: 30px; }
}