:root {
  --background: #ffffff;
  --foreground: #171615;
  --card: #ffffff;
  --card-foreground: #171615;
  --popover: #ffffff;
  --popover-foreground: #171615;
  --primary: #eb5f2c;
  --primary-foreground: #ffffff;
  --secondary: #f5f3f0;
  --secondary-foreground: #171615;
  --muted: #f5f3f0;
  --muted-foreground: #66605a;
  --accent: #fff1ea;
  --accent-foreground: #a93816;
  --border: #e6dfd8;
  --input: #ddd4cc;
  --ring: #eb5f2c;
  --ink: #171615;
  --cream: #f5f3f0;
  --brand-50: #fff3ed;
  --brand-500: #eb5f2c;
  --brand-600: #d94b1b;
  --brand-700: #b93b13;
}

html {
  background: #ffffff;
}

body {
  overflow-x: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #fbfaf8 42%, #f6f1eb 100%);
  color: var(--foreground);
}

body [class*="tracking-"] {
  letter-spacing: 0 !important;
}

body :focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}

.bg-brand-500 {
  background-color: #eb5f2c !important;
}

.text-brand-600 {
  color: #d94b1b !important;
}

/* Navigation */
.site-header-v2 {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  border-color: rgba(223, 228, 225, 0.9) !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0)) !important;
  box-shadow: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.site-header-v2 nav {
  min-height: 72px;
}

.site-header-v2 nav > a:first-child img:first-child {
  height: 38px;
}

.site-header-v2 nav > a:first-child img:last-child {
  height: 25px;
}

.site-header-v2 nav > ul a {
  position: relative;
  border-radius: 0 !important;
  padding-inline: 12px;
}

.site-header-v2 nav > ul a::after {
  position: absolute;
  right: 12px;
  bottom: 3px;
  left: 12px;
  height: 2px;
  content: "";
  background: var(--brand-500);
  opacity: 0;
  transform: scaleX(0.35);
  transition: opacity 180ms ease, transform 180ms ease;
}

