/* Visual chapters for the consultancy homepage, on the established content grid. */
.consultancy-refined { --home-blue: #2369d8; --home-navy: #10243e; }
.consultancy-refined #main-nav a[aria-current=page] { border-bottom-color: #86b5ff; }
.consultancy-refined .skyline-masthead {
  background-image: linear-gradient(90deg, #071427fa 0%, #071427df 33%, #07142733 68%, #0714270a 100%), url('/assets/consultancy/klcc-skyline.jpg');
  background-position: center, center 54%;
  border-bottom: 4px solid var(--home-blue);
}
.consultancy-refined .product-kicker { display: flex; align-items: center; gap: 12px; }
.consultancy-refined .product-kicker::before { content: ''; width: 28px; height: 2px; background: #79adff; flex: 0 0 28px; }
.consultancy-refined .home-title-outcome { color: #b8d2ff; font-style: italic; }
.consultancy-refined .skyline-credit { right: 84px; bottom: 16px; }
.consultancy-refined .skyline-masthead .product-actions .button:first-child { background: #256adb; border-color: #256adb; box-shadow: 0 7px 24px #071b3a40; }
.consultancy-refined .skyline-masthead .product-actions .button:first-child:hover { background: #3479ed; border-color: #3479ed; }
.consultancy-refined .skyline-masthead .product-actions .button.outline { border-color: #91a9c9; background: #07142780; }
.consultancy-refined .skyline-masthead .product-actions .button.outline:hover { background: #17365c; }
.consultancy-refined .client-section { background: #f8fafc; padding-block: 28px; }
.consultancy-refined .client-logo-tile img { filter: grayscale(1); opacity: .8; }
.consultancy-refined .client-logo-tile:hover img { filter: none; opacity: 1; }
.consultancy-refined .consultancy-team { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 64px; }
.consultancy-refined .consultancy-team figure { position: relative; }
.consultancy-refined .consultancy-team img { border-radius: 6px; box-shadow: 0 16px 40px #17385e12; }
.consultancy-refined .consultancy-team figcaption { color: #3b5e88; padding-top: 18px; display: flex; align-items: center; gap: 10px; }
.consultancy-refined .consultancy-team figcaption::before { content: ''; width: 22px; height: 2px; background: var(--home-blue); }
.consultancy-refined .consultancy-team h2 { max-width: 20ch; font-size: clamp(32px, 3.1vw, 40px); }
.consultancy-refined .consultancy-team .text-link { margin-top: 28px; }
.consultancy-refined .consultation-side { background: #edf4ff; border: 1px solid #d9e6f8; border-top: 3px solid var(--home-blue); padding: 28px; border-radius: 6px; }
.consultancy-refined .consultation-duration { font-size: 46px; color: #225eb4; }
.consultancy-refined .consultation-side small { max-width: 30ch; }
.consultancy-refined .product-tile { border-top: 0; border-radius: 6px; padding-top: 36px; }
.consultancy-refined .product-tile img { transition: transform .35s ease; transform-origin: center bottom; }
.consultancy-refined .product-tile:hover img { transform: scale(1.025); }
.consultancy-refined .product-tile .eyebrow { color: #50719b; }
.consultancy-refined .setup-tile .eyebrow { color: #a9caff; }
.consultancy-refined .product-tile h2 { font-size: clamp(28px, 2.5vw, 34px); }

/* Four clear service directions, with useful iconography and equal CTA baselines. */
.consultancy-refined .consultancy-services { margin-top: var(--home-section-space); background: #f2f6fb; }
.consultancy-refined .consultancy-services > h2 { max-width: 30ch; margin-bottom: 36px; }
.consultancy-refined .consultancy-services .consultancy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.consultancy-refined .consultancy-services article { position: relative; padding: 32px; border: 1px solid #dfe7f1; border-radius: 6px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.consultancy-refined .consultancy-services article:is(:hover,:focus-within) { border-color: #9abbeb; box-shadow: 0 12px 30px #10243e0c; transform: translateY(-3px); }
.consultancy-refined .consultancy-services article > .consultancy-number { width: auto; position: absolute; top: 34px; right: 32px; padding: 0; border: 0; color: #7a90ad; font-size: 13px; font-weight: 500; }
.home-service-icon { width: 50px; height: 50px; border-radius: 8px; padding: 12px; display: block; background: #ebf3ff; color: #2766bc; flex-shrink: 0; }
.home-service-icon svg { display: block; width: 100%; height: 100%; }
.consultancy-refined .consultancy-services h3 { font-size: 22px; line-height: 1.4; margin-top: 24px; }
.consultancy-refined .consultancy-services article > p { margin-bottom: 8px; max-width: 52ch; }
.consultancy-refined .consultancy-services article > .text-link { font-size: 14px; color: #195dbb; }

/* Keep the real, working demo; introduce it as a practical example after Services. */
.consultancy-refined .home-practice { padding-block: var(--home-section-space); }
.consultancy-refined .home-practice > h2 { font-family: var(--home-display); font-size: clamp(29px, 2.8vw, 36px); font-weight: 500; line-height: 1.22; letter-spacing: -.015em; max-width: 29ch; margin-bottom: 20px; text-wrap: balance; }
.consultancy-refined .home-practice > p:not(.eyebrow) { font-size: 17px; max-width: 55ch; }
.consultancy-refined .home-practice .product-stage { width: 100%; max-width: none; padding: 0; margin: 36px 0 0; perspective: none; animation: none; text-align: left; }
.consultancy-refined .consultancy-demo-frame { border: 1px solid #cfdbeb; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 48px #132c4c0c; }
.consultancy-refined .consultancy-demo-label { background: #f7faff; color: #416289; border-bottom-color: #dce6f3; }
.consultancy-refined .workspace-nav { background: #132b48; border-right: 0; }
.consultancy-refined .workspace-nav .workspace-brand { color: #fff; }
.consultancy-refined .workspace-nav button { color: #bfcee1; border: 1px solid transparent; }
.consultancy-refined .workspace-nav button[aria-selected=true] { background: #2c6bd0; color: #fff; border-color: #4c84dc; }
.consultancy-refined .workspace-nav button:hover { border-color: #6e94c7; color: #fff; }
.consultancy-refined .workspace-nav-foot { color: #b2c3d9; }
.consultancy-refined .ai-insight { background: #edf4ff; border-color: #cfdef5; border-radius: 6px; }
.consultancy-refined .workflow-row .row-icon { border-radius: 50%; background: #edf4ff; color: #2963b1; }

/* A connected process creates a different visual rhythm from the service cards. */
.consultancy-refined .consultancy-method { background: var(--home-navy); color: #fff; }
.consultancy-refined .consultancy-method > .eyebrow { color: #91b9ef; }
.consultancy-refined .consultancy-method h2 { color: #fff; margin-bottom: 48px; }
.consultancy-refined .consultancy-method .consultancy-grid { gap: 32px; }
.consultancy-refined .consultancy-method article { position: relative; }
.consultancy-refined .consultancy-method article::after { content: ''; position: absolute; left: 56px; right: -20px; top: 22px; height: 1px; background: #3e5f87; }
.consultancy-refined .consultancy-method article:last-child::after { display: none; }
.consultancy-refined .consultancy-method article > .consultancy-number { width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border: 1px solid #6388ba; border-radius: 50%; background: #1e416d; color: #e4eeff; margin-bottom: 10px; }
.consultancy-refined .consultancy-method h3 { color: #fff; font-size: 20px; }
.consultancy-refined .consultancy-method p { color: #bdcce0; font-size: 15px; line-height: 1.8; }
.consultancy-refined .consultancy-principles .consultancy-grid { gap: 32px; }
.consultancy-refined .consultancy-principles article { border-left: 2px solid #9abbed; padding-left: 24px; }
.consultancy-refined .consultancy-principles h3 { margin-top: 0; }
.consultancy-refined .consultancy-faq { background: #f4f7fb; }
.consultancy-refined .consultancy-faq summary { transition: color .2s; }
.consultancy-refined .consultancy-faq summary:hover { color: #1b61c3; }
.consultancy-refined .next-step { padding-block: 64px; background: linear-gradient(90deg, #10243ef5 40%, #10243ea3), url('/assets/consultancy/klcc-skyline.jpg') center 65% / cover; }
.consultancy-refined .next-step .button { min-height: 50px; padding-inline: 26px; }
.consultancy-refined .stay-card { box-shadow: 0 8px 28px #142d4808; }
.consultancy-refined .stay-card .stay-photo { transition: filter .25s; }
.consultancy-refined .stay-card:hover .stay-photo { filter: brightness(1.04); }

@media (max-width: 1100px) {
  .consultancy-refined .consultancy-team { gap: 36px; }
  .consultancy-refined .consultancy-method article:nth-child(2)::after { display: none; }
}
@media (max-width: 800px) {
  .consultancy-refined .skyline-masthead { background-image: linear-gradient(180deg, #071427f5 0%, #071427eb 43%, #07142738 80%), url('/assets/consultancy/klcc-skyline.jpg'); background-position: center, 57% bottom; }
  .consultancy-refined .product-kicker { align-items: flex-start; }
  .consultancy-refined .product-kicker::before { margin-top: 9px; width: 20px; flex-basis: 20px; }
  .consultancy-refined .consultancy-team { grid-template-columns: 1fr; gap: 28px; }
  .consultancy-refined .consultancy-team h2 { font-size: 32px; }
  .consultancy-refined .consultancy-services .consultancy-grid { gap: 20px; }
  .consultancy-refined .consultancy-services article { padding: 26px; }
  .consultancy-refined .consultancy-services article > .consultancy-number { top: 28px; right: 26px; }
  .consultancy-refined .consultancy-services h3 { font-size: 20px; }
  .consultancy-refined .workspace-nav { border-bottom-color: #2a4568; }
  .consultancy-refined .home-practice > h2 { max-width: 30ch; }
  .consultancy-refined .next-step { padding-block: 48px; }
}
@media (max-width: 600px) {
  .consultancy-refined .consultancy-services .consultancy-grid { grid-template-columns: 1fr; }
  .consultancy-refined .consultancy-services article { padding: 24px; }
  .consultancy-refined .consultation-side { padding: 24px; }
  .consultancy-refined .consultancy-method article { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px 22px; }
  .consultancy-refined .consultancy-method article > .consultancy-number { grid-column: 1; grid-row: 1 / 3; margin: 0; }
  .consultancy-refined .consultancy-method h3 { grid-column: 2; margin: 6px 0 0; }
  .consultancy-refined .consultancy-method p { grid-column: 2; margin: 0; }
  .consultancy-refined .consultancy-method article::after,
  .consultancy-refined .consultancy-method article:nth-child(2)::after { display: block; left: 21px; right: auto; top: 56px; bottom: -20px; width: 1px; height: auto; }
  .consultancy-refined .consultancy-method article:last-child::after { display: none; }
  .consultancy-refined .consultancy-method h2 { margin-bottom: 32px; }
  .consultancy-refined .skyline-credit { right: 76px; font-size: 9px; }
}
html:lang(zh) .consultancy-refined .home-title-outcome { font-style: normal; }
html:lang(zh) .consultancy-refined :is(.home-practice,.consultancy-team) > div > h2,
html:lang(zh) .consultancy-refined .home-practice > h2 { font-family: var(--home-display); font-size: clamp(27px, 2.7vw, 32px); line-height: 1.45; letter-spacing: 0; }
@media (prefers-reduced-motion: reduce) {
  .consultancy-refined :is(.product-tile img,.consultancy-services article,.stay-photo,.consultancy-faq summary) { transition: none; transform: none; }
}