* {
  font-family: "Poppins", sans-serif;
}
/* Brand Logo  */
.brand-logo {
  max-width: 140px;
}
.team-post {
  cursor: pointer;
}
.team-post:hover .team-detail {
  transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
}
.team-detail {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 70%;
  background: #161616da;
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transition: transform ease-in-out 500ms;
  -webkit-transition: transform ease-in-out 500ms;
  -moz-transition: transform ease-in-out 500ms;
  -ms-transition: transform ease-in-out 500ms;
  -o-transition: transform ease-in-out 500ms;
}

/* background  */
.dark-bg,
.dark-bg a {
  color: white;
}
.light-bg h1,
.light-bg h2,
.light-bg h3,
.light-bg h4,
.light-bg h5,
.light-bg h6 {
  color: #0d1317;
}
.light-bg p,
.light-bg li {
  color: #5b5b5b;
}
.light-bg span {
  color: rgba(57, 65, 73, 0.5);
}
.light-bg {
  color: #394149;
}
.light-bg a {
  color: #f58a07;
}
/* background Colors */
.bg-brand-primay {
  background: #f58a07 !important;
  color: white !important;
}
.bg-brand-primayfaint {
  color: #f58a07 !important;
  background: rgba(245, 138, 7, 0.1) !important;
}
.bg-bluefaint {
  background-color: #edf7ff !important;
}
.bg-blue-200 {
  background: rgba(210, 218, 237, 0.17) !important;
}
.bg-bluelight {
  background-color: #dceaf5;
}
.bg-blueDark {
  background: #063255;
}
/* btn, a */
a.bg-brand-primayfaint:hover {
  color: white !important;
  background-color: #f58a07 !important;
}
button.bg-brand-primay:hover,
a.bg-brand-primay:hover {
  background: #f89d2d !important;
}
a.cl-blue-900:hover {
  color: #325771 !important;
}
/* font weight  */
.fw-smbold {
  font-weight: 600 !important;
}

/* border */
.b-6 {
  border-radius: 16px !important;
  -webkit-border-radius: 16px !important;
  -moz-border-radius: 16px !important;
  -ms-border-radius: 16px !important;
  -o-border-radius: 16px !important;
}
/* color  */
.cl-white {
  color: white !important;
}
.cl-blue-900 {
  color: #1d3444 !important;
}
.cl-primary {
  color: #f58a07 !important;
}
.cl-blue-700 {
  color: #063255;
}
.icon {
  color: #f58a07;
  font-size: 2rem;
}
.img-bar {
  position: absolute;
  left: 2;
  top: 0;
  bottom: 0;
  background: #f58a07;
  mix-blend-mode: multiply;
  width: 20%;
  z-index: 2;
  border-radius: 16px 0px 0px 16px;
  -webkit-border-radius: 16px 0px 0px 16px;
  -moz-border-radius: 16px 0px 0px 16px;
  -ms-border-radius: 16px 0px 0px 16px;
  -o-border-radius: 16px 0px 0px 16px;
}
.img-fit-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* max-height: 560px; */
}