.site-header-v2 nav > ul a:hover::after,
.site-header-v2 nav > ul a[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

.site-header-v2 button,
.site-header-v2 a {
  min-height: 44px;
}

/* Home hero */
.home-hero-v2 {
  isolation: isolate;
  min-height: clamp(540px, calc(100svh - 112px), 720px);
  color: #ffffff !important;
  background-color: #141615 !important;
  background-image: url("/images/hero-operations-center.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.home-hero-v2::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(10, 12, 11, 0.95) 0%, rgba(10, 12, 11, 0.82) 44%, rgba(10, 12, 11, 0.24) 78%, rgba(10, 12, 11, 0.12) 100%);
}

.home-hero-v2 > .absolute,
.page-hero-v2 > .absolute {
  display: none !important;
}

.home-hero-v2__inner {
  display: grid !important;
  width: 100%;
  min-height: inherit;
  grid-template-columns: minmax(0, 760px) 1fr !important;
  align-content: center;
  padding-top: 84px !important;
  padding-bottom: 96px !important;
}

.home-hero-v2__inner > :first-child {
  position: relative;
  z-index: 2;
  max-width: 760px;
}

.home-hero-v2__badge {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #ffb092 !important;
  background: transparent !important;
}

.home-hero-v2__title {
  max-width: 760px;
  color: #ffffff !important;
  font-size: 56px !important;
  line-height: 1.12 !important;
}

.home-hero-v2__copy {
  max-width: 680px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 18px !important;
  line-height: 1.8 !important;
}

.home-hero-v2__actions a {
  min-width: 150px;
  min-height: 50px;
  border-radius: 6px !important;
}

.home-hero-v2__actions > :first-child {
  border-color: var(--brand-500) !important;
  background: var(--brand-500) !important;
  box-shadow: 0 14px 34px rgba(235, 95, 44, 0.28);
}

.home-hero-v2__actions > :last-child {
  border-color: rgba(255, 255, 255, 0.46) !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(8px);
}

.home-hero-v2__media {
  position: static !important;
}

.home-hero-v2__visual {
  display: none !important;
}

.home-hero-v2__media > :last-child {
  position: absolute !important;
  right: max(32px, calc((100vw - 1280px) / 2));
  bottom: 36px !important;
  left: auto !important;
  transform: none !important;
}

.home-hero-v2__media > :last-child * {
  animation: none !important;
}

.home-hero-v2__media > :last-child > div {
  border-color: rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  color: #ffffff;
  background: rgba(18, 23, 21, 0.72) !important;
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(16px) saturate(120%);
}

.home-hero-v2__media > :last-child .text-ink,
.home-hero-v2__media > :last-child .text-muted-foreground {
  color: #ffffff !important;
}

.home-metrics-v2 {
  border-color: var(--border) !important;
  background: #ffffff !important;
}

.home-metrics-v2 > div {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.home-metrics-v2 .text-brand-600 {
  color: #173f3b !important;
}

.site-main-v2[data-page="/"] > section:nth-of-type(3) {
  background: #f1f5f3 !important;
}

.site-main-v2[data-page="/"] > section:nth-of-type(4) {
  background: #ffffff !important;
}

.site-main-v2[data-page="/"] > section:nth-of-type(5) {
  color: #ffffff !important;
  background: #18332f !important;
}

.site-main-v2[data-page="/"] > section:nth-of-type(5) .text-ink,
.site-main-v2[data-page="/"] > section:nth-of-type(5) .text-foreground\/90 {
  color: #ffffff !important;
}

.site-main-v2[data-page="/"] > section:nth-of-type(5) .text-muted-foreground {
  color: rgba(255, 255, 255, 0.68) !important;
}

.site-main-v2[data-page="/"] > section:nth-of-type(5) .bg-white {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Inner-page hero */
.page-hero-v2 {
  --page-hero-image: url("/images/hero-banner-aigc-studio.jpg");
  isolation: isolate;
  display: flex;
  min-height: 410px;
  align-items: flex-end;
  color: #ffffff !important;
  background-color: #151817 !important;
  background-image: linear-gradient(90deg, rgba(11, 14, 13, 0.92), rgba(11, 14, 13, 0.64) 55%, rgba(11, 14, 13, 0.18)), var(--page-hero-image) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.site-main-v2[data-page="/about"] .page-hero-v2 {
  --page-hero-image: url("/images/about-hero-v2.png");
}

.site-main-v2[data-page="/business"] .page-hero-v2 {
  --page-hero-image: url("/images/ecosystem-illustration.jpg");
  background-position: center 56% !important;
}

.site-main-v2[data-page="/training"] .page-hero-v2 {
  --page-hero-image: url("/images/training-classroom.jpg");
}

.site-main-v2[data-page="/cases"] .page-hero-v2 {
  --page-hero-image: url("/images/production-set.jpg");
}

.site-main-v2[data-page="/careers"] .page-hero-v2 {
  --page-hero-image: url("/images/careers-team.jpg");
}

.site-main-v2[data-page="/contact"] .page-hero-v2 {
  --page-hero-image: url("/images/contact-consult.jpg");
}

.page-hero-v2 > .relative {
  z-index: 1;
  width: 100%;
  padding-top: 112px !important;
  padding-bottom: 76px !important;
}

.page-hero-v2 h1,
.page-hero-v2 .text-ink {
  color: #ffffff !important;
}

.page-hero-v2 p,
.page-hero-v2 .text-muted-foreground {
  color: rgba(255, 255, 255, 0.76) !important;
}

.page-hero-v2 h1 {
  max-width: 820px;
  font-size: 52px !important;
  line-height: 1.14 !important;
}

.page-hero-v2 .text-brand-600 {
  color: #ffb092 !important;
}

/* Shared sections and components */
.site-main-v2 section:not(.home-hero-v2):not(.page-hero-v2):not(.cta-band-v2) > [class*="max-w-7xl"] {
  width: min(100% - 48px, 1280px);
  padding-inline: 0 !important;
}

.site-main-v2 .rounded-3xl,
.site-main-v2 .rounded-2xl {
  border-radius: 8px !important;
}

.site-main-v2 .rounded-xl,
.site-main-v2 button.rounded-lg,
.site-main-v2 input.rounded-lg,
.site-main-v2 textarea.rounded-lg {
  border-radius: 6px !important;
}

.site-main-v2 .shadow-xl,
.site-main-v2 .shadow-lg,
.site-main-v2 .shadow-md {
  box-shadow: 0 18px 44px rgba(22, 29, 26, 0.1) !important;
}

.site-main-v2 [class*="hover:-translate-y"]:hover {
  transform: translateY(-2px) !important;
}

.site-main-v2 .blur-3xl.rounded-full,
.cta-band-v2 .gradient-glow {
  display: none !important;
}

.site-main-v2 input,
.site-main-v2 textarea,
.site-main-v2 select {
  min-height: 44px;
  border-color: var(--input) !important;
  background: #ffffff !important;
}

.site-main-v2 textarea {
  min-height: 132px;
}

.site-main-v2 input:focus,
.site-main-v2 textarea:focus,
.site-main-v2 select:focus {
  border-color: var(--brand-500) !important;
  box-shadow: 0 0 0 3px rgba(235, 95, 44, 0.13) !important;
}

.cta-band-v2 {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: #17423e !important;
}

.cta-band-v2 > .absolute {
  display: none !important;
}

.cta-band-v2 a {
  min-height: 48px;
  border-radius: 6px !important;
  color: #17322f !important;
}

/* Footer */
.site-footer-v2 {
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.68) !important;
  background: #141918 !important;
}

.site-footer-v2 .text-ink,
.site-footer-v2 h3 {
  color: #ffffff !important;
}

.site-footer-v2 .text-muted-foreground,
.site-footer-v2 .text-muted-foreground\/70 {
  color: rgba(255, 255, 255, 0.62) !important;
}

.site-footer-v2 img:last-child {
  filter: brightness(0) invert(1);
}

.site-footer-v2 a:hover {
  color: #ff9c76 !important;
}

.site-footer-v2 .text-brand-600 {
  color: #ff9c76 !important;
}

.site-footer-v2 [class*="border-border"] {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 1023px) {
  .site-header-v2 nav {
    min-height: 64px;
  }

  .home-hero-v2__inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-hero-v2__media > :last-child {
    display: none !important;
  }

  .home-hero-v2::before {
    background: rgba(10, 12, 11, 0.76);
  }
}

@media (max-width: 767px) {
  .home-hero-v2 {
    min-height: clamp(540px, calc(100svh - 88px), 650px);
    background-position: 64% center !important;
  }

  .home-hero-v2__inner {
    padding-top: 64px !important;
    padding-bottom: 70px !important;
  }

  .home-hero-v2__title {
    max-width: 620px;
    font-size: 42px !important;
  }

  .home-hero-v2__copy {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }

  .page-hero-v2 {
    min-height: 360px;
  }

  .page-hero-v2 > .relative {
    padding-top: 88px !important;
    padding-bottom: 58px !important;
  }

  .page-hero-v2 h1 {
    font-size: 40px !important;
  }

  .site-main-v2 section:not(.home-hero-v2):not(.page-hero-v2):not(.cta-band-v2) > [class*="max-w-7xl"] {
    width: min(100% - 32px, 1280px);
  }
}

@media (max-width: 479px) {
  .home-hero-v2__title {
    font-size: 36px !important;
  }

  .home-hero-v2__actions {
    display: grid !important;
    grid-template-columns: 1fr;
  }

  .home-hero-v2__actions > * {
    width: 100%;
  }

  .page-hero-v2 h1 {
    font-size: 34px !important;
  }

  .home-metrics-v2 > div {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* 2026 reference-page alignment */
:root {
  --reference-brand: #eb5f2c;
  --reference-brand-2: #ff8b5a;
  --reference-ink: #171615;
  --reference-muted: #66605a;
  --reference-soft: #f5f3f0;
  --reference-paper: #ffffff;
  --reference-line: #e6dfd8;
  --reference-teal: #0b6864;
  --reference-deep: #1d2324;
  --reference-shadow: 0 18px 42px rgba(23, 22, 21, 0.1);
  --reference-shadow-soft: 0 14px 34px rgba(23, 22, 21, 0.07);
}

body {
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", Inter, Arial, sans-serif;
}

.site-main-v2 {
  background: linear-gradient(180deg, #fff 0%, #fbfaf8 42%, #f6f1eb 100%);
}

.site-header-v2 {
  position: fixed !important;
  top: 0;
  right: 0;
  left: 0;
  border-color: transparent !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0)) !important;
  box-shadow: none !important;
}

.site-header-v2.border-transparent {
  border-color: transparent !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0)) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.site-header-v2.border-border {
  border-color: rgba(230, 223, 216, 0.72) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 10px 30px rgba(23, 22, 21, 0.08) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}

.site-header-v2.border-transparent nav > ul a {
  color: rgba(255, 255, 255, 0.82) !important;
}

.site-header-v2.border-transparent nav > ul a:hover,
.site-header-v2.border-transparent nav > ul a[aria-current="page"] {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.site-header-v2.border-transparent nav > div > button {
  border-color: rgba(255, 255, 255, 0.42) !important;
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.site-header-v2.border-transparent nav > div > a {
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
  background: rgba(18, 18, 18, 0.72) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;
}

/* Language switch: compact glass chip instead of a loose oval control. */
.site-header-v2 nav > div > button[aria-label="切换到中文"],
.site-header-v2 nav > div > button[aria-label="Switch to English"] {
  display: inline-flex !important;
  width: auto !important;
  min-width: 72px;
  height: 38px;
  min-height: 38px !important;
  align-items: center;
  justify-content: center;
  gap: 7px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 7px !important;
  padding: 0 12px !important;
  color: rgba(255, 255, 255, 0.92) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 22px rgba(0, 0, 0, 0.12) !important;
  backdrop-filter: blur(14px) saturate(130%);
  -webkit-backdrop-filter: blur(14px) saturate(130%);
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.site-header-v2 nav > div > button[aria-label="切换到中文"] svg,
.site-header-v2 nav > div > button[aria-label="Switch to English"] svg {
  width: 14px !important;
  height: 14px !important;
  opacity: 0.84;
}

.site-header-v2 nav > div > button[aria-label="切换到中文"]:hover,
.site-header-v2 nav > div > button[aria-label="Switch to English"]:hover {
  border-color: rgba(255, 255, 255, 0.58) !important;
  background: rgba(255, 255, 255, 0.18) !important;
  transform: translateY(-1px);
}

.site-header-v2.border-border nav > div > button[aria-label="切换到中文"],
.site-header-v2.border-border nav > div > button[aria-label="Switch to English"] {
  border-color: #ddd4cc !important;
  color: #4e4944 !important;
  background: #fff !important;
  box-shadow: 0 6px 16px rgba(23, 22, 21, 0.06) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.site-header-v2.border-border nav > div > button[aria-label="切换到中文"]:hover,
.site-header-v2.border-border nav > div > button[aria-label="Switch to English"]:hover {
  border-color: var(--reference-brand) !important;
  color: var(--reference-brand) !important;
  background: #fff8f4 !important;
}

.site-header-v2 nav {
  width: min(1180px, calc(100% - 48px));
  max-width: none !important;
  min-height: 72px;
  padding-inline: 0 !important;
}

.site-header-v2 nav > ul {
  gap: 2px !important;
}

.site-header-v2 nav > ul a {
  border-radius: 8px !important;
  color: rgba(23, 22, 21, 0.72) !important;
  font-size: 14px;
  font-weight: 700;
}

.site-header-v2 nav > ul a:hover,
.site-header-v2 nav > ul a[aria-current="page"] {
  color: var(--reference-brand) !important;
  background: rgba(235, 95, 44, 0.08) !important;
}

.site-header-v2 nav > ul a::after {
  display: none;
}

.site-main-v2 h1,
.site-main-v2 h2,
.site-main-v2 h3,
.site-main-v2 h4 {
  color: var(--reference-ink);
  font-weight: 900;
  letter-spacing: 0 !important;
}

.site-main-v2 p {
  line-height: 1.75;
}

.site-main-v2 section:not(.home-hero-v2):not(.page-hero-v2):not(.cta-band-v2) > [class*="max-w-7xl"],
.site-main-v2 section:not(.home-hero-v2):not(.page-hero-v2):not(.cta-band-v2) > [class*="max-w-4xl"] {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px !important;
  padding: 104px 0 !important;
  margin-inline: auto;
}

.site-main-v2 .rounded-3xl,
.site-main-v2 .rounded-2xl,
.site-main-v2 .rounded-xl {
  border-radius: 8px !important;
}

.site-main-v2 [class*="border-border"] {
  border-color: var(--reference-line) !important;
}

.site-main-v2 [class*="bg-muted\/30"],
.site-main-v2 [class*="bg-cream"] {
  background-color: var(--reference-soft) !important;
}

.site-main-v2 [class*="shadow"] {
  box-shadow: var(--reference-shadow-soft) !important;
}

.site-main-v2 [class*="text-muted-foreground"] {
  color: var(--reference-muted) !important;
}

.site-main-v2 [class*="text-brand-600"] {
  color: var(--reference-brand) !important;
}

.site-main-v2 .bg-brand-50,
.site-main-v2 [class*="bg-brand-50"] {
  background-color: #fff3ed !important;
}

/* Home */
.home-hero-v2 {
  min-height: 610px;
  background-image: url("/images/hero-operations-center.jpg") !important;
}

.home-hero-v2::before {
  background: linear-gradient(90deg, rgba(9, 9, 9, 0.94), rgba(9, 9, 9, 0.7) 46%, rgba(9, 9, 9, 0.16) 84%);
}

.home-hero-v2__inner {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px !important;
  padding: 96px 0 118px !important;
}

.home-hero-v2__title {
  max-width: 780px;
  font-size: 54px !important;
}

.home-hero-v2__copy {
  max-width: 720px !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 18px !important;
  line-height: 1.85 !important;
}

.home-hero-v2__actions {
  gap: 16px !important;
  margin-top: 36px !important;
}

.home-hero-v2__actions a {
  min-width: 168px;
  min-height: 60px;
  border-radius: 12px !important;
  font-size: 17px;
}

.home-hero-v2__actions > :first-child {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: linear-gradient(135deg, #ff7440 0%, #eb5f2c 52%, #d94316 100%) !important;
  box-shadow: 0 22px 40px rgba(235, 95, 44, 0.34) !important;
}

.home-hero-v2__media > :last-child {
  right: max(24px, calc((100vw - 1180px) / 2));
  top: 112px !important;
  bottom: auto !important;
  width: 336px;
}

.home-hero-v2__media > :last-child > div {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.11) !important;
}

.home-metrics-v2 {
  position: relative;
  z-index: 3;
  margin-top: -92px;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
  background: rgba(13, 12, 11, 0.68) !important;
  backdrop-filter: blur(14px);
}

.home-metrics-v2 > div {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px !important;
  min-height: 92px;
  padding: 0 !important;
}

.home-metrics-v2 .text-ink,
.home-metrics-v2 .text-brand-600 {
  color: #fff !important;
}

.home-metrics-v2 .text-muted-foreground {
  color: rgba(255, 255, 255, 0.68) !important;
}

.site-main-v2[data-page="/"] > section:nth-of-type(3) {
  border-block: 1px solid rgba(230, 223, 216, 0.78);
  background-color: var(--reference-soft) !important;
  background-image: linear-gradient(90deg, rgba(235, 95, 44, 0.045) 1px, transparent 1px), linear-gradient(rgba(23, 22, 21, 0.04) 1px, transparent 1px) !important;
  background-size: 42px 42px !important;
}

.site-main-v2[data-page="/"] > section:nth-of-type(3) [class*="grid"] > [class*="rounded"] {
  border-left: 4px solid var(--reference-brand) !important;
  background: #fff !important;
}

.site-main-v2[data-page="/"] > section:nth-of-type(5) {
  background: radial-gradient(circle at 82% 12%, rgba(235, 95, 44, 0.18), transparent 28%), linear-gradient(135deg, #1d2324 0%, #111414 100%) !important;
}

/* Shared inner-page hero */
.page-hero-v2 {
  min-height: 410px;
  background-image: linear-gradient(90deg, rgba(9, 9, 9, 0.92), rgba(9, 9, 9, 0.7) 45%, rgba(9, 9, 9, 0.16) 84%), var(--page-hero-image) !important;
}

.page-hero-v2 > .relative {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px !important;
  padding: 74px 0 86px !important;
}

.page-hero-v2 h1 {
  max-width: 780px;
  color: #fff !important;
  font-size: 48px !important;
}

.page-hero-v2 p {
  max-width: 720px !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 18px !important;
  line-height: 1.85 !important;
}

.page-hero-v2 [class*="text-brand-600"] {
  color: #ffb396 !important;
}

/* About */
.site-main-v2[data-page="/about"] .page-hero-v2 {
  min-height: 540px;
  background-image: linear-gradient(90deg, rgba(8, 10, 10, 0.94), rgba(8, 10, 10, 0.68) 58%, rgba(8, 10, 10, 0.16)), url("/images/about-hero-v2.png") !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(2) > div {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: 72px !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(2) img {
  aspect-ratio: 16 / 10 !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(3) {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(29, 35, 36, 0.96), rgba(17, 20, 20, 0.94)), url("/images/about-abstract-bg.png") center/cover !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(3) h2,
.site-main-v2[data-page="/about"] > section:nth-of-type(3) h3,
.site-main-v2[data-page="/about"] > section:nth-of-type(3) .text-ink {
  color: #fff !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(3) [class*="text-muted-foreground"] {
  color: rgba(255, 255, 255, 0.72) !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(3) [class*="bg-white"] {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

/* The positioning card stays warm and light inside the dark About section. */
.site-main-v2[data-page="/about"] > section:nth-of-type(3) > div.relative > div:last-child {
  border-color: rgba(235, 95, 44, 0.28) !important;
  background: #fff3ed !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(3) > div.relative > div:last-child .text-ink,
.site-main-v2[data-page="/about"] > section:nth-of-type(3) > div.relative > div:last-child .text-foreground {
  color: #4b2a22 !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(3) > div.relative > div:last-child .text-brand-600 {
  color: #d94b1b !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(3) > div.relative > div:last-child p:last-child {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.8;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(4) [class*="grid"] > div {
  position: relative;
  overflow: hidden;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff, #fff9f5) !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(4) [class*="grid"] > div::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  content: "";
  background: var(--reference-brand);
}

.site-main-v2[data-page="/about"] > section:nth-of-type(5) {
  color: #fff;
  background: radial-gradient(circle at 82% 12%, rgba(235, 95, 44, 0.18), transparent 28%), linear-gradient(135deg, #1d2324, #111414) !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(5) h2,
.site-main-v2[data-page="/about"] > section:nth-of-type(5) .text-ink,
.site-main-v2[data-page="/about"] > section:nth-of-type(5) .text-foreground\/90 {
  color: #fff !important;
}

.site-main-v2[data-page="/about"] > section:nth-of-type(5) [class*="bg-card"] {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Business */
.site-main-v2[data-page="/business"] .page-hero-v2 {
  --page-hero-image: url("/images/business-loop.jpg");
}

.site-main-v2[data-page="/business"] > div > section {
  background: #fff !important;
}

.site-main-v2[data-page="/business"] > div > section:nth-child(even) {
  background: linear-gradient(180deg, #fbfaf8, #f3eee8) !important;
}

.site-main-v2[data-page="/business"] > div > section > div {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px !important;
  gap: 64px !important;
  padding: 88px 0 !important;
}

.site-main-v2[data-page="/business"] > div > section img {
  aspect-ratio: 16 / 10 !important;
}

.site-main-v2[data-page="/business"] > div > section [class*="grid-cols-2"] > div {
  background: #fff;
  box-shadow: 0 10px 26px rgba(23, 22, 21, 0.04);
}

/* Training */
.site-main-v2[data-page="/training"] > section:nth-of-type(2) {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.88)), url("/images/training-classroom.jpg") right center/56% auto no-repeat !important;
}

.site-main-v2[data-page="/training"] > section:nth-of-type(3) {
  border-block: 1px solid rgba(230, 223, 216, 0.78);
  background: linear-gradient(180deg, #fbfaf8, #f3eee8) !important;
}

.site-main-v2[data-page="/training"] > section:nth-of-type(2) [class*="grid-cols-3"] > div,
.site-main-v2[data-page="/training"] > section:nth-of-type(3) [class*="grid-cols-2"] > div,
.site-main-v2[data-page="/training"] > section:nth-of-type(4) [class*="grid-cols-3"] > div {
  position: relative;
  overflow: hidden;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

.site-main-v2[data-page="/training"] > section:nth-of-type(2) [class*="grid-cols-3"] > div::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  content: "";
  background: var(--reference-brand);
}

/* Cases */
.site-main-v2[data-page="/cases"] .page-hero-v2 {
  min-height: 500px;
  --page-hero-image: url("/images/production-set.jpg");
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) {
  background: linear-gradient(180deg, #f6f1eb, #fff) !important;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) > div > div:first-child > div {
  border-radius: 8px !important;
  padding: 6px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: var(--reference-shadow-soft);
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) button {
  min-height: 42px;
  border-radius: 6px !important;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) button[class*="text-white"] {
  color: #fff !important;
  background: #eb5f2c !important;
  box-shadow: 0 8px 18px rgba(235, 95, 44, 0.2);
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) button[class*="text-white"] > span.absolute {
  background: #eb5f2c !important;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) button[class*="text-white"] > span.relative {
  position: relative;
  z-index: 1;
  color: #fff !important;
}

/* The active filter is the only button containing the animated absolute pill. */
.site-main-v2[data-page="/cases"] > section:nth-of-type(2) button:has(> span.absolute) {
  color: #fff !important;
  background: #eb5f2c !important;
  box-shadow: 0 8px 18px rgba(235, 95, 44, 0.2);
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) button:has(> span.absolute) > span.absolute {
  background: #eb5f2c !important;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) button:has(> span.absolute) > span.relative {
  position: relative;
  z-index: 1;
  color: #fff !important;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) [class*="columns-"] > div > div,
.site-main-v2[data-page="/cases"] > section:nth-of-type(2) article {
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: var(--reference-shadow-soft);
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) img {
  background: #fdf1ea;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) article {
  background: #171615 !important;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) article > div.absolute.inset-x-0 {
  background: linear-gradient(to top, rgba(12, 12, 12, 0.96), rgba(12, 12, 12, 0.64) 46%, rgba(12, 12, 12, 0) 100%) !important;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) article h3 {
  color: #fff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.42);
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) article p {
  color: rgba(255, 255, 255, 0.84) !important;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) article a {
  border-radius: 7px !important;
  color: #fff !important;
  background: #eb5f2c !important;
  box-shadow: 0 10px 22px rgba(235, 95, 44, 0.28) !important;
}

.site-main-v2[data-page="/cases"] > section:nth-of-type(2) article a:hover {
  background: #d94b1b !important;
}

/* News */
.site-main-v2[data-page="/news"] .page-hero-v2 {
  --page-hero-image: url("/images/hero-banner-aigc-studio.jpg");
}

.site-main-v2[data-page="/news"] > section:nth-of-type(2) {
  background: #fff !important;
}

.site-main-v2[data-page="/news"] > section:nth-of-type(2) a {
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: var(--reference-shadow-soft);
}

.site-main-v2[data-page="/news"] > section:nth-of-type(2) a:hover {
  border-color: rgba(235, 95, 44, 0.35) !important;
  box-shadow: var(--reference-shadow) !important;
}

/* Careers */
.site-main-v2[data-page="/careers"] .page-hero-v2 {
  --page-hero-image: url("/images/careers-team.jpg");
}

.site-main-v2[data-page="/careers"] > section:nth-of-type(2) {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.9)), url("/images/careers-team.jpg") right center/50% auto no-repeat !important;
}

.site-main-v2[data-page="/careers"] > section:nth-of-type(2) [class*="grid-cols-4"] > div {
  position: relative;
  overflow: hidden;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.96) !important;
}

.site-main-v2[data-page="/careers"] > section:nth-of-type(3) {
  border-block: 1px solid rgba(230, 223, 216, 0.78);
  background: linear-gradient(180deg, #fbfaf8, #f3eee8) !important;
}

.site-main-v2[data-page="/careers"] > section:nth-of-type(3) [data-slot="accordion-item"] {
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(23, 22, 21, 0.04);
}

/* Contact */
.site-main-v2[data-page="/contact"] .page-hero-v2 {
  --page-hero-image: url("/images/contact-consult.jpg");
}

.site-main-v2[data-page="/contact"] > section:nth-of-type(2) {
  background: linear-gradient(180deg, #fff, #fbfaf8) !important;
}

.site-main-v2[data-page="/contact"] > section:nth-of-type(2) form {
  border: 1px solid var(--reference-line);
  border-radius: 8px;
  padding: 32px;
  background: #fff;
  box-shadow: var(--reference-shadow-soft);
}

.site-main-v2[data-page="/contact"] > section:nth-of-type(2) > div > div:last-child > div {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(135deg, #1d2324, #111414) !important;
  box-shadow: var(--reference-shadow) !important;
}

.site-main-v2[data-page="/contact"] > section:nth-of-type(2) > div > div:last-child h2,
.site-main-v2[data-page="/contact"] > section:nth-of-type(2) > div > div:last-child .text-ink {
  color: #fff !important;
}

.site-main-v2[data-page="/contact"] > section:nth-of-type(2) > div > div:last-child [class*="text-muted-foreground"] {
  color: rgba(255, 255, 255, 0.68) !important;
}

.site-main-v2[data-page="/contact"] > section:nth-of-type(2) > div > div:last-child [class*="bg-brand-50"] {
  background: rgba(255, 255, 255, 0.08) !important;
}

/* CTA and footer */
.cta-band-v2 {
  background: linear-gradient(135deg, #ff6f38 0%, #eb5f2c 50%, #d94b1b 100%) !important;
}

.cta-band-v2 > div:last-child {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px !important;
  padding: 72px 0 !important;
}

.cta-band-v2 h2 {
  color: #fff !important;
  font-size: 34px !important;
}

.cta-band-v2 p {
  color: rgba(255, 255, 255, 0.82) !important;
}

.cta-band-v2 a {
  min-height: 52px;
  border-radius: 8px !important;
  color: var(--reference-ink) !important;
  background: linear-gradient(135deg, #fff, #f7f1ed) !important;
  box-shadow: 0 14px 30px rgba(23, 22, 21, 0.08) !important;
}

.site-footer-v2 {
  background: #121414 !important;
}

.site-footer-v2 > div {
  width: min(1180px, calc(100% - 48px));
  max-width: 1180px !important;
}

@media (max-width: 1023px) {
  .home-hero-v2__media > :last-child {
    display: none !important;
  }

  .site-main-v2[data-page="/about"] > section:nth-of-type(2) > div {
    gap: 40px !important;
  }

  .site-main-v2[data-page="/training"] > section:nth-of-type(2),
  .site-main-v2[data-page="/careers"] > section:nth-of-type(2) {
    background-image: none !important;
  }
}

@media (max-width: 767px) {
  .site-header-v2 nav,
  .home-hero-v2__inner,
  .page-hero-v2 > .relative,
  .home-metrics-v2 > div,
  .cta-band-v2 > div:last-child,
  .site-footer-v2 > div,
  .site-main-v2 section:not(.home-hero-v2):not(.page-hero-v2):not(.cta-band-v2) > [class*="max-w-7xl"],
  .site-main-v2 section:not(.home-hero-v2):not(.page-hero-v2):not(.cta-band-v2) > [class*="max-w-4xl"],
  .site-main-v2[data-page="/business"] > div > section > div {
    width: min(100% - 32px, 1180px);
  }

  .home-hero-v2 {
    min-height: 590px;
  }

  .home-hero-v2__inner {
    padding: 76px 0 112px !important;
  }

  .home-hero-v2__title {
    font-size: 40px !important;
  }

  .home-metrics-v2 {
    margin-top: -76px;
  }

  .home-metrics-v2 > div {
    min-height: 76px;
  }

  .page-hero-v2,
  .site-main-v2[data-page="/about"] .page-hero-v2,
  .site-main-v2[data-page="/cases"] .page-hero-v2 {
    min-height: 380px;
  }

  .page-hero-v2 > .relative {
    padding: 72px 0 56px !important;
  }

  .page-hero-v2 h1 {
    font-size: 38px !important;
  }

  .page-hero-v2 p {
    font-size: 16px !important;
  }

  .site-main-v2 section:not(.home-hero-v2):not(.page-hero-v2):not(.cta-band-v2) > [class*="max-w-7xl"],
  .site-main-v2 section:not(.home-hero-v2):not(.page-hero-v2):not(.cta-band-v2) > [class*="max-w-4xl"] {
    padding: 72px 0 !important;
  }

  .site-main-v2[data-page="/business"] > div > section > div {
    padding: 64px 0 !important;
  }

  .site-main-v2[data-page="/contact"] > section:nth-of-type(2) form {
    padding: 22px;
  }

  .cta-band-v2 > div:last-child {
    padding: 58px 0 !important;
  }

  .cta-band-v2 h2 {
    font-size: 28px !important;
  }
}

@media (max-width: 479px) {
  .home-hero-v2__title {
    font-size: 34px !important;
  }

  .home-hero-v2__actions a {
    min-height: 52px;
    font-size: 15px;
  }

  .page-hero-v2 h1 {
    font-size: 32px !important;
  }

  .home-metrics-v2 > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding-block: 12px !important;
  }
}