.p-tr {
  right: -3.6%;
  top: -5.6%;
}
.p-ru {
  right: -3.6%;
  top: 10%;
}
.p-rc {
  right: -6.5%;
  top: 50%;
}
.p-br {
  right: -0.8%;
  bottom: -4.6%;
}
.p-lu {
  left: -6.5%;
  top: 10%;
}
.p-lc {
  left: -6.5%;
  top: 50%;
}
.p-ld {
  left: -6.5%;
  bottom: 10%;
}
.overlay-img--circle {
  width: 5rem;
}
.overlay-img--ribbon {
  right: -1.6%;
  top: -2.6%;
}
.overlay-img--cubeLg {
  width: 23%;
  height: 23%;
  background: #f58a07;
  mix-blend-mode: multiply;
  right: -0.1%;
  bottom: -0.6%;
}
.overlay-img--cubeSm {
  width: 15%;
  height: 15%;
  background: #f58a07;
  mix-blend-mode: multiply;
}
.fs-7 {
  font-size: 14px !important;
}
@media screen and (max-width: 768px) {
  .overlay-img {
    width: 16vw;
    right: -1%;
    top: -0.9%;
  }
  .overlay-img--circle {
    width: 16vw;
  }
  .overlay-img--ribbon {
    width: 16vw;
    right: -2%;
    top: -1.2%;
  }
  .p-br,
  .p-tr {
    right: -2.6%;
  }
  .tab {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 620px) {
  .p-br,
  .p-tr {
    right: -0.6%;
  }
}
button.bg-white {
  background-color: white;
  color: #f58a07;
}
.person-info span {
  font-size: 14px;
}

a {
  text-decoration: none !important;
}
form label {
  color: #9c9c9c;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #ffffff;
}

.site-nav {
  min-height: 74px;
  background: #ffffff;
  box-shadow: 0 2px 18px rgba(13, 19, 23, 0.06);
}

.brand-logo {
  display: inline-flex;
  align-items: center;
  max-width: 170px;
}

.brand-logo img {
  max-height: 52px;
  object-fit: contain;
}

.site-nav .nav-link {
  color: #1d3444;
  font-size: 0.84rem;
  font-weight: 600;
  padding: 0.6rem 0.52rem !important;
}

.site-nav .nav-link:hover,
.site-nav .nav-link:focus-visible {
  color: #d99a00;
}

.hero-section {
  background: #f4f8fb;
}

h1,
h2,
h3 {
  font-weight: 700;
}

h1 {
  font-size: clamp(2.2rem, 4.3vw, 4rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

h2 {
  font-size: clamp(1.85rem, 3vw, 2.7rem);
  line-height: 1.16;
  letter-spacing: -0.025em;
}

.section-kicker {
  color: #b27c00 !important;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}

.hero-copy {
  font-size: 1.1rem;
  line-height: 1.75;
  margin: 1.25rem 0 1.8rem;
  max-width: 58ch;
}

.section-heading {
  max-width: 760px;
}

.section-intro {
  max-width: 720px;
}

.visual-placeholder {
  align-items: center;
  background: linear-gradient(135deg, #1d3444, #315a73);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 335px;
  overflow: hidden;
  padding: 2rem;
  position: relative;
  text-align: center;
}

.visual-placeholder::before,
.visual-placeholder::after {
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  content: "";
  position: absolute;
}

.visual-placeholder::before {
  height: 360px;
  right: -120px;
  top: -140px;
  width: 360px;
}

.visual-placeholder::after {
  bottom: -160px;
  height: 330px;
  left: -130px;
  width: 330px;
}

.visual-placeholder__mark {
  align-items: center;
  background: #f5bb1a;
  border-radius: 50%;
  color: #1d3444;
  display: flex;
  font-size: 3rem;
  height: 96px;
  justify-content: center;
  position: relative;
  width: 96px;
  z-index: 1;
}

.visual-placeholder p {
  color: #ffffff !important;
  font-size: 0.95rem;
  margin: 1.1rem 0 0;
  position: relative;
  z-index: 1;
}

.about-visual {
  background: linear-gradient(135deg, #315a73, #1d3444);
  min-height: 300px;
}

.approval-note {
  border-left: 3px solid #f5bb1a;
  color: #5b5b5b;
  font-size: 0.92rem;
  padding-left: 0.9rem;
}

.service-card {
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(13, 19, 23, 0.07);
}

.service-card .icon,
.industry-item i {
  color: #d99a00;
}

.industry-item {
  align-items: center;
  background: #ffffff;
  display: flex;
  gap: 1rem;
  min-height: 112px;
  padding: 1.25rem;
}

.industry-item i {
  font-size: 1.7rem;
}

.industry-item h3 {
  margin: 0;
}

.process-list {
  counter-reset: step;
  list-style: none;
  padding-left: 0;
}

.process-step {
  background: #ffffff;
  border-radius: 16px;
  height: 100%;
  padding: 1.5rem;
}

.process-step span {
  color: #d99a00 !important;
  display: block;
  font-size: 0.85rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.why-list {
  display: grid;
  gap: 1rem;
}

.why-list div {
  align-items: center;
  background: #f4f8fb;
  border-radius: 16px;
  display: flex;
  font-weight: 600;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
}

.why-list i {
  color: #d99a00;
  font-size: 1.35rem;
}

.accordion-item {
  border: 0;
  border-radius: 16px !important;
  margin-bottom: 0.85rem;
  overflow: hidden;
}

.accordion-button {
  color: #1d3444;
  font-weight: 600;
  padding: 1.2rem 1.4rem;
}

.accordion-button:not(.collapsed) {
  background: #ffffff;
  box-shadow: none;
  color: #1d3444;
}

.accordion-button:focus {
  border-color: rgba(245, 187, 26, 0.75);
  box-shadow: 0 0 0 0.25rem rgba(245, 187, 26, 0.25);
}

.contact-section {
  background: #1d3444;
  color: #ffffff;
}

.contact-section h2,
.contact-section p {
  color: #ffffff !important;
}

.contact-section .section-kicker {
  color: #f5bb1a !important;
}

.contact-panel {
  background: #ffffff;
  color: #1d3444;
  padding: 1.5rem;
}

.contact-panel div {
  align-items: center;
  display: flex;
  gap: 0.9rem;
  padding: 0.85rem 0;
}

.contact-panel div + div {
  border-top: 1px solid #e5eaee;
}

.contact-panel i {
  color: #d99a00;
  font-size: 1.25rem;
}

.footer-logo img {
  background: #ffffff;
  border-radius: 10px;
  max-height: 66px;
  object-fit: contain;
  padding: 0.3rem;
}

.footer-tagline {
  color: #ffffff !important;
  font-size: 1.1rem;
  font-weight: 600;
  margin: 1.1rem 0 0.5rem;
}

.footer-disclaimer,
.dark-bg .footer-disclaimer {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.88rem;
}

.footer-links li + li {
  margin-top: 0.55rem;
}

.footer-socials {
  display: flex;
  gap: 0.8rem;
}

.footer-socials > span {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.75);
  display: inline-flex;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.footer-socials .xhs-label {
  border-radius: 17px;
  font-size: 0.65rem;
  font-weight: 700;
  width: 42px;
}

@media screen and (max-width: 991px) {
  .site-nav .navbar-collapse {
    padding: 0.5rem 0 0.9rem;
  }

  .site-nav .nav-link {
    padding: 0.45rem 0 !important;
  }
}

@media screen and (max-width: 575px) {
  .brand-logo {
    max-width: 145px;
  }

  .visual-placeholder {
    min-height: 260px;
  }

  .hero-section .py-5 {
    padding-bottom: 1rem !important;
  }
}

.language-switcher { display: flex; gap: 0.35rem; margin-left: 0.75rem; }
.lang-link { border: 1px solid #d9e1e7; border-radius: 999px; color: #1d3444; font-size: .72rem; font-weight: 700; padding: .28rem .48rem; }
.lang-link.active { background: #f5bb1a; border-color: #f5bb1a; color: #1d3444; }
.video-hero { align-items: center; background: #1d3444 url('./assets/video/hongcity-hero-poster.webp') center/cover no-repeat; display: flex; min-height: calc(100svh - 74px); overflow: hidden; position: relative; }
.hero-video,.hero-overlay { height: 100%; inset: 0; position: absolute; width: 100%; }
.hero-video { object-fit: cover; }
.hero-overlay { background: rgba(7,18,27,.7); }
.hero-content { color: #fff; padding: 3.5rem 1.5rem; position: relative; text-align: center; z-index: 1; }
.hero-title { color: #fff !important; font-family: "Barlow Condensed", "Arial Narrow", sans-serif; margin: 0 auto; max-width: 1280px; text-shadow: 0 3px 20px rgba(0,0,0,.32); }
.hero-title-primary { display: block; font-size: clamp(4.1rem, 5.8vw, 6.75rem); font-weight: 900; letter-spacing: -.035em; line-height: .85; white-space: nowrap; }
.hero-title-connector { align-items: center; display: flex; gap: .9rem; justify-content: center; margin: .38rem auto .3rem; }
.hero-title-rule { background: rgba(255,255,255,.62); display: block; height: 1px; width: clamp(42px, 6vw, 92px); }
.hero-title-connector-word { color: rgba(255,255,255,.95); font-family: "Poppins", sans-serif; font-size: clamp(1.6rem, 2.3vw, 2.4rem); font-weight: 500; line-height: 1; }
.hero-support { color: rgba(255,255,255,.94) !important; font-size: clamp(.95rem,1.2vw,1.2rem); font-weight: 600; letter-spacing: .075em; margin: 1.35rem auto 0; max-width: 720px; }
.hero-content > .btn { font-size: 1.05rem; font-weight: 700; margin-top: 1.65rem; padding: .76rem 2.15rem !important; transition: transform .2s ease, box-shadow .2s ease; }
.hero-content > .btn:hover { box-shadow: 0 10px 24px rgba(0,0,0,.24); transform: translateY(-2px); }
html[lang^="zh"] .hero-title { font-family: "Poppins", "Microsoft YaHei", sans-serif; }
html[lang^="zh"] .hero-title-primary { font-size: clamp(3.5rem, 5.5vw, 5.7rem); font-weight: 800; letter-spacing: -.08em; }
html[lang="ms"] .hero-title-primary { font-size: clamp(3.2rem, 5vw, 5.25rem); }
.section-image { display: block; height: auto; max-width: 100%; width: 100%; }
.mission-card,.service-card,.industry-card,.manpower-group,.after-card { background: #fff; height: 100%; padding: 1.4rem; }
.mission-card h4 { font-size: 1.08rem; }
.service-card .icon,.industry-card .icon { display: block; font-size: 1.75rem; margin-bottom: 1.1rem; }
.industry-card { border: 1px solid #e7edf1; }
.approved-media { display: grid; gap: .9rem; grid-template-columns: repeat(4, minmax(0,1fr)); margin: 1.5rem 0; }
.approved-media img { border-radius: 16px; display: block; height: 160px; object-fit: cover; width: 100%; }
.legal-note { border-left: 3px solid #f5bb1a; font-size: .9rem; margin-top: 1.5rem; padding-left: .85rem; }
.manpower-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0,1fr)); margin-top: 1.5rem; }
.manpower-group h3 { color: #1d3444; }
.manpower-group ul { margin: 0; padding-left: 1.15rem; }
.manpower-group li + li { margin-top: .75rem; }
.manpower-cta { align-items: center; background: #1d3444; color: #fff; display: flex; gap: 2rem; justify-content: space-between; margin-top: 1.5rem; padding: 1.7rem; }
.manpower-cta h3,.manpower-cta p { color: #fff; }
.process-list { margin-top: 1.5rem; }
.after-sales { background: #edf7ff; margin-top: 2rem; padding: 1.5rem; }
.why-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 1.5rem; }
.why-card { align-items: flex-start; background: #fff; border-radius: 16px; display: flex; gap: 1rem; padding: 1.2rem; }
.why-card i { color: #d99a00; font-size: 1.3rem; }
.why-card h3 { margin-bottom: .35rem; }
.why-card p { margin: 0; }
.footer-logo { background: #fff; border-radius: 10px; max-height: 64px; padding: .25rem; }
.footer-language { margin: 0 0 1rem; }
.footer-language .lang-link { border-color: rgba(255,255,255,.55); color: #fff; }
.footer-language .lang-link.active { color: #1d3444; }
.whatsapp-float { align-items: center; background: #a5aeb5; border: 0; border-radius: 50%; bottom: 1.25rem; color: #fff; cursor: not-allowed; display: flex; font-size: 1.5rem; height: 52px; justify-content: center; position: fixed; right: 1.25rem; width: 52px; z-index: 10; }
a.whatsapp-float { background: #25d366; cursor: pointer; text-decoration: none; }
a.whatsapp-float:focus-visible { outline: 3px solid #f5bb1a; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .hero-video { display: none; } html { scroll-behavior: auto; } }
@media (max-width: 991px) { .language-switcher { margin: .75rem 0 0; } }
@media (max-width: 767px) { .video-hero { min-height: calc(100svh - 74px); } .hero-content { padding: 2rem 1rem; } .hero-title-primary { font-size: clamp(3rem, 14vw, 4.5rem); line-height: .88; white-space: normal; } .hero-title-connector { margin: .45rem auto .35rem; } .hero-title-connector-word { font-size: 1.4rem; } .hero-title-rule { width: 42px; } .hero-support { letter-spacing: .02em; margin-top: 1.2rem; } .hero-content > .btn { font-size: 1rem; margin-top: 1.4rem; padding: .72rem 1.75rem !important; } html[lang^="zh"] .hero-title-primary { font-size: clamp(2.9rem, 13vw, 4.2rem); } html[lang="ms"] .hero-title-primary { font-size: clamp(2.75rem, 11.5vw, 4rem); } .manpower-grid,.why-grid { grid-template-columns: 1fr; } .manpower-cta { align-items: flex-start; flex-direction: column; gap: 1rem; } }
@media (max-width: 767px) { .approved-media { grid-template-columns: repeat(2, minmax(0,1fr)); } .approved-media img { height: 125px; } }

/* Day 3.6: restore the original agency template's image-led editorial rhythm. */
.about-layout { min-height: 0; }
.agency-image-frame { overflow: hidden; position: relative; }
.agency-image-frame .section-image { aspect-ratio: 4 / 3; object-fit: cover; }
.image-bar { background: rgba(245, 138, 7, .78); inset: 0 auto 0 0; mix-blend-mode: multiply; position: absolute; width: 15%; }
.mission-vision { border-top: 1px solid #dbe5eb; display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; margin-top: 1.5rem; padding-top: 1.1rem; }
.mission-vision p { margin: 0; }
.mission-vision strong { color: #1d3444; display: block; font-size: .88rem; margin-bottom: .25rem; }
.services-layout { margin-top: 1.65rem; }
.service-card { border: 0; box-shadow: none; min-height: 100%; padding: 1.5rem; }
.service-card-featured { background: #1d3444; color: #fff; }
.service-card-featured h3,.service-card-featured p { color: #fff !important; }
.service-card .icon { font-size: 1.6rem; margin-bottom: .9rem; }
.service-card p { margin-bottom: 0; }
.industry-montage { display: grid; gap: .75rem; grid-template-columns: 1.35fr 1fr; grid-template-rows: repeat(2, 170px); }
.industry-montage img { border-radius: 16px; height: 100%; object-fit: cover; width: 100%; }
.industry-montage img:first-child { grid-row: span 2; }
.industry-labels { column-count: 2; margin: 1.25rem 0 0; padding-left: 1.1rem; }
.industry-labels li { break-inside: avoid; margin-bottom: .6rem; }
.manpower-grid { gap: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1.4rem; }
.manpower-group { background: transparent; border-top: 1px solid #cfdee7; padding: 1.15rem 1.25rem 1.15rem 0; }
.manpower-group:nth-child(even) { padding-left: 1.25rem; padding-right: 0; }
.manpower-group h3 { margin-bottom: .75rem; }
.manpower-group li { margin-bottom: .36rem; }
.process-list { display: grid; gap: 0; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 1.75rem 0 0; padding: 0; }
.process-list li { border-left: 1px solid #d7e1e7; padding: .25rem 1.25rem 0; }
.process-list li:first-child { border-left: 0; padding-left: 0; }
.process-list span { color: #d99a00; display: block; font-size: .8rem; font-weight: 700; margin-bottom: .8rem; }
.process-list h3 { font-size: 1.05rem; margin-bottom: .55rem; }
.process-list p { font-size: .94rem; margin-bottom: 0; }
.after-sales-strip { align-items: start; background: #1d3444; color: #fff; display: grid; gap: 2rem; grid-template-columns: .9fr 1.3fr; margin-top: 2rem; padding: 1.7rem 2rem; }
.after-sales-strip h3,.after-sales-strip p,.after-sales-strip strong { color: #fff !important; }
.after-sales-strip .section-kicker { color: #f5bb1a !important; }
.after-sales-strip p { font-size: .92rem; margin: 0 0 1rem; }
.after-sales-strip p:last-child { margin-bottom: 0; }
.after-sales-strip strong { display: block; margin-bottom: .25rem; }
.faq-wrap { max-width: 920px; }
.more-questions { margin-top: 1rem; }
.more-questions summary { color: #1d3444; cursor: pointer; font-weight: 700; padding: .75rem 0; }
.contact-cta { align-items: center; display: flex; gap: 2rem; justify-content: space-between; }
.contact-cta h2 { margin-bottom: .6rem; }
.contact-cta p { margin-bottom: 0; max-width: 700px; }
.contact-pending { color: rgba(255,255,255,.78); display: block; font-size: .92rem; max-width: 250px; }
@media (max-width: 991px) { .industry-montage { grid-template-rows: repeat(2, 140px); } .process-list { grid-template-columns: repeat(2, 1fr); row-gap: 1.5rem; } .process-list li:nth-child(3) { border-left: 0; padding-left: 0; } }
@media (max-width: 767px) { .mission-vision,.manpower-grid,.after-sales-strip { grid-template-columns: 1fr; } .mission-vision { gap: .8rem; } .industry-montage { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2, 130px); } .industry-montage img:first-child { grid-row: span 2; } .industry-labels { column-count: 1; } .manpower-group,.manpower-group:nth-child(even) { padding-left: 0; padding-right: 0; } .process-list { grid-template-columns: 1fr; row-gap: 1rem; } .process-list li,.process-list li:nth-child(3) { border-left: 0; border-top: 1px solid #d7e1e7; padding: 1rem 0 0; } .process-list li:first-child { border-top: 0; padding-top: 0; } .after-sales-strip { gap: 1rem; padding: 1.5rem; } .contact-cta { align-items: flex-start; flex-direction: column; gap: 1rem; } }

/* Service showcase: a single featured service with four supporting actions. */
.services-showcase { max-width: 1320px; }
.services-heading { margin: 0 auto 2rem; max-width: 900px; text-align: center; }
.services-heading .section-intro { margin: .8rem auto 0; }
.services-showcase-grid { align-items: stretch; display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1.42fr) minmax(380px, .75fr); }
.service-feature { background: #102c40; border-radius: 22px; min-height: 570px; overflow: hidden; position: relative; }
.service-feature > img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.service-feature::after { background: linear-gradient(106deg, #102c40 0%, #102c40 51%, rgba(16,44,64,.88) 58%, rgba(16,44,64,.1) 76%, transparent 100%); content: ""; inset: 0; position: absolute; }
.service-feature-surface { color: #fff; display: flex; flex-direction: column; height: 100%; justify-content: center; max-width: 65%; padding: 2.7rem; position: relative; z-index: 1; }
.service-feature-icon,.service-icon-badge { align-items: center; display: inline-flex; justify-content: center; }
.service-feature-icon i,.service-icon-badge i { color: #f5bb1a !important; display: block; line-height: 1; }
.service-feature-icon { border: 1px solid rgba(255,255,255,.22); border-radius: 14px; color: #f5bb1a; font-size: 2rem; height: 76px; margin-bottom: 2rem; width: 76px; }
.service-feature h3 { color: #fff; font-size: clamp(2rem, 3.2vw, 3.25rem); line-height: 1.04; margin-bottom: 1rem; }
.service-feature p { color: rgba(255,255,255,.92) !important; font-size: clamp(1rem,1.35vw,1.25rem); margin: 0; }
.service-feature-line { background: #f5bb1a; display: block; height: 4px; margin: 1.45rem 0 2rem; width: 80px; }
.service-feature-cta { align-items: center; background: #f5bb1a; border-radius: 999px; color: #102c40 !important; display: inline-flex; font-weight: 700; gap: 2.5rem; justify-content: space-between; padding: 1rem 1.4rem; text-decoration: none; width: fit-content; }
.service-feature-cta:hover,.service-feature-cta:focus-visible { background: #f89d2d; color: #102c40 !important; }
.service-compact-stack { display: grid; gap: 1rem; grid-template-rows: repeat(4, 1fr); }
.service-compact-card { align-items: center; background: #fff; border-radius: 20px; display: grid; gap: 1.1rem; grid-template-columns: 82px minmax(0,1fr) 42px; min-height: 132px; outline: 0; padding: 1.15rem 1.25rem; transition: box-shadow 220ms ease, transform 220ms ease; }
.service-compact-card:hover,.service-compact-card:focus-visible { box-shadow: 0 18px 34px rgba(19,59,83,.15); transform: translateY(-4px); }
.service-compact-card:focus-visible { box-shadow: 0 0 0 3px rgba(245,187,26,.65), 0 18px 34px rgba(19,59,83,.15); }
.service-icon-badge { background: #fff7e5; border-radius: 15px; color: #f5bb1a; font-size: 1.75rem; height: 72px; width: 72px; }
.service-compact-card h3 { color: #102c40; font-size: clamp(1rem,1.2vw,1.27rem); margin: 0 0 .35rem; }
.service-compact-card p { color: #667482; font-size: .96rem; line-height: 1.35; margin: 0; }
.service-arrow { align-items: center; background: #eef8ff; border-radius: 50%; color: #102c40; display: flex; height: 42px; justify-content: center; transition: transform 220ms ease; width: 42px; }
.service-compact-card:hover .service-arrow,.service-compact-card:focus-visible .service-arrow { transform: translateX(3px); }
.services-showcase .legal-note { margin: 1.5rem auto 0; max-width: 1040px; }
@media (max-width: 991px) { .services-showcase-grid { grid-template-columns: 1fr; } .service-feature { min-height: 475px; } .service-feature-surface { max-width: 62%; } .service-compact-stack { grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(2,1fr); } }
@media (max-width: 767px) { .services-heading { text-align: left; } .services-showcase-grid { gap: 1rem; } .service-feature { min-height: 455px; } .service-feature::after { background: linear-gradient(90deg, rgba(16,44,64,.96), rgba(16,44,64,.82) 62%, rgba(16,44,64,.25)); } .service-feature-surface { max-width: 88%; padding: 1.6rem; } .service-feature-icon { height: 62px; margin-bottom: 1.35rem; width: 62px; } .service-feature h3 { font-size: 2rem; } .service-feature-cta { gap: 1.25rem; padding: .85rem 1.1rem; } .service-compact-stack { grid-template-columns: 1fr; } .service-compact-card { grid-template-columns: 62px minmax(0,1fr) 34px; min-height: 108px; padding: .9rem; } .service-icon-badge { border-radius: 12px; font-size: 1.35rem; height: 56px; width: 56px; } .service-arrow { height: 34px; width: 34px; } }

/* Industries showcase: editorial copy, angled image panels, and informational pills. */
.industries-section { background: radial-gradient(circle at 72% 18%, #fff 0, #f6fbff 32%, #edf8ff 100%); overflow: hidden; }
.industries-showcase { max-width: 1420px; }
.industries-top { align-items: center; display: grid; gap: 2.6rem; grid-template-columns: minmax(320px,.9fr) minmax(0,1.55fr); }
.industries-copy h2 { color: #102c40; font-size: clamp(2.15rem,3.25vw,3.6rem); line-height: 1.04; max-width: 560px; }
.industries-copy > p:not(.section-kicker) { color: #526a89; font-size: 1.12rem; line-height: 1.55; margin: 1.25rem 0 1.6rem; max-width: 450px; }
.industry-stat { align-items: center; background: rgba(234,246,255,.88); border-radius: 20px; color: #102c40; display: inline-flex; gap: 1rem; padding: 1rem 1.4rem; }
.industry-stat i { font-size: 2rem; }
.industry-stat strong { color: #b87a00; font-size: 2.8rem; line-height: 1; padding-right: 1rem; }
.industry-stat span { border-left: 1px solid #b9ccda; color: #1d3444; font-weight: 700; max-width: 170px; padding-left: 1rem; }
.industry-photo-panels { display: grid; gap: .7rem; grid-template-columns: repeat(3,1fr); min-height: 440px; }
.industry-photo-panels img { border-radius: 20px; clip-path: polygon(13% 0,100% 0,87% 100%,0 100%); height: 100%; object-fit: cover; width: 100%; }
.industry-photo-panels img:nth-child(2) { transform: translateY(14px); }
.industry-photo-panels img:nth-child(3) { transform: translateY(-5px); }
.industry-pill-grid { display: grid; gap: 1rem; grid-template-columns: repeat(12,minmax(0,1fr)); list-style: none; margin: 3rem 0 0; padding: 0; }
.industry-pill-grid li { align-items: center; background: rgba(255,255,255,.92); border-radius: 999px; color: #1d3444; display: grid; font-size: 1rem; font-weight: 700; gap: .9rem; grid-column: span 4; grid-template-columns: 56px minmax(0,1fr); min-height: 94px; padding: .75rem 1rem; }
.industry-pill-grid li:nth-child(n+4) { grid-column: span 3; }
.industry-pill-icon { align-items: center; background: #e8f3fb; border-radius: 50%; color: #1d3444; display: inline-flex; font-size: 1.5rem; height: 56px; justify-content: center; width: 56px; }
.industries-section .industry-pill-label { color: #1d3444; }
.industries-section .industry-pill-icon,
.industries-section .industry-pill-icon i { color: #1d3444; }

/* Manpower infographic: concise role hierarchy with approved industrial imagery. */
.manpower-section { background: linear-gradient(135deg, #fffdf8 0%, #f7fbff 58%, #eef8ff 100%); }
.manpower-showcase { max-width: 1440px; }
.manpower-layout { display: grid; gap: 2.25rem; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.7fr); }
.manpower-intro-panel { align-self: start; padding: .65rem 0 0; }
.manpower-intro-panel h2 { color: #102c40; font-size: clamp(2.25rem, 3.4vw, 4rem); line-height: 1.05; max-width: 470px; }
.manpower-intro-panel > p:not(.section-kicker):not(.manpower-compliance) { color: #526a89; font-size: 1.05rem; line-height: 1.55; margin: 1.25rem 0; max-width: 440px; }
.manpower-highlight-row { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.2rem; }
.manpower-highlight-row span { background: #e8f3fb; border-radius: 999px; color: #1d3444; font-size: .83rem; font-weight: 700; padding: .48rem .75rem; }
.manpower-compliance { border-left: 4px solid #f5bb1a; color: #5c6a78; font-size: .88rem; line-height: 1.5; margin: 2rem 0 0; max-width: 430px; padding-left: 1rem; }
.manpower-content-panel { min-width: 0; }
.manpower-feature-grid { display: grid; gap: .8rem; grid-auto-rows: 1fr; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.manpower-feature-card { background: #fff; border-radius: 16px; height: 100%; overflow: hidden; }
.manpower-feature-card > img { display: block; height: 145px; object-fit: cover; width: 100%; }
.manpower-feature-card > div { min-height: 118px; padding: 1.15rem 1rem 1rem 5.2rem; position: relative; }
.manpower-feature-icon { align-items: center; background: #e9f4fc; border-radius: 50%; color: #1d3444; display: flex; font-size: 1.65rem; height: 72px; justify-content: center; left: 1rem; position: absolute; top: -36px; width: 72px; }
.manpower-feature-card:nth-child(2) .manpower-feature-icon { background: #fff4d9; color: #ad7200; }
.manpower-feature-card h3 { color: #102c40; font-size: 1.15rem; margin: 0 0 .3rem; }
.manpower-feature-card p { color: #5c6877; font-size: .88rem; line-height: 1.35; margin: 0; }
.manpower-category-grid { align-items: stretch; display: grid; gap: .8rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: .8rem; }
.manpower-category-card { background: rgba(255,255,255,.94); border: 1px solid #e6eef3; border-radius: 16px; height: 100%; min-width: 0; padding: 1.1rem; }
.manpower-category-heading { align-items: center; display: flex; gap: .65rem; margin-bottom: .85rem; }
.manpower-category-icon { align-items: center; background: #eaf4fc; border-radius: 50%; color: #1d3444; display: inline-flex; flex: 0 0 auto; font-size: 1.25rem; height: 46px; justify-content: center; width: 46px; }
.manpower-category-card h3 { color: #1d3444; font-size: .94rem; line-height: 1.2; margin: 0; }
.manpower-category-card ul { color: #5d6b7a; font-size: .88rem; line-height: 1.38; margin: 0; padding-left: 1.1rem; }
.manpower-category-card li + li { margin-top: .42rem; }
.manpower-section .manpower-feature-icon,
.manpower-section .manpower-feature-icon i,
.manpower-section .manpower-category-icon,
.manpower-section .manpower-category-icon i { color: #1d3444; }
.manpower-section .manpower-feature-card:nth-child(2) .manpower-feature-icon,
.manpower-section .manpower-feature-card:nth-child(2) .manpower-feature-icon i { color: #ad7200; }
@media (max-width: 1199px) { .manpower-layout { grid-template-columns: 1fr; } .manpower-intro-panel { max-width: 660px; padding: 0; } .manpower-intro-panel h2 { max-width: 650px; } .manpower-compliance { margin-top: 1.4rem; } }
@media (min-width: 1200px) { .manpower-category-card { display: flex; flex-direction: column; min-height: 325px; padding-top: 1.35rem; } .manpower-category-heading { margin-bottom: 1.2rem; } .manpower-category-card ul { display: flex; flex: 1; flex-direction: column; justify-content: space-between; padding-bottom: .35rem; } .manpower-category-card li + li { margin-top: 0; } }
@media (max-width: 991px) { .manpower-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .manpower-layout { gap: 1.5rem; } .manpower-feature-grid { grid-template-columns: 1fr; } .manpower-feature-card { display: grid; grid-template-columns: 42% 58%; } .manpower-feature-card > img { height: 100%; min-height: 145px; } .manpower-feature-card > div { min-height: 145px; padding: 1.1rem 1rem 1rem 4.6rem; } .manpower-feature-icon { font-size: 1.35rem; height: 62px; left: .75rem; top: calc(50% - 31px); width: 62px; } .manpower-category-grid { grid-template-columns: 1fr; } .manpower-category-card { padding: 1rem; } }
@media (max-width: 991px) { .industries-top { grid-template-columns: 1fr; } .industry-photo-panels { min-height: 340px; } .industry-pill-grid li,.industry-pill-grid li:nth-child(n+4) { grid-column: span 6; } }
@media (max-width: 767px) { .industries-top { gap: 1.5rem; } .industries-copy > p:not(.section-kicker) { font-size: 1rem; } .industry-photo-panels { gap: .45rem; min-height: 225px; } .industry-photo-panels img { border-radius: 14px; } .industry-photo-panels img:nth-child(2) { transform: translateY(7px); } .industry-stat { border-radius: 16px; padding: .8rem 1rem; } .industry-pill-grid { gap: .7rem; margin-top: 1.8rem; } .industry-pill-grid li,.industry-pill-grid li:nth-child(n+4) { font-size: .92rem; grid-column: span 12; grid-template-columns: 48px minmax(0,1fr); min-height: 72px; } .industry-pill-icon { font-size: 1.25rem; height: 48px; width: 48px; } }

/* Process and continuing support infographic. */
#process { background: #edf7fd; }
#process .process-showcase { max-width: 1320px; }
#process .process-top { align-items: stretch; display: grid; gap: 1.25rem; grid-template-columns: minmax(220px, .8fr) minmax(0, 4fr); }
#process .process-heading { align-self: center; }
#process .process-heading h2 { color: #102c40; font-family: "Hongcity Manrope", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif; font-size: clamp(2.375rem, 2.65vw, 2.5rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.12; margin: 0; text-wrap: balance; }
@media (max-width: 767px) { #process .process-heading h2 { font-size: clamp(1.875rem, 8.7vw, 2.25rem); } }
@media (min-width: 1200px) { html[lang="ms"] #process .process-heading h2 { font-size: 2.1875rem; } }
#process .process-heading:has(.process-title-primary) { container-type: inline-size; }
#process .process-heading h2:has(.process-title-primary) { text-align: center; }
#process .process-title-primary,#process .process-title-connector,#process .process-title-final { color: inherit; display: block; font-family: inherit; letter-spacing: inherit; line-height: 1.08; white-space: nowrap; }
#process .process-title-primary { font-size: min(3.75rem, 14cqw); font-weight: 800; }
#process .process-title-connector { font-size: clamp(1.125rem, 6cqw, 1.5rem); font-weight: 500; letter-spacing: 0; margin: .5em 0; opacity: .72; }
#process .process-title-final { font-size: min(2.875rem, 12.5cqw); font-weight: 800; }
#process .process-list { display: grid; gap: .85rem; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
#process .process-list li,
#process .process-list li:first-child,
#process .process-list li:nth-child(3) { background: #fff; border: 1px solid #e4f0f7; border-radius: 18px; box-shadow: 0 10px 30px rgba(24, 70, 112, .045); min-width: 0; padding: 2.55rem 1rem 1.25rem; position: relative; text-align: center; }
#process .process-number { align-items: center; background: #ef9400; border-radius: 50%; color: #fff !important; display: flex; font-size: .82rem; font-weight: 700; height: 40px; justify-content: center; left: .6rem; margin: 0; position: absolute; top: -.75rem; width: 40px; }
#process .process-icon { align-items: center; background: #eaf5ff; border: 3px solid #fff; border-radius: 50%; color: #143b6e !important; display: flex; font-size: 2rem; height: 76px; justify-content: center; margin: -1.3rem auto .65rem; width: 76px; }
#process .process-icon i { color: #143b6e; }
#process .process-list h3 { color: #102e51; font-size: 1rem; font-weight: 700; line-height: 1.25; margin: 0 0 .5rem; }
#process .process-list p { color: #526688; font-size: .88rem; line-height: 1.42; }
@media (min-width: 1200px) {
  #process .process-list li:not(:last-child)::before { border-top: 2px dashed #8bcdf3; content: ""; left: calc(100% - 1rem); pointer-events: none; position: absolute; top: 3.55rem; width: 3rem; z-index: 1; }
  #process .process-list li:not(:last-child)::after { align-items: center; background: #eaf5ff; border-radius: 50%; color: #143b6e; content: "\203A"; display: flex; font-family: Arial, sans-serif; font-size: 1.7rem; font-weight: 700; height: 30px; justify-content: center; line-height: 1; pointer-events: none; position: absolute; right: -1.42rem; top: 2.62rem; width: 30px; z-index: 2; }
}
#process .after-sales-strip { align-items: stretch; background: #fff; border-radius: 22px; display: grid; gap: 0; grid-template-columns: 40% 60%; margin-top: 1.25rem; overflow: hidden; padding: 0; }
#process .after-sales-intro { align-content: center; background: radial-gradient(circle at 95% 5%, #257ed0 0, transparent 48%), linear-gradient(125deg, #063b79, #075aae); min-width: 0; padding: clamp(1.5rem, 2.5vw, 2.7rem); }
#process .after-sales-intro .section-kicker { color: #ffc343 !important; font-size: .88rem; margin-bottom: .55rem; }
#process .after-sales-intro h3 { color: #fff; font-size: clamp(1.5rem, 2.05vw, 2.4rem); font-weight: 700; line-height: 1.2; margin: 0; }
#process .after-sales-items { align-items: center; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1.4rem; }
#process .after-sales-item { align-items: start; display: grid; gap: .8rem; grid-template-columns: 62px minmax(0, 1fr); min-width: 0; padding: .6rem 1.1rem; }
#process .after-sales-item + .after-sales-item { border-left: 1px solid #b7d6ea; }
#process .after-sales-icon { align-items: center; background: #eaf5ff; border-radius: 50%; color: #143b6e !important; display: flex; font-size: 1.7rem; height: 62px; justify-content: center; width: 62px; }
#process .after-sales-icon i { color: #143b6e; }
#process .after-sales-item h4 { color: #102e51; font-size: 1rem; font-weight: 700; line-height: 1.28; margin: .15rem 0 .4rem; }
#process .after-sales-item p { color: #526688 !important; font-size: .88rem; line-height: 1.43; margin: 0; }
@media (max-width: 1199px) { #process .process-top { grid-template-columns: 1fr; } #process .process-heading { max-width: 520px; } }
@media (max-width: 991px) { #process .process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.4rem; } #process .after-sales-strip { grid-template-columns: 1fr; } }
@media (max-width: 767px) { #process .process-list { grid-template-columns: 1fr; } #process .process-list li,#process .process-list li:first-child,#process .process-list li:nth-child(3) { padding: 1rem 1rem 1rem 5.7rem; text-align: left; } #process .process-number { height: 34px; left: .5rem; top: -.55rem; width: 34px; } #process .process-icon { height: 64px; left: 1rem; margin: 0; position: absolute; top: calc(50% - 32px); width: 64px; } #process .after-sales-items { gap: 0; grid-template-columns: 1fr; padding: .7rem 1rem; } #process .after-sales-item { padding: 1rem 0; } #process .after-sales-item + .after-sales-item { border-left: 0; border-top: 1px solid #b7d6ea; } }

/* FAQ cards: compact, accessible support answers with restrained interaction. */
#faq { background: radial-gradient(circle at 100% 0, rgba(205, 234, 252, .6) 0 10%, transparent 10.1%), #edf7fd !important; }
#faq .faq-wrap { max-width: 1320px; }
#faq h2 { color: #102e51; font-size: clamp(2rem, 3vw, 3rem); line-height: 1.15; margin-bottom: 1.2rem; }
#faq h2::after { background: #d99a00; content: ""; display: block; height: 4px; margin-top: 1rem; width: 84px; }
#faq .accordion { display: grid; gap: 1rem; margin-top: 2.4rem !important; }
#faq .faq-card { background: #fff; border: 1px solid transparent; border-radius: 20px !important; box-shadow: 0 8px 24px rgba(37, 91, 134, .035); margin: 0; overflow: hidden; transition: border-color 230ms ease, box-shadow 230ms ease, transform 230ms ease; }
#faq .accordion-button { align-items: center; background: transparent; color: #102e51; display: grid; gap: 1.25rem; grid-template-columns: 64px minmax(0, 1fr) 42px; padding: .7rem 1.55rem .7rem 1.35rem; }
#faq .accordion-button::after { display: none; }
#faq .accordion-button:not(.collapsed) { background: linear-gradient(105deg, #fff 5%, #f2f9ff); color: #1260d6; }
#faq .faq-icon { align-items: center; background: #e8f4ff; border-radius: 50%; color: #1260d6; display: inline-flex; font-size: 1.55rem; height: 62px; justify-content: center; transition: background-color 230ms ease, color 230ms ease, transform 230ms ease; width: 62px; }
#faq .faq-question { font-size: 1.1rem; font-weight: 700; line-height: 1.35; text-align: left; }
#faq .faq-arrow { align-items: center; background: #e8f4ff; border-radius: 50%; color: #1260d6; display: inline-flex; font-size: 1rem; height: 42px; justify-content: center; justify-self: end; transition: background-color 230ms ease, transform 230ms ease; width: 42px; }
#faq .accordion-button:not(.collapsed) .faq-arrow { transform: rotate(180deg); }
#faq .faq-card:has(.accordion-button:not(.collapsed)) { border-color: #b8d8ff; box-shadow: 0 12px 28px rgba(37, 103, 162, .09); }
#faq .accordion-body { border-top: 1px solid #d9eafa; color: #526688; font-size: 1.05rem; line-height: 1.55; margin: 0 1.55rem 0 7.6rem; padding: 1rem 0 1.25rem; }
#faq .accordion-button:focus-visible { border-radius: 16px; box-shadow: inset 0 0 0 3px rgba(18, 96, 214, .34); outline: 0; }
#faq .more-questions { margin-top: 1.5rem; }
#faq .more-questions summary { color: #102e51; cursor: pointer; font-size: 1.1rem; font-weight: 700; list-style: none; padding: .5rem 0; }
#faq .more-questions summary::-webkit-details-marker { display: none; }
#faq .more-questions summary::before { color: #1260d6; content: "\25B6"; font-size: .9rem; margin-right: .65rem; }
#faq .more-questions[open] summary::before { display: inline-block; transform: rotate(90deg); }
#faq .more-questions summary:focus-visible { border-radius: 6px; outline: 3px solid rgba(18, 96, 214, .32); outline-offset: 4px; }
@media (hover: hover) {
  #faq .faq-card:hover { border-color: #b8d8ff; box-shadow: 0 14px 30px rgba(37, 103, 162, .12); transform: translateY(-3px); }
  #faq .faq-card:hover .faq-arrow { background: #d9edff; transform: translateX(3px); }
  #faq .faq-card:hover .faq-icon { background: #d9edff; color: #0959c9; transform: scale(1.04); }
  #faq .faq-card:has(.accordion-button:not(.collapsed)):hover .faq-arrow { transform: translateX(3px) rotate(180deg); }
}
@media (max-width: 767px) { #faq h2 { font-size: clamp(1.8rem, 8.5vw, 2.35rem); } #faq .accordion { gap: .8rem; margin-top: 1.7rem !important; } #faq .accordion-button { gap: .8rem; grid-template-columns: 48px minmax(0, 1fr) 36px; padding: .7rem .85rem; } #faq .faq-icon { font-size: 1.25rem; height: 48px; width: 48px; } #faq .faq-question { font-size: .97rem; } #faq .faq-arrow { height: 36px; width: 36px; } #faq .accordion-body { font-size: .96rem; margin: 0 .85rem 0; padding: .9rem 0 1.1rem; } }
@media (prefers-reduced-motion: reduce) { #faq .faq-card,#faq .faq-icon,#faq .faq-arrow { transition: none; } #faq .faq-card:hover { transform: none; } }

/* Keep Process and FAQ aligned with the approved Bootstrap Manpower container at every breakpoint. */
@media (min-width: 576px) { #process .process-showcase,#faq .faq-wrap { max-width: 540px; } }
@media (min-width: 768px) { #process .process-showcase,#faq .faq-wrap { max-width: 720px; } }
@media (min-width: 992px) { #process .process-showcase,#faq .faq-wrap { max-width: 960px; } }
@media (min-width: 1200px) { #process .process-showcase,#faq .faq-wrap { max-width: 1140px; } }
@media (min-width: 1400px) { #process .process-showcase,#faq .faq-wrap { max-width: 1320px; } }

/* Compact contact and footer bands share the site's content alignment. */
#contact.contact-section { background: #0b3351; padding: 2.6rem 0; }
#contact .contact-cta { align-items: center; display: grid; gap: 3rem; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); }
#contact .section-kicker { font-size: .85rem; letter-spacing: .12em; margin: 0 0 .7rem; }
#contact h2 { color: #fff; font-size: clamp(1.7rem, 2.3vw, 2.5rem); font-weight: 700; line-height: 1.2; margin: 0 0 .7rem; }
#contact .contact-cta > div > p:not(.section-kicker) { font-size: 1rem; line-height: 1.55; margin: 0; }
#contact .contact-status { border-left: 1px solid rgba(184, 212, 232, .22); padding-left: 2.5rem; }
#contact .contact-pending { color: #d6e4ee !important; font-size: .95rem; line-height: 1.55; margin: 0; max-width: 360px; }
.site-footer { background: #063255; color: #e6eff6; padding: 2rem 0; }
.site-footer .footer-layout { align-items: center; display: grid; gap: 3rem; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); }
.site-footer .footer-brand { align-items: center; display: flex; gap: 1.25rem; min-width: 0; }
.site-footer .footer-logo { flex: 0 0 auto; height: 72px; max-height: none; object-fit: contain; padding: .4rem; width: 80px; }
.site-footer p { color: #e6eff6; font-size: .9rem; line-height: 1.6; margin: 0; }
.site-footer .footer-brand p { max-width: 430px; }
.site-footer .footer-details { border-left: 1px solid rgba(184, 212, 232, .22); padding-left: 2.5rem; padding-right: 3rem; }
.site-footer .footer-language { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 .7rem; }
.site-footer .lang-link { align-items: center; border: 1px solid #91b0c6; color: #fff; display: inline-flex; font-size: .85rem; justify-content: center; min-height: 36px; min-width: 54px; padding: .4rem .85rem; text-decoration: none; }
.site-footer .lang-link.active { background: #f5bb1a; border-color: #f5bb1a; color: #102e40; }
.site-footer .lang-link:focus-visible { outline: 3px solid #f5bb1a; outline-offset: 4px; }
.site-footer .lang-link:hover { border-color: #f5bb1a; }
@media (max-width: 991px) { #contact .contact-cta,.site-footer .footer-layout { gap: 1.75rem; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); } #contact .contact-status,.site-footer .footer-details { padding-left: 1.5rem; } }
@media (max-width: 767px) { #contact.contact-section { padding: 2rem 0 1.75rem; } #contact .container,.site-footer .container { padding-left: 1.5rem; padding-right: 1.5rem; } #contact .contact-cta,.site-footer .footer-layout { gap: 1.4rem; grid-template-columns: 1fr; } #contact .contact-status,.site-footer .footer-details { border-left: 0; padding-left: 0; padding-right: 0; } .site-footer { padding: 1.75rem 0 5rem; } .site-footer .footer-brand { align-items: flex-start; gap: 1rem; } .site-footer .footer-logo { height: 62px; width: 70px; } }

/* Industries: approved text and seven informational cards, with one hover gesture. */
#industries .industries-card-layout { align-items: center; display: grid; gap: 2rem; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.7fr); }
#industries .industries-copy h2::after { background: #b87a00; content: ""; display: block; height: 4px; margin-top: 1.5rem; width: 90px; }
#industries .industry-stat strong { font-size: 3.2rem; padding-right: 0; }
#industries .industry-stat span { color: #1d3444; }
#industries .industry-card-grid { display: grid; gap: 1rem; grid-template-columns: repeat(12, minmax(0, 1fr)); list-style: none; margin: 0; min-width: 0; padding: .4rem; }
#industries .industry-info-card { align-items: center; background: #fff; border: 1px solid #eef6fc; border-radius: 20px; box-shadow: 0 8px 25px rgba(36, 88, 128, .035); cursor: default; display: flex; flex-direction: column; grid-column: span 4; min-width: 0; padding: 1.75rem 1rem 1.5rem; position: relative; text-align: center; transform-origin: center; transition: box-shadow 230ms ease; }
#industries .industry-info-card:nth-child(n+4) { grid-column: span 3; }
#industries .industry-card-number { align-items: center; background: #e8f3fb; border-radius: 50%; color: #315e89; display: flex; font-size: .8rem; font-weight: 700; height: 32px; justify-content: center; position: absolute; right: .75rem; top: .75rem; width: 32px; }
#industries .industry-card-icon { align-items: center; background: #e8f3fb; border-radius: 50%; color: #1d3444; display: flex; flex: 0 0 auto; font-size: 2.65rem; height: 84px; justify-content: center; margin: .25rem 0 1rem; position: relative; width: 84px; }
#industries .industry-card-icon > i { color: #1d3444; }
#industries .industry-card-icon .industry-icon-accent { background: #e8f3fb; border-radius: 50%; bottom: 8px; color: #b87a00; font-size: 1.3rem; line-height: 1; padding: 2px; position: absolute; right: 5px; }
#industries .industry-info-card h3 { color: #1d3444; font-size: 1rem; font-weight: 700; line-height: 1.35; margin: 0 0 .75rem; }
#industries .industry-info-card p { color: #526a89; font-size: .94rem; line-height: 1.5; margin: 0; max-width: 28ch; }
#industries .industry-info-card:focus-visible,#industries .industry-info-card:focus-within { outline: 3px solid #b87a00; outline-offset: 4px; }
@keyframes industry-card-wiggle { 0%,100% { transform: translateX(0) rotate(0); } 25% { transform: translateX(-2px) rotate(-1.2deg); } 65% { transform: translateX(2px) rotate(1.2deg); } }
@media (hover: hover) and (pointer: fine) { #industries .industry-info-card:hover { animation: industry-card-wiggle 460ms ease-in-out 1; box-shadow: 0 13px 28px rgba(36, 88, 128, .13); } }
@media (max-width: 1199px) { #industries .industries-card-layout { grid-template-columns: 1fr; } #industries .industries-copy { max-width: 650px; } }
@media (max-width: 991px) { #industries .industry-info-card,#industries .industry-info-card:nth-child(n+4) { grid-column: span 6; } }
@media (max-width: 767px) { #industries .industries-showcase { padding-left: .75rem; padding-right: .75rem; } #industries .industries-card-layout { gap: 1.5rem; } #industries .industry-card-grid { gap: 1rem; padding: 0; } #industries .industry-info-card,#industries .industry-info-card:nth-child(n+4) { grid-column: span 12; } }
@media (prefers-reduced-motion: reduce) { #industries .industry-info-card,#industries .industry-info-card:hover { animation: none; transition: none; transform: none; } }

/* Locally hosted OFL Manrope is reserved for these three section headings. */
@font-face { font-family: "Hongcity Manrope"; src: url("assets/fonts/manrope/manrope-variable.ttf") format("truetype"); font-style: normal; font-weight: 200 800; font-display: swap; }
#about h2,#industries .industries-copy h2,#manpower .manpower-intro-panel h2 { color: #102c40; font-family: "Hongcity Manrope", "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif; font-size: clamp(2.75rem, 3.05vw, 3.25rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.12; margin-bottom: 1rem; text-wrap: balance; }
#about .about-established { color: #526a89; font-size: .88rem; font-weight: 600; line-height: 1.5; margin: 0 0 1.1rem; }
@media (min-width: 1200px) and (max-width: 1399px) { #about h2,#industries .industries-copy h2,#manpower .manpower-intro-panel h2 { font-size: 2.5rem; } }
@media (max-width: 767px) { #about h2,#industries .industries-copy h2,#manpower .manpower-intro-panel h2 { font-size: clamp(1.875rem, 8.7vw, 2.25rem); } }

/* Temporary English title layers leave the original text and its layout intact. */
.hero-title.hero-split-preparing > .hero-title-primary { opacity: 0; }
.hero-title > .hero-split-line { position: relative; }
.hero-title .hero-split-source,.hero-title .hero-split-character { color: inherit; font: inherit; letter-spacing: inherit; text-align: inherit; white-space: inherit; word-spacing: inherit; }
.hero-title .hero-split-source { opacity: 0; }
.hero-title .hero-split-character { display: block; inset: 0; pointer-events: none; position: absolute; }
@media (prefers-reduced-motion: reduce) { .hero-title.hero-split-preparing > .hero-title-primary,.hero-title .hero-split-source { opacity: 1; } .hero-title .hero-split-character { display: none; } }

/* Version C card silhouettes; content and section grids remain unchanged. */
#manpower .manpower-feature-card { border-radius: 0; clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px); }
#manpower .manpower-category-card { background: #cbdfee; border: 0; border-radius: 0; clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px); isolation: isolate; padding: 1.4rem 1.1rem 1.25rem; position: relative; }
#manpower .manpower-category-card::before { background: #fff; clip-path: polygon(17.5px 0, calc(100% - 17.5px) 0, 100% 17.5px, 100% calc(100% - 17.5px), calc(100% - 17.5px) 100%, 17.5px 100%, 0 calc(100% - 17.5px), 0 17.5px); content: ""; inset: 1px; pointer-events: none; position: absolute; z-index: -1; }
#process .process-list { gap: .65rem; }
#process .process-list > li:nth-child(n) { --flow-edge: #ffe2a6; --flow-fill: #fff9ef; background: transparent; border: 0; border-radius: 0; box-shadow: none; isolation: isolate; padding: 1.3rem 2rem 1.4rem 2.4rem; text-align: left; }
#process .process-list > li:nth-child(even) { --flow-edge: #d4e9ff; --flow-fill: #f5faff; }
#process .process-list > li:nth-child(n)::before,
#process .process-list > li:nth-child(n)::after { border: 0; border-radius: 0; clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 50%, calc(100% - 40px) 100%, 0 100%, 24px 50%); content: ""; display: block; height: auto; inset: 0; margin: 0; pointer-events: none; position: absolute; width: auto; }
#process .process-list > li:nth-child(n)::before { background: var(--flow-edge); z-index: -2; }
#process .process-list > li:nth-child(n)::after { background: var(--flow-fill); right: 16px; z-index: -1; }
#process .process-list .process-number { left: .35rem; top: -.65rem; z-index: 1; }
#process .process-list > li:nth-child(even) .process-number { background: #78b5eb; }
#process .process-list .process-icon { border: 0; font-size: 1.6rem; height: 56px; margin: 0 0 .65rem; position: static; width: 56px; }
#process .process-list > li:focus-within { filter: drop-shadow(0 0 3px #b87a00); }
@media (max-width: 991px) { #process .process-list { gap: 1.5rem 1rem; } }
@media (max-width: 767px) {
  #manpower .manpower-feature-card { display: block; }
  #manpower .manpower-feature-card > img { height: 170px; min-height: 0; }
  #manpower .manpower-feature-card > div { min-height: 118px; padding: 1.15rem 1rem 1rem 5.2rem; }
  #manpower .manpower-feature-icon { left: 1rem; top: -31px; }
  #manpower .manpower-category-card { padding: 1.4rem 1.1rem; }
  #process .process-list > li:nth-child(n) { padding: 1.3rem 2.3rem 1.4rem 2.6rem; }
}