/* ============================================
   仁本通人力资源服务网站 - 上海外服官网结构风格复刻
   内容来源：仁本通品牌介绍.md
   ============================================ */

/* CSS Variables */
:root {
  --primary-dark: #002C5F;
  --primary: #005BAC;
  --primary-light: #0078D4;
  --accent: #00A4E4;
  --bg-light: #F0F4F8;
  --bg-gray: #F5F7FA;
  --white: #FFFFFF;
  --text-dark: #1A1A1A;
  --text-gray: #666666;
  --text-light: #999999;
  --border-light: #E8EEF4;
  --footer-dark: #0A1929;
  --footer-blue: #0D2137;
  --transition: all 0.3s ease;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.12);
}

/* Reset & Base */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  color: var(--text-dark);
  background: var(--white);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: inherit;
  transition: var(--transition);
}

ul, ol {
  list-style: none;
}

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

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ============================================
   TOP BAR
   ============================================ */
.top-bar {
  background: var(--primary-dark);
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: rgba(255,255,255,0.6);
}

.top-bar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-bar-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.top-bar-left::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>') center/contain no-repeat;
  opacity: 0.7;
}

.top-bar-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.top-bar-right a {
  color: rgba(255,255,255,0.6);
}

.top-bar-right a:hover {
  color: var(--white);
}

/* ============================================
   NAVBAR
   ============================================ */
.navbar {
  background: var(--primary-dark);
  height: 70px;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.navbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--white);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1px;
}

.logo-icon {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, var(--primary-light), var(--accent));
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 800;
}

.nav-menu {
  display: flex;
  align-items: center;
  gap: 0;
  height: 100%;
}

.nav-menu > li {
  position: relative;
  height: 100%;
}

.nav-menu > li > a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 20px;
  color: rgba(255,255,255,0.85);
  font-size: 15px;
  font-weight: 500;
  position: relative;
}

.nav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  height: 3px;
  background: var(--primary-light);
  transform: scaleX(0);
  transition: var(--transition);
}

.nav-menu > li:hover > a,
.nav-menu > li > a.active {
  color: var(--white);
}

.nav-menu > li:hover > a::after,
.nav-menu > li > a.active::after {
  transform: scaleX(1);
}

/* Dropdown */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--white);
  min-width: 200px;
  box-shadow: var(--shadow-lg);
  border-radius: 0 0 8px 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: var(--transition);
  padding: 8px 0;
}

.nav-menu > li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-menu a {
  display: block;
  padding: 12px 24px;
  color: var(--text-dark);
  font-size: 14px;
  transition: var(--transition);
}

.dropdown-menu a:hover {
  background: var(--bg-light);
  color: var(--primary);
}

.nav-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.nav-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.7);
  cursor: pointer;
  border-radius: 50%;
  transition: var(--transition);
}

.nav-icon:hover {
  background: rgba(255,255,255,0.1);
  color: var(--white);
}

.nav-icon svg {
  width: 20px;
  height: 20px;
}

.btn-stock {
  background: var(--primary);
  color: var(--white);
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.3;
}

.btn-stock:hover {
  background: var(--primary-light);
}

.btn-stock span {
  font-size: 11px;
  opacity: 0.8;
}

/* Mobile menu toggle */
.menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 8px;
}

.menu-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--white);
  transition: var(--transition);
}

/* ============================================
   HERO SECTION
   ============================================ */
.hero {
  position: relative;
  height: calc(100vh - 102px);
  min-height: 600px;
  max-height: 900px;
  overflow: hidden;
  background: var(--primary-dark);
}

.hero-bg {
  position: absolute;
  inset: 0;
  background: url('../images/global-business-photo.jpg') center/cover no-repeat;
}

.hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,44,95,0.3) 0%, rgba(0,44,95,0.6) 50%, rgba(0,44,95,0.95) 100%);
}

.hero .container {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-content {
  max-width: 600px;
  margin-left: auto;
  padding-right: 60px;
  text-align: right;
  color: var(--white);
}

.hero-label {
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 16px;
  letter-spacing: 2px;
}

.hero-title {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 16px;
  text-shadow: 0 2px 20px rgba(0,0,0,0.3);
}

.hero-subtitle {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 16px;
  opacity: 0.9;
}

.hero-desc {
  font-size: 13px;
  line-height: 1.8;
  color: rgba(255,255,255,0.6);
  margin-bottom: 32px;
  max-width: 480px;
  margin-left: auto;
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--primary-light);
  color: var(--white);
  padding: 14px 36px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  transition: var(--transition);
  border: none;
  cursor: pointer;
}

.btn-primary:hover {
  background: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,120,212,0.4);
}

/* Hero slider controls */
.hero-slider-dots {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 10;
  color: var(--white);
  font-size: 14px;
}

.hero-slider-dots .current {
  font-size: 24px;
  font-weight: 700;
}

.hero-slider-dots .total {
  opacity: 0.6;
}

.hero-slider-arrow {
  position: absolute;
  right: 80px;
  bottom: 40px;
  z-index: 10;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  cursor: pointer;
  transition: var(--transition);
}

.hero-slider-arrow:hover {
  background: rgba(255,255,255,0.1);
  border-color: rgba(255,255,255,0.6);
}

/* Floating sidebar */
.float-sidebar {
  position: fixed;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.float-btn {
  width: 48px;
  height: 48px;
  background: var(--white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-md);
  color: var(--primary);
  cursor: pointer;
  transition: var(--transition);
  font-size: 20px;
}

.float-btn:hover {
  background: var(--primary);
  color: var(--white);
  transform: scale(1.1);
}

/* Scroll down indicator */
.scroll-down {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--white);
  font-size: 13px;
  opacity: 0.7;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
  40% { transform: translateX(-50%) translateY(-10px); }
  60% { transform: translateX(-50%) translateY(-5px); }
}

/* ============================================
   SECTIONS COMMON
   ============================================ */
.section {
  padding: 80px 0;
}

.section-header {
  text-align: center;
  margin-bottom: 48px;
}

.section-header h2 {
  font-size: 36px;
  font-weight: 900;
  color: var(--text-dark);
  margin-bottom: 12px;
  line-height: 1.18;
  letter-spacing: -.4px;
}

.section-header p {
  display: inline-block;
  font-size: 15px;
  color: var(--text-gray);
  max-width: min(980px, 100%);
  margin: 0 auto;
  line-height: 1.8;
  text-align: left;
}

.section-header .line {
  width: 40px;
  height: 3px;
  background: var(--primary);
  margin: 16px auto 0;
  border-radius: 2px;
}

/* ============================================
   PRODUCTS SECTION
   ============================================ */
.products-section {
  background: var(--bg-gray);
  padding: 80px 0;
}

.products-intro {
  text-align: center;
  margin-bottom: 48px;
}

.products-intro h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 8px;
}

.products-intro .sub {
  font-size: 14px;
  color: var(--text-light);
  letter-spacing: 2px;
}

.products-intro p {
  font-size: 15px;
  color: var(--text-gray);
  max-width: 700px;
  margin: 16px auto 0;
  line-height: 1.8;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 48px;
}

.product-card {
  background: var(--white);
  border-radius: 8px;
  padding: 32px;
  position: relative;
  overflow: hidden;
  transition: var(--transition);
  box-shadow: var(--shadow-sm);
  min-height: 200px;
  display: flex;
  flex-direction: column;
}

.product-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}

.product-card .icon {
  width: 48px;
  height: 48px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}

.product-card h4 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 8px;
}

.product-card p {
  font-size: 13px;
  color: var(--text-gray);
  line-height: 1.6;
  flex: 1;
}

.product-card .arrow {
  position: absolute;
  bottom: 24px;
  left: 32px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--border-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-light);
  transition: var(--transition);
}

.product-card:hover .arrow {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}

/* Solutions bar */
.solutions-bar {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  border-radius: 8px;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--white);
}

.solutions-bar-left {
  display: flex;
  gap: 48px;
}

.solution-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.solution-item .icon {
  width: 56px;
  height: 56px;
  background: rgba(255,255,255,0.15);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.solution-item span {
  font-size: 16px;
  font-weight: 600;
}

.solutions-bar-right {
  text-align: right;
  max-width: 400px;
}

.solutions-bar-right h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}

.solutions-bar-right p {
  font-size: 13px;
  opacity: 0.8;
  line-height: 1.6;
}

/* ============================================
   VALUE SERVICE SECTION
   ============================================ */
.value-section {
  background: var(--white);
  padding: 80px 0;
}

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

.value-card {
  position: relative;
  min-height: 400px;
  display: flex;
  align-items: flex-end;
  padding: 40px;
  overflow: hidden;
}

.value-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.value-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,44,95,0.9) 0%, rgba(0,44,95,0.4) 50%, transparent 100%);
}

.value-card-content {
  position: relative;
  z-index: 2;
  color: var(--white);
}

.value-card-content h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
}

.value-card-content p {
  font-size: 14px;
  line-height: 1.8;
  opacity: 0.85;
  margin-bottom: 20px;
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,0.4);
  color: var(--white);
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 14px;
  transition: var(--transition);
}

.btn-outline:hover {
  background: var(--white);
  color: var(--primary);
}

/* ============================================
   PLATFORM SECTION
   ============================================ */
.platform-section {
  background: var(--bg-gray);
  padding: 80px 0;
}

.platform-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 24px;
  height: 500px;
}

.platform-card {
  background: var(--white);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
}

.platform-card:hover {
  box-shadow: var(--shadow-lg);
}

.platform-card.large {
  grid-row: span 2;
}

.platform-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.platform-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 32px;
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 100%);
  color: var(--white);
}

.platform-card-content .tag {
  font-size: 12px;
  color: var(--accent);
  font-weight: 600;
  margin-bottom: 8px;
}

.platform-card-content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

.platform-card-content p {
  font-size: 13px;
  line-height: 1.6;
  opacity: 0.85;
  margin-bottom: 16px;
}

.platform-btns {
  display: flex;
  gap: 12px;
}

.platform-btns a {
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  transition: var(--transition);
}

.platform-btns .btn-solid {
  background: var(--white);
  color: var(--primary);
}

.platform-btns .btn-solid:hover {
  background: var(--primary-light);
  color: var(--white);
}

.platform-btns .btn-line {
  border: 1px solid rgba(255,255,255,0.4);
  color: var(--white);
}

.platform-btns .btn-line:hover {
  background: var(--white);
  color: var(--primary);
}

/* ============================================
   OVERSEAS SECTION
   ============================================ */
.overseas-section {
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

.overseas-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../images/platform-real-dashboard-unsplash.jpg') center/cover no-repeat;
  opacity: 0.15;
}

.overseas-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: var(--white);
}

.overseas-content h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 16px;
}

.overseas-content > p {
  font-size: 15px;
  opacity: 0.8;
  max-width: 600px;
  margin: 0 auto 48px;
  line-height: 1.8;
}

.overseas-challenges {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 40px;
}

.challenge-card {
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  padding: 32px;
  text-align: left;
  transition: var(--transition);
}

.challenge-card:hover {
  background: rgba(255,255,255,0.15);
  transform: translateY(-4px);
}

.challenge-card h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}

.challenge-card p {
  font-size: 13px;
  line-height: 1.7;
  opacity: 0.75;
}

/* ============================================
   NEWS SECTION
   ============================================ */
.news-section {
  background: var(--white);
  padding: 80px 0;
}

.news-tabs {
  display: flex;
  justify-content: center;
  gap: 0;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--border-light);
}

.news-tab {
  padding: 16px 32px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-gray);
  cursor: pointer;
  position: relative;
  transition: var(--transition);
  border: none;
  background: none;
}

.news-tab.active,
.news-tab:hover {
  color: var(--primary);
}

.news-tab.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--primary);
}

.news-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.news-item {
  display: flex;
  gap: 20px;
  padding: 20px;
  border-radius: 8px;
  transition: var(--transition);
}

.news-item:hover {
  background: var(--bg-gray);
}

.news-item-img {
  width: 160px;
  height: 120px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}

.news-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition);
}

.news-item:hover .news-item-img img {
  transform: scale(1.05);
}

.news-item-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news-item-body h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-dark);
  line-height: 1.5;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-item-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-item-meta a {
  font-size: 13px;
  color: var(--primary);
}

.news-item-meta a:hover {
  text-decoration: underline;
}

.news-item-meta .date {
  font-size: 13px;
  color: var(--text-light);
}

.btn-more {
  display: block;
  width: fit-content;
  margin: 40px auto 0;
  padding: 12px 40px;
  background: var(--primary);
  color: var(--white);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  transition: var(--transition);
}

.btn-more:hover {
  background: var(--primary-light);
}

/* ============================================
   ADVANTAGES SECTION
   ============================================ */
.advantages-section {
  background: linear-gradient(to bottom, var(--bg-gray) 0%, var(--white) 100%);
  padding: 80px 0;
}

.advantages-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

.advantage-card {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  border-radius: 8px;
  min-height: 92px;
  padding: 24px 48px 24px 18px;
  text-align: center;
  color: var(--white);
  position: relative;
  overflow: hidden;
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
}

.advantage-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0,92,172,0.3);
}

.advantage-card .num {
  font-size: 34px;
  font-weight: 800;
  opacity: 0.22;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  line-height: 1;
  z-index: 1;
}

.advantage-card h4 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 1.45;
  position: relative;
  z-index: 2;
  letter-spacing: -0.2px;
}

/* 20260623 brand advantages card text overlap refinement */
.advantage-card:nth-child(5) h4 {
  font-size: 12.5px;
}

/* ============================================
   STATS SECTION
   ============================================ */
.stats-section {
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
  padding: 128px 0 64px;
  position: relative;
  overflow: hidden;
}

.stats-section::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 96px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 120" fill="%23F0F4F8"><path d="M0,64L80,69.3C160,75,320,85,480,80C640,75,800,53,960,48C1120,43,1280,53,1360,58.7L1440,64L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z"/></svg>') top center/100% 100% no-repeat;
  transform: rotate(180deg);
  z-index: 0;
  pointer-events: none;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 24px;
  position: relative;
  z-index: 1;
}

.stat-item {
  text-align: center;
  color: var(--white);
  padding: 20px;
}

.stat-num {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.stat-num .plus {
  font-size: 24px;
  color: var(--accent);
}

.stat-unit {
  font-size: 14px;
  margin-bottom: 4px;
  opacity: 0.9;
}

.stat-label {
  font-size: 13px;
  opacity: 0.7;
}

/* ============================================
   FORM SECTION
   ============================================ */
.form-section {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.form-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: url('../images/global-expansion-photo.jpg') top center/cover no-repeat;
  opacity: 0.2;
  mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}

.form-section-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: var(--white);
}

.form-section-content h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 8px;
}

.form-section-content .line {
  width: 40px;
  height: 3px;
  background: var(--accent);
  margin: 16px auto;
  border-radius: 2px;
}

.form-section-content > p {
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 40px;
}

.contact-form {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.form-group {
  position: relative;
}

.form-group.full {
  grid-column: span 3;
}

.form-group.half {
  grid-column: span 2;
}

.form-group input,
.form-group textarea,
.form-group select {
  width: 100%;
  padding: 14px 16px 14px 44px;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 4px;
  background: rgba(255,255,255,0.1);
  color: var(--white);
  font-size: 14px;
  transition: var(--transition);
}

.form-group input::placeholder,
.form-group textarea::placeholder,
.form-group select option:first-child {
  color: rgba(255,255,255,0.5);
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  outline: none;
  border-color: var(--accent);
  background: rgba(255,255,255,0.15);
}

.form-group .icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,0.5);
  font-size: 16px;
}

.form-group textarea {
  resize: vertical;
  min-height: 120px;
  padding-top: 14px;
}

.form-group textarea + .icon {
  top: 24px;
  transform: none;
}

.btn-code {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  padding: 6px 12px;
  background: rgba(255,255,255,0.15);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 4px;
  color: var(--white);
  font-size: 12px;
  cursor: pointer;
  transition: var(--transition);
}

.btn-code:hover {
  background: var(--white);
  color: var(--primary);
}

.form-footer {
  grid-column: span 3;
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 8px;
}

/* ============================================
   FOOTER CTA
   ============================================ */
.footer-cta {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  padding: 60px 0;
  text-align: center;
  color: var(--white);
}

.footer-cta h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 24px;
}

.footer-cta .btn-white {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--white);
  color: var(--primary);
  padding: 14px 36px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  transition: var(--transition);
}

.footer-cta .btn-white:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

/* ============================================
   FOOTER
   ============================================ */
.footer {
  background: var(--footer-dark);
  color: rgba(255,255,255,0.7);
  padding: 60px 0 0;
}

.footer-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 60px;
  margin-bottom: 40px;
}

.footer-brand {
  border-right: 1px solid rgba(255,255,255,0.1);
  padding-right: 40px;
}

.footer-brand .logo {
  margin-bottom: 20px;
}

.footer-brand p {
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 20px;
}

.footer-brand .hotline {
  font-size: 14px;
  margin-bottom: 16px;
}

.footer-brand .hotline strong {
  font-size: 20px;
  color: var(--white);
  display: block;
  margin-top: 4px;
}

.social-links {
  display: flex;
  gap: 12px;
}

.social-links a {
  width: 36px;
  height: 36px;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 16px;
  transition: var(--transition);
}

.social-links a:hover {
  background: var(--primary-light);
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 24px;
}

.footer-col h4 {
  font-size: 15px;
  font-weight: 600;
  color: var(--white);
  margin-bottom: 20px;
}

.footer-col ul li {
  margin-bottom: 10px;
}

.footer-col ul li a {
  font-size: 13px;
  color: rgba(255,255,255,0.6);
  transition: var(--transition);
}

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

.footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
}

.footer-bottom a {
  color: rgba(255,255,255,0.4);
  margin: 0 8px;
}

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

/* ============================================
   INNER PAGE HEADER
   ============================================ */
.page-header {
  background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
  padding: 120px 0 60px;
  text-align: center;
  color: var(--white);
  position: relative;
  overflow: hidden;
}

.page-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../images/advantage-governance-meeting-unsplash.jpg') center/cover no-repeat;
  opacity: 0.15;
}

.page-header-content {
  position: relative;
  z-index: 2;
}

.page-header h1 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 12px;
}

.page-header p {
  font-size: 16px;
  opacity: 0.8;
}


/* ============================================
   ANIMATIONS
   ============================================ */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }
.reveal-delay-5 { transition-delay: 0.5s; }
.reveal-delay-6 { transition-delay: 0.6s; }

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 1024px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .advantages-grid,
  .stats-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  .footer-brand {
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-right: 0;
    padding-bottom: 40px;
  }
  
  .footer-links {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .menu-toggle {
    display: flex;
  }
  
  .nav-menu {
    position: fixed;
    top: 102px;
    left: 0;
    right: 0;
    background: var(--primary-dark);
    flex-direction: column;
    height: auto;
    padding: 20px;
    gap: 4px;
    transform: translateX(-100%);
    transition: var(--transition);
  }
  
  .nav-menu.active {
    transform: translateX(0);
  }
  
  .nav-menu > li {
    height: auto;
    width: 100%;
  }
  
  .nav-menu > li > a {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  
  .dropdown-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    background: rgba(255,255,255,0.05);
    border-radius: 4px;
    margin-top: 4px;
  }
  
  .dropdown-menu a {
    color: rgba(255,255,255,0.7);
  }
  
  .hero-content {
    padding-right: 0;
    text-align: center;
    margin: 0 auto;
  }
  
  .hero-title {
    font-size: 28px;
  }
  
  .hero-desc {
    margin: 0 auto 32px;
  }
  
  .products-grid {
    grid-template-columns: 1fr;
  }
  
  .value-grid {
    grid-template-columns: 1fr;
  }
  
  .platform-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: auto;
  }
  
  .platform-card.large {
    grid-row: span 1;
    min-height: 300px;
  }
  
  .overseas-challenges {
    grid-template-columns: 1fr;
  }
  
  .news-list {
    grid-template-columns: 1fr;
  }
  
  .advantages-grid,
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .contact-form {
    grid-template-columns: 1fr;
  }
  
  .form-group.full,
  .form-group.half,
  .form-footer {
    grid-column: span 1;
  }
  
  .solutions-bar {
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }
  
  .solutions-bar-left {
    flex-direction: column;
    gap: 24px;
  }
  
  .footer-links {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .footer-bottom {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }
  
  .float-sidebar {
    display: none;
  }
}

@media (max-width: 480px) {
  .advantages-grid,
  .stats-grid {
    grid-template-columns: 1fr;
  }
  
  .footer-links {
    grid-template-columns: 1fr;
  }
  
  .section {
    padding: 48px 0;
  }
  
  .section-header h2 {
    font-size: 24px;
  }
}


/* Fusion version: keep latest banner, use previous content layout */
body.rbt-v2 .top-bar { display: none; }
body.rbt-v2 .navbar { top: 0; height: 78px; }
body.rbt-v2 .hero { margin-top: 0; }
body.rbt-v2 .hero .container { display: flex; justify-content: flex-end; align-items: center; min-height: 100%; }
.rbt-hero .hero-panel { width: min(560px, 92vw); margin-left: auto; padding: 48px 52px; border-left: 4px solid rgba(0,164,228,.85); background: linear-gradient(90deg, rgba(0,44,95,.16), rgba(0,44,95,.46)); backdrop-filter: blur(2px); box-shadow: 0 24px 70px rgba(0,0,0,.18); }
.rbt-hero .hero-eyebrow { display: inline-flex; padding: 6px 14px; margin-bottom: 20px; border-radius: 99px; background: rgba(0,164,228,.2); border: 1px solid rgba(255,255,255,.28); color: rgba(255,255,255,.86); font-size: 14px; letter-spacing: 1px; }
.rbt-hero .hero-title { text-align: left; line-height: 1.2; }
.rbt-hero .hero-subtitle { text-align: left; margin-top: 18px; }
.rbt-hero .hero-desc { text-align: left; max-width: 100%; margin: 18px 0 0; }
.rbt-hero .hero-actions { display: flex; gap: 14px; margin-top: 32px; }
.btn-ghost { display: inline-flex; align-items: center; justify-content: center; padding: 13px 28px; border-radius: 3px; color: #fff; border: 1px solid rgba(255,255,255,.55); font-weight: 600; }
.btn-ghost:hover { background: rgba(255,255,255,.12); }
.rbt-navbar .container { max-width: 1360px; }
.rbt-navbar .nav-logo { flex: 0 0 174px; min-width: 174px; gap: 0; }
.rbt-navbar .logo-img { width: 150px; height: auto; display: block; filter: brightness(0) invert(1) drop-shadow(0 6px 14px rgba(0,0,0,.18)); }
.rbt-navbar .nav-menu { flex: 1 1 auto; justify-content: center; margin: 0 28px 0 18px; }
.rbt-navbar .nav-menu > li > a { padding: 0 18px; white-space: nowrap; }
.rbt-navbar .nav-right { flex: 0 0 auto; gap: 12px; }
.rbt-navbar .nav-phone-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 40px;
  min-width: 188px;
  padding: 0 17px;
  border: 2px solid rgba(0,164,228,.86);
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(0,120,212,.22), rgba(0,91,172,.14));
  color: #eef9ff;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 10px 24px rgba(0,120,212,.18);
  white-space: nowrap;
}
.rbt-navbar .nav-phone-tag .phone-label { font-size: 12px; font-weight: 700; color: rgba(224,247,255,.78); }
.rbt-navbar .nav-phone-tag strong { font-size: 16px; font-weight: 900; letter-spacing: .2px; color: #ffffff; }
.rbt-navbar .nav-phone-tag:hover { border-color: rgba(56,189,248,.95); background: linear-gradient(135deg, rgba(0,164,228,.28), rgba(0,91,172,.18)); box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 13px 28px rgba(0,120,212,.25); }
.rbt-navbar .nav-contact-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 104px;
  padding: 0 18px;
  border-radius: 6px;
  background: linear-gradient(135deg, #00A4E4 0%, #0078D4 62%, #005BAC 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: 0 10px 24px rgba(0,120,212,.30);
  overflow: hidden;
}
.rbt-navbar .nav-contact-btn::before {
  content: "";
  width: 16px;
  height: 16px;
  margin-right: 7px;
  background: currentColor;
  opacity: .96;
  -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h16v11H8.7L4 19.2V4zm3 4v2h10V8H7zm0 4v2h7v-2H7z"/></svg>') center/contain no-repeat;
  mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h16v11H8.7L4 19.2V4zm3 4v2h10V8H7zm0 4v2h7v-2H7z"/></svg>') center/contain no-repeat;
}
.rbt-navbar .nav-contact-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(0,120,212,.38); }
@media (max-width: 1180px) {
  .rbt-navbar .nav-logo { flex-basis: 150px; min-width: 150px; }
  .rbt-navbar .logo-img { width: 136px; }
  .rbt-navbar .nav-menu { margin: 0 16px 0 8px; }
  .rbt-navbar .nav-menu > li > a { padding: 0 12px; font-size: 14px; }
  .rbt-navbar .nav-phone-tag { min-width: 132px; padding: 0 12px; gap: 7px; }
  .rbt-navbar .nav-phone-tag .phone-label { display: none; }
  .rbt-navbar .nav-contact-btn { min-width: 96px; padding: 0 14px; }
}
@media (max-width: 768px) {
  body.rbt-v2 .navbar { height: 64px; }
  .rbt-navbar .nav-logo { flex-basis: auto; min-width: 120px; }
  .rbt-navbar .logo-img { width: 118px; }
  .rbt-navbar .nav-phone-tag { display: inline-flex; min-width: 136px; height: 36px; padding: 0 11px; }
  .rbt-navbar .nav-phone-tag .phone-label { display: none; }
  .rbt-navbar .nav-phone-tag strong { font-size: 14px; }
  .rbt-navbar .nav-contact-btn { display: none; }
  .rbt-navbar .nav-menu { top: 64px; }
}
@media (max-width: 480px) {
  .rbt-navbar .logo-img { width: 96px; }
  .rbt-navbar .nav-logo { min-width: 100px; }
  .rbt-navbar .nav-right { gap: 8px; }
  .rbt-navbar .nav-phone-tag { min-width: 118px; height: 34px; padding: 0 8px; border-width: 1.5px; }
  .rbt-navbar .nav-phone-tag strong { font-size: 13px; letter-spacing: 0; }
  .rbt-navbar .nav-contact-btn::before { margin-right: 0; }
}
.footer-qr { display: flex; align-items: center; gap: 14px; margin-top: 20px; color: rgba(255,255,255,.72); font-size: 13px; }
.footer-qr img { width: 86px; height: 86px; border-radius: 8px; background: #fff; padding: 5px; }
.footer-bottom a { color: rgba(255,255,255,.65); }
.footer-bottom a:hover { color: #fff; }
@media (max-width: 768px) { .rbt-hero .hero-panel { margin: 0 auto; padding: 34px 28px; } .rbt-hero .hero-actions { flex-direction: column; } }

/* ============================================
   20260610 independent revision refinements
   ============================================ */
.rbt-v2 .top-bar { display: none; }
.rbt-v2 .navbar { top: 0; }
.rbt-hero { position: relative; }
.rbt-hero::after { display: none; }
.rbt-hero .hero-panel {
  background: linear-gradient(100deg, rgba(0,91,172,.24), rgba(0,44,95,.58));
  border-left: 4px solid rgba(56,189,248,.95);
  border-radius: 0 18px 18px 0;
  box-shadow: 0 24px 70px rgba(0,44,95,.22);
}
.rbt-hero .hero-title,
.rbt-hero .hero-subtitle,
.rbt-hero .hero-desc { color: #f8fbff !important; }
.rbt-hero .hero-title { text-shadow: 0 6px 24px rgba(0,0,0,.34); }
.rbt-hero .hero-subtitle { color: rgba(232,247,255,.9) !important; }
.rbt-hero .hero-desc { color: rgba(232,247,255,.82) !important; }
.rbt-hero .hero-eyebrow { color: #e8f7ff; background: rgba(0,164,228,.24); }
.products-section { position: relative; padding-top: 80px; }

.value-section { padding: 88px 0; background: linear-gradient(180deg, #fff 0%, #f4f8fc 100%); }
.value-grid { gap: 0; }
.value-card { min-height: 430px; }
.value-card::after { background: linear-gradient(90deg, rgba(0,44,95,.84) 0%, rgba(0,44,95,.58) 52%, rgba(0,44,95,.22) 100%); }
.value-card-content { max-width: 780px; padding-left: 58px; }
.value-kicker { display: inline-flex; align-items: center; margin-bottom: 14px; padding: 6px 12px; border-radius: 999px; background: rgba(56,189,248,.20); color: #e8f7ff; font-size: 13px; font-weight: 800; letter-spacing: 1px; }
.value-card-content h3 { font-size: 32px; letter-spacing: .5px; }
.value-card-content p { font-size: 16px; color: rgba(255,255,255,.9); max-width: 900px; }

.platform-section { background: #f5f8fc; }
.platform-grid { gap: 26px; height: 520px; }
.platform-card { border-radius: 14px; box-shadow: 0 14px 36px rgba(0,44,95,.08); }
.platform-card img { filter: saturate(1.02) contrast(1.03); }
.platform-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,28,64,.10) 0%, rgba(0,32,72,.74) 52%, rgba(3,17,35,.96) 100%);
  z-index: 1;
}
.platform-card-content {
  z-index: 2;
  padding: 28px 30px 26px;
  background: linear-gradient(to top, rgba(3,17,35,.92) 0%, rgba(3,17,35,.50) 70%, transparent 100%);
}
.platform-card-content .tag {
  display: inline-flex;
  max-width: 100%;
  color: #e0f7ff;
  background: rgba(0,164,228,.26);
  border-left: 3px solid #38bdf8;
  padding: 5px 10px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
  white-space: normal;
}
.platform-card-content h4 { font-size: 26px; line-height: 1.22; letter-spacing: .2px; margin: 10px 0 9px; text-shadow: 0 6px 18px rgba(0,0,0,.32); }
.platform-card.large .platform-card-content h4 { font-size: 32px; }
.platform-card-content p { max-width: 640px; margin-bottom: 0; color: rgba(255,255,255,.84); }
.platform-meta { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 0; }
.platform-meta span { padding: 5px 8px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.86); font-size: 11px; font-weight: 700; }
.platform-btns { display: none !important; }

.overseas-section {
  background:
    linear-gradient(90deg, rgba(0,36,82,.94) 0%, rgba(0,67,132,.84) 52%, rgba(0,36,82,.66) 100%),
    url('../images/flow-compliance-photo.jpg') center/cover no-repeat;
}
.overseas-section::before { display: none; }
.flow-four { grid-template-columns: repeat(4, minmax(0,1fr)); }
.challenge-card { min-height: 180px; border-radius: 14px; }
.challenge-card h4 { font-size: 22px; color: #ffffff; }

.cases-redesign { position: relative; overflow: hidden; background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%); padding: 86px 0 94px; }
.cases-redesign::before { content: ""; position: absolute; right: -180px; top: -160px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(0,120,212,.12), rgba(0,120,212,0) 68%); }
.cases-section-head {
  margin-bottom: 36px;
}
.cases-hero {
  position: relative;
  display: grid;
  grid-template-columns: 46% 1fr;
  gap: 0;
  align-items: stretch;
  overflow: hidden;
  border-radius: 24px;
  background: #071f3b;
  box-shadow: 0 26px 70px rgba(0,44,95,.16);
}
.cases-hero-img { min-height: 430px; overflow: hidden; background: #082448; }
.cases-hero-img img { width: 100%; height: 100%; min-height: 430px; object-fit: cover; filter: saturate(.94) contrast(1.04); }
.cases-hero-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 50px;
  color: #fff;
  background:
    radial-gradient(circle at 96% 8%, rgba(0,164,228,.26), transparent 30%),
    linear-gradient(135deg, rgba(0,44,95,.99), rgba(0,91,172,.92));
}
.cases-hero-content::before { content: ""; position: absolute; left: 30px; top: 34px; bottom: 34px; width: 3px; border-radius: 99px; background: linear-gradient(180deg, #73d8ff, rgba(115,216,255,.18)); pointer-events: none; }
.case-hero-eyebrow { position: relative; z-index: 1; width: fit-content; margin-bottom: 18px; padding: 8px 13px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: rgba(225,247,255,.88); font-size: 13px; font-weight: 900; letter-spacing: .6px; }
.cases-hero-content h3 { position: relative; z-index: 1; max-width: 780px; margin: 0 0 28px; font-size: 30px; line-height: 1.36; color: #fff; font-weight: 900; letter-spacing: -.5px; text-shadow: 0 10px 26px rgba(0,24,56,.30); }
.case-focus-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; gap: 11px; }
.case-focus-grid div { display: grid; grid-template-columns: 142px 1fr; gap: 18px; align-items: center; min-height: auto; padding: 15px 18px; border-radius: 15px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.10); }
.case-focus-grid b { display: flex; align-items: center; gap: 10px; margin-bottom: 0; color: #ffffff; font-size: 19px; font-weight: 900; white-space: nowrap; }
.case-focus-grid b em { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 10px; background: linear-gradient(135deg, #ffffff, #e5f7ff); color: #005BAC; font-style: normal; font-size: 12px; font-weight: 900; }
.case-focus-grid span { display: block; color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.68; font-weight: 700; }
.case-scenario-grid { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 16px; margin-top: 22px; }
.case-scenario-card { min-height: 260px; padding: 24px 20px 22px; border-radius: 18px; background: #fff; border: 1px solid #e5eef7; box-shadow: 0 14px 36px rgba(0,44,95,.08); transition: transform .25s ease, box-shadow .25s ease; }
.case-scenario-card:hover { transform: translateY(-6px); box-shadow: 0 22px 48px rgba(0,44,95,.14); }
.case-index { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; border-radius: 12px; background: linear-gradient(135deg, #005BAC, #00A4E4); color: #fff; font-size: 13px; font-weight: 900; }
.case-scenario-card h4 { margin-bottom: 14px; color: #102033; font-size: 21px; }
.case-scenario-card p { margin-bottom: 10px; color: #596b7c; font-size: 14px; line-height: 1.75; }
.case-scenario-card strong { color: #173553; }
.case-result { margin-top: 16px; padding: 12px 13px; border-radius: 12px; background: #f0f7ff; color: #005BAC; font-size: 13px; font-weight: 800; line-height: 1.65; }

.stats-section {
  margin-top: 0;
  padding: 76px 0 72px;
  background: linear-gradient(135deg, #005BAC 0%, #002C5F 100%);
}
.stats-section::before { display: none; }
.stats-grid { padding-top: 0; }

.form-section { display: none !important; }
.footer-cta {
  background: linear-gradient(180deg, #f6f9fc 0%, #edf4fb 100%);
  color: #102033;
  border-top: 1px solid #e1ebf4;
  border-bottom: 1px solid #dce8f3;
}
.footer-cta h2 { color: #102033; }
.footer-cta .btn-white { background: linear-gradient(135deg, #005BAC, #00A4E4); color: #fff; box-shadow: 0 12px 28px rgba(0,91,172,.22); }
.footer { position: relative; overflow: hidden; background: #071829; padding-top: 54px; }
.footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, #005BAC, #00A4E4); pointer-events: none; }
.footer .container { position: relative; z-index: 1; }
.footer-grid { grid-template-columns: 315px 1fr; gap: 58px; align-items: center; margin-bottom: 34px; }
.footer-brand { display: flex; flex-direction: column; justify-content: center; min-height: 330px; padding: 0 38px 0 0; border-right: 1px solid rgba(255,255,255,.10); background: transparent; border-radius: 0; box-shadow: none; }
.footer-brand p { color: rgba(255,255,255,.66); margin-bottom: 18px; }
.footer-service-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.footer-service-tags span { padding: 6px 9px; border-radius: 2px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.72); border-left: 2px solid rgba(0,164,228,.65); font-size: 12px; font-weight: 700; }
.footer-main { display: flex; flex-direction: column; gap: 28px; }
.footer-contact-card { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; margin-top: 0; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.10); }
.footer-contact-card div { padding: 0 0 0 16px; border-left: 2px solid rgba(0,164,228,.75); background: transparent; border-radius: 0; }
.footer-contact-card span { display: block; margin-bottom: 8px; color: rgba(255,255,255,.45); font-size: 12px; letter-spacing: .5px; }
.footer-contact-card strong { display: block; color: rgba(255,255,255,.92); font-size: 14px; line-height: 1.55; font-weight: 700; word-break: break-word; }
.footer-brand .footer-qr-card { margin-top: 24px; }
.footer-qr-card { display: grid; grid-template-columns: 86px 1fr; align-items: center; gap: 14px; padding: 16px 0 0; background: transparent; border-top: 1px solid rgba(255,255,255,.10); border-radius: 0; }
.footer-qr-card img { width: 86px; height: 86px; border-radius: 4px; background: #fff; padding: 5px; object-fit: contain; flex: 0 0 auto; }
.footer-qr-card strong { display: block; margin-bottom: 6px; color: #fff; font-size: 15px; }
.footer-qr-card span { color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.65; }
.footer-links { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 28px; padding: 0; border-radius: 0; background: transparent; border: 0; }
.footer-col h4 { position: relative; color: rgba(255,255,255,.94); padding-bottom: 12px; margin-bottom: 16px; }
.footer-col h4::after { content: ""; position: absolute; left: 0; bottom: 0; width: 26px; height: 2px; background: #00A4E4; }
.footer-col ul li { margin-bottom: 9px; }
.footer-col ul li a { color: rgba(255,255,255,.56); }
.footer-bottom { margin-top: 0; border-top: 1px solid rgba(255,255,255,.10); }
.footer-bottom a { color: rgba(255,255,255,.62); }
.footer-bottom a:hover { color: #fff; }

/* 20260611 reference redesign - product matrix + pyramid solution */
.business-redesign-section {
  position: relative;
  overflow: hidden;
  padding: 96px 0 92px;
  background:
    radial-gradient(circle at 18% 12%, rgba(0,91,172,.08), transparent 34%),
    linear-gradient(180deg, #f3f7fb 0%, #ffffff 48%, #f7fafc 100%);
}
.business-redesign-section .container {
  position: relative;
  z-index: 1;
}
.matrix-section-head {
  max-width: 1080px;
  margin: 0 auto 38px;
  text-align: center;
}
.section-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 10px;
  color: #005BAC;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.8px;
}
.section-kicker::before,
.section-kicker::after {
  content: "";
  width: 26px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(0,91,172,0), #00A4E4);
}
.section-kicker::after {
  background: linear-gradient(90deg, #00A4E4, rgba(0,91,172,0));
}
.section-kicker.light { color: #d9ecff; }
.section-kicker.light::before,
.section-kicker.light::after { background: rgba(255,255,255,.50); }
.section-header .section-kicker {
  margin-bottom: 12px;
}
.matrix-section-head h3 {
  margin-bottom: 14px;
  color: #14223b;
  font-size: 36px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -.4px;
}
.matrix-section-head p {
  display: inline-block;
  max-width: min(1040px, 100%);
  margin: 0 auto;
  color: #5f6f86;
  font-size: 16px;
  line-height: 1.9;
  text-align: left;
}
.service-product-matrix {
  display: grid;
  gap: 18px;
  margin-bottom: 64px;
}
.matrix-row {
  display: grid;
  grid-template-columns: 230px repeat(3, minmax(0,1fr));
  gap: 16px;
  align-items: stretch;
  padding: 26px;
  border-radius: 18px;
  background: rgba(226,236,248,.74);
  border: 1px solid rgba(255,255,255,.82);
  box-shadow: 0 14px 40px rgba(0,44,95,.08);
}
.matrix-row-large {
  grid-template-columns: 230px 1.08fr 1.08fr;
}
.matrix-category {
  position: relative;
  overflow: hidden;
  min-height: 148px;
  padding: 30px 22px 24px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 70% 76%, rgba(255,255,255,.45), transparent 28%),
    linear-gradient(145deg, rgba(0,91,172,.82), rgba(0,120,212,.66));
  color: #fff;
  text-shadow: 0 2px 10px rgba(0,44,95,.20);
}
.matrix-category strong {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 14px;
  font-size: 26px;
  line-height: 1.16;
  font-weight: 900;
}
.matrix-category span {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 190px;
  color: rgba(255,255,255,.86);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 800;
}
.matrix-orbit {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 12px;
  height: 48px;
  border: 1px dashed rgba(255,255,255,.60);
  border-top: 0;
  border-radius: 0 0 90px 90px;
  opacity: .78;
}
.matrix-orbit i {
  position: absolute;
  bottom: -9px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 6px 18px rgba(42,78,175,.20);
}
.matrix-orbit i:nth-child(1) { left: 18%; background: #ffb32d; }
.matrix-orbit i:nth-child(2) { left: 48%; background: #00a4e4; }
.matrix-orbit i:nth-child(3) { right: 18%; background: #2457c5; }
.matrix-product {
  position: relative;
  overflow: hidden;
  min-height: 150px;
  padding: 32px 30px;
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(235,242,255,.84)),
    radial-gradient(circle at 84% 30%, rgba(79,140,255,.18), transparent 34%);
  border: 1px solid rgba(255,255,255,.86);
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.matrix-product:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(62,98,174,.15);
  border-color: rgba(89,145,255,.65);
}
.matrix-product::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 22px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.96) 0 42%, rgba(255,255,255,.42) 43% 100%);
}
.matrix-product b {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  color: #14223b;
  font-size: 23px;
  line-height: 1.35;
  font-weight: 900;
}
.matrix-product span {
  position: relative;
  z-index: 1;
  max-width: 310px;
  color: #5e6f87;
  font-size: 13px;
  line-height: 1.68;
  font-weight: 700;
}
.matrix-product.featured {
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,248,235,.90)),
    radial-gradient(circle at 84% 30%, rgba(255,179,45,.18), transparent 34%);
}
.matrix-product.featured::after { background: radial-gradient(circle, #fff 0 42%, rgba(255,179,45,.25) 43% 100%); }
.solution-section-head {
  margin-top: 8px;
  margin-bottom: 34px;
}
.solution-pyramid-section {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(380px, .92fr) minmax(540px, 1.08fr);
  gap: 34px;
  align-items: center;
  min-height: 540px;
  padding: 52px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 72% 22%, rgba(81,202,255,.36), rgba(81,202,255,0) 34%),
    radial-gradient(circle at 14% 90%, rgba(0,44,95,.42), rgba(0,44,95,0) 42%),
    linear-gradient(135deg, #062b66 0%, #0068cf 48%, #54c3ec 100%);
  color: #fff;
  box-shadow: 0 28px 78px rgba(0,74,155,.24);
}
.solution-pyramid-section::before,
.solution-pyramid-section::after {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  transform: rotate(5deg);
  pointer-events: none;
}
.solution-pyramid-section::before { top: 46px; }
.solution-pyramid-section::after { bottom: 42px; }
.solution-copy,
.pyramid-stage {
  position: relative;
  z-index: 1;
}
.solution-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; color: #b9edff; font-size: 12px; font-weight: 900; letter-spacing: 2px; }
.solution-eyebrow::before { content: ""; width: 34px; height: 2px; background: #b9edff; border-radius: 999px; }
.solution-copy h4 { margin: 0 0 18px; color: #ffffff; font-size: 34px; line-height: 1.18; font-weight: 900; letter-spacing: -.4px; text-shadow: 0 10px 28px rgba(0,28,64,.28); }
.solution-copy p {
  max-width: 560px;
  color: rgba(255,255,255,.86);
  font-size: 16px;
  line-height: 1.85;
  font-weight: 700;
}
.solution-card-row {
  display: grid;
  gap: 12px;
  margin-top: 30px;
}
.solution-card-row div {
  position: relative;
  display: grid;
  grid-template-columns: 42px 90px 1fr;
  gap: 14px;
  align-items: center;
  padding: 18px 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
}
.solution-card-row div:nth-child(2) { background: linear-gradient(135deg, rgba(255,255,255,.20), rgba(36,138,230,.16)); }
.solution-card-row i { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; background: rgba(255,255,255,.95); color: #005BAC; font-style: normal; font-size: 13px; font-weight: 900; }
.solution-card-row b {
  display: block;
  margin-bottom: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  white-space: nowrap;
}
.solution-card-row span {
  color: rgba(255,255,255,.80);
  font-size: 13px;
  line-height: 1.68;
  font-weight: 700;
}
.pyramid-stage {
  display: grid;
  grid-template-columns: 1fr 190px;
  gap: 18px;
  align-items: center;
}
.pyramid-visual {
  position: relative;
  height: 392px;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 1100px;
  filter: drop-shadow(0 28px 34px rgba(0,44,120,.24));
}
.pyramid-visual::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  width: 520px;
  height: 52px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(0,32,96,.28) 0%, rgba(0,32,96,0) 70%);
  pointer-events: none;
}
.space-triangle .pyramid-svg {
  position: relative;
  z-index: 1;
  width: min(100%, 620px);
  height: auto;
  overflow: visible;
}
.space-triangle-shape .tri-face { stroke: rgba(255,255,255,.18); stroke-width: 1.2; }
.triangle-center-badge text {
  fill: #ffffff;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .5px;
}
.triangle-node rect {
  fill: rgba(255,255,255,.92);
  stroke: rgba(255,255,255,.72);
  stroke-width: 1;
}
.triangle-node text {
  fill: #075fbd;
  font-size: 16px;
  font-weight: 900;
}
.triangle-node .node-sub {
  fill: #4b6b89;
  font-size: 11px;
  font-weight: 800;
}
.pyramid-layer { display: none; }
.pyramid-capability-list {
  display: grid;
  gap: 8px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(23,100,230,.28);
  border: 1px solid rgba(255,255,255,.24);
}
.pyramid-capability-list span {
  display: block;
  padding: 8px 10px;
  border-radius: 7px;
  background: rgba(255,255,255,.15);
  color: rgba(255,255,255,.92);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
}
@media (max-width: 1180px) {
  .matrix-row,
  .matrix-row-large { grid-template-columns: 1fr 1fr; }
  .matrix-category { grid-column: span 2; }
  .solution-pyramid-section { grid-template-columns: 1fr; }
}
@media (max-width: 1024px) {
  .pyramid-stage { grid-template-columns: 1fr; }
  .pyramid-capability-list { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .business-redesign-section { padding: 64px 0; }
  .matrix-section-head h3,
  .section-header h2 { font-size: 30px; }
  .matrix-section-head p { font-size: 15px; }
  .matrix-row,
  .matrix-row-large { grid-template-columns: 1fr; padding: 18px; }
  .matrix-category { grid-column: auto; min-height: 150px; }
  .matrix-product { min-height: 138px; padding: 26px 22px; }
  .matrix-product b { font-size: 21px; }
  .solution-pyramid-section { padding: 34px 24px; border-radius: 24px; }
  .solution-copy h4 { font-size: 28px; }
  .solution-card-row div { grid-template-columns: 42px 1fr; gap: 10px; align-items: flex-start; }
  .solution-card-row span { grid-column: 2; }
  .pyramid-visual { height: 310px; }
  .space-triangle .pyramid-svg { width: min(100%, 500px); }
  .case-focus-grid { grid-template-columns: 1fr; }
  .case-focus-grid div { grid-template-columns: 1fr; gap: 10px; align-items: flex-start; }
}
@media (max-width: 480px) {
  .matrix-section-head h3,
  .section-header h2 { font-size: 27px; }
  .matrix-category strong { font-size: 24px; }
  .matrix-product::after { width: 50px; height: 50px; right: 18px; top: 18px; }
  .pyramid-visual { height: 252px; margin: -8px 0 -4px; }
  .triangle-node text { font-size: 14px; }
  .triangle-node .node-sub { font-size: 9px; }
  .triangle-center-badge text { font-size: 14px; }
  .pyramid-capability-list { grid-template-columns: 1fr; }
  .solution-card-row div { padding: 18px; grid-template-columns: 1fr; }
  .solution-card-row span { grid-column: auto; }
}

@media (max-width: 1024px) {
  .flow-four { grid-template-columns: repeat(2, 1fr); }
  .cases-hero { grid-template-columns: 1fr; }
  .case-scenario-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .footer-grid { grid-template-columns: 1fr; align-items: flex-start; }
  .footer-brand { min-height: auto; padding-right: 0; padding-bottom: 26px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.10); }
  .footer-links { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .rbt-hero .hero-panel { border-radius: 16px; }
  .value-card-content { padding-left: 30px; padding-right: 30px; }
  .flow-four { grid-template-columns: 1fr; }
  .cases-hero-content { padding: 32px 26px; }
  .cases-hero-content h3 { font-size: 22px; }
  .case-scenario-grid { grid-template-columns: 1fr; }
  .platform-grid { height: auto; }
  .platform-card { min-height: 300px; }
  .platform-card-content h4, .platform-card.large .platform-card-content h4 { font-size: 24px; }
  .footer-contact-card { grid-template-columns: 1fr; }
  .footer-qr-card { width: 100%; }
}
@media (max-width: 480px) {
  .footer-links { grid-template-columns: 1fr; padding: 0; }
  .footer-qr-card { grid-template-columns: 72px 1fr; align-items: center; }
  .footer-qr-card img { width: 72px; height: 72px; }
}

/* 20260612 strict reference-based service system rework */
.core-advantage-layout {
  grid-template-columns: minmax(390px, .9fr) minmax(520px, 1.1fr);
  align-items: center;
  gap: 56px;
  min-height: 520px;
  padding: 54px 58px;
  background: #fff;
  border: 1px solid rgba(0,44,95,.08);
  box-shadow: 0 18px 56px rgba(0,44,95,.10);
  overflow: hidden;
}
.core-advantage-layout::before,
.core-advantage-layout::after { display: none; }
.advantage-triangle-visual {
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 28px;
  overflow: visible;
}
.advantage-triangle-visual::before { display: none; }
.service-triangle-final-img {
  width: min(100%, 560px);
  max-height: 430px;
  object-fit: contain;
  display: block;
}
.advantage-system-copy {
  color: #0f1f35;
}
.advantage-title-bar {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  background: #073fae;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .5px;
}
.advantage-copy-list {
  display: grid;
  gap: 20px;
  margin: 0 0 20px;
}
.advantage-copy-item {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 20px;
  align-items: flex-start;
}
.advantage-copy-item i {
  width: 28px;
  height: 28px;
  margin-top: 3px;
  border-radius: 50%;
}
.advantage-copy-item.blue i { background: #073fae; }
.advantage-copy-item.orange i { background: #f47d2a; }
.advantage-copy-item.gray i { background: #a6a8aa; }
.advantage-copy-item h4 {
  margin: 0 0 7px;
  color: #333;
  font-size: 23px;
  line-height: 1.25;
  font-weight: 900;
}
.advantage-copy-item p {
  margin: 0;
  color: #202020;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 500;
}
.advantage-companion-text {
  margin: 16px 0 0 48px;
  color: #1b1b1b;
  font-size: 15px;
  line-height: 1.7;
  font-weight: 500;
}
@media (max-width: 1180px) {
  .core-advantage-layout { grid-template-columns: 1fr; }
  .advantage-triangle-visual { max-width: 520px; width: 100%; margin: 0 auto; }
}
@media (max-width: 768px) {
  .core-advantage-layout { padding: 34px 22px; gap: 24px; }
  .advantage-triangle-visual { min-height: 320px; transform: scale(.9); transform-origin: top center; margin-bottom: -30px; }
  .advantage-title-bar { height: auto; min-height: 40px; padding: 10px 12px; font-size: 18px; text-align: center; }
  .advantage-copy-item h4 { font-size: 19px; }
  .advantage-copy-item p,
  .advantage-companion-text { font-size: 13px; }
  .advantage-companion-text { margin-left: 0; }
}
/* 20260612 case analysis + service system rework */
.solution-pyramid-section {
  grid-template-columns: minmax(390px, .95fr) minmax(480px, 1.05fr);
  gap: 30px;
  min-height: 500px;
  padding: 46px;
  background:
    radial-gradient(circle at 82% 18%, rgba(84,195,236,.22), transparent 34%),
    linear-gradient(135deg, #06224c 0%, #005BAC 58%, #118ed0 100%);
}
.service-system-copy p {
  max-width: 620px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.85;
  font-weight: 600;
  color: rgba(255,255,255,.78);
}
.service-flow-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 28px;
}
.service-flow-board div {
  min-height: 126px;
  padding: 18px 18px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.11);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 14px 32px rgba(0,38,91,.10);
}
.service-flow-board i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 28px;
  margin-bottom: 13px;
  border-radius: 8px;
  background: rgba(255,255,255,.94);
  color: #005BAC;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
}
.service-flow-board b {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 900;
}
.service-flow-board span {
  display: block;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.65;
  font-weight: 600;
}
.service-system-panel {
  position: relative;
  z-index: 1;
  padding: 30px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 24px 58px rgba(0,35,84,.20);
}
.service-panel-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.16);
}
.service-panel-title span {
  color: #b9edff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1px;
}
.service-panel-title strong {
  max-width: 250px;
  color: #fff;
  text-align: right;
  font-size: 15px;
  line-height: 1.55;
}
.service-role-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1fr;
  gap: 14px;
  margin-bottom: 18px;
}
.service-role-card {
  min-height: 156px;
  padding: 20px 18px;
  border-radius: 18px;
  background: rgba(5,37,82,.34);
  border: 1px solid rgba(255,255,255,.14);
}
.service-role-card.primary {
  background: linear-gradient(160deg, rgba(255,255,255,.92), rgba(219,244,255,.74));
  color: #073661;
}
.service-role-card em {
  display: block;
  margin-bottom: 16px;
  color: inherit;
  opacity: .72;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .8px;
}
.service-role-card b {
  display: block;
  margin-bottom: 10px;
  color: inherit;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 900;
}
.service-role-card:not(.primary) b,
.service-role-card:not(.primary) em { color: #fff; }
.service-role-card span {
  display: block;
  color: inherit;
  opacity: .74;
  font-size: 12px;
  line-height: 1.65;
  font-weight: 700;
}
.service-checklist {
  display: grid;
  gap: 10px;
}
.service-checklist div {
  display: grid;
  grid-template-columns: 78px 1fr;
  gap: 12px;
  align-items: center;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.12);
}
.service-checklist b {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}
.service-checklist span {
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 600;
}
.cases-hero {
  grid-template-columns: 43% 1fr;
  border-radius: 22px;
}
.cases-hero-img { min-height: 390px; }
.cases-hero-img img { min-height: 390px; object-position: center center; filter: saturate(.86) contrast(1.02); }
.cases-hero-content.case-analysis-content {
  justify-content: center;
  padding: 38px 44px 36px;
  background:
    radial-gradient(circle at 92% 12%, rgba(117,216,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(5,32,75,.97) 0%, rgba(0,91,172,.95) 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.10);
}
.case-analysis-content::before { display: none; }
.case-analysis-content .case-hero-eyebrow { display: none; }
.case-analysis-content h3 {
  max-width: 720px;
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 1.48;
  letter-spacing: -.1px;
  text-shadow: none;
}
.case-analysis-grid {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 14px;
}
.case-analysis-block {
  display: grid;
  grid-template-columns: 86px 1fr;
  gap: 10px;
  align-items: center;
  min-height: 74px;
  padding: 17px 20px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}
.case-analysis-block b {
  color: #fff;
  font-size: 19px;
  line-height: 1.35;
  font-weight: 900;
  white-space: nowrap;
  letter-spacing: .2px;
}
.case-analysis-block p {
  margin: 0;
  color: rgba(255,255,255,.84);
  font-size: 14px;
  line-height: 1.72;
  font-weight: 500;
}
.case-analysis-block.pain { border-left: 4px solid #ffbd59; }
.case-analysis-block.solution { border-left: 4px solid #73d8ff; }
.case-analysis-block.result { border-left: 4px solid #8df2c8; }
.case-scenario-grid { grid-template-columns: repeat(5, minmax(0,1fr)); }
.case-scenario-card { min-height: 260px; padding: 24px 20px 22px; }
.case-scenario-grid .case-scenario-card:nth-child(5) { display: block; }
.case-scenario-card h4 { font-size: 21px; margin-bottom: 14px; }
.case-scenario-card p { font-size: 14px; line-height: 1.75; margin-bottom: 10px; }
.case-result { margin-top: 16px; padding: 12px 13px; font-size: 13px; line-height: 1.65; }
.core-advantage-layout.solution-pyramid-section {
  grid-template-columns: minmax(390px, .9fr) minmax(520px, 1.1fr);
  align-items: center;
  gap: 56px;
  min-height: 520px;
  padding: 54px 58px;
  background: #fff;
  border: 1px solid rgba(0,44,95,.08);
  box-shadow: 0 18px 56px rgba(0,44,95,.10);
}
@media (max-width: 1180px) {
  .solution-pyramid-section { grid-template-columns: 1fr; }
  .service-role-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 1024px) {
  .cases-hero { grid-template-columns: 1fr; }
  .case-scenario-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .service-flow-board,
  .service-role-grid { grid-template-columns: 1fr; }
  .service-panel-title { display: block; }
  .service-panel-title strong { display: block; max-width: none; margin-top: 8px; text-align: left; }
  .case-analysis-content h3 { font-size: 20px; }
  .case-analysis-block { grid-template-columns: 1fr; gap: 5px; }
}

/* 20260613 inner pages based on final homepage */
.inner-page { background: #fff; }
.inner-hero {
  position: relative;
  min-height: 420px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(0,35,80,.95) 0%, rgba(0,91,172,.82) 56%, rgba(0,44,95,.64) 100%),
    url('../images/industry-solution-photo.jpg') center/cover no-repeat;
}
.inner-hero-services { background-image: linear-gradient(90deg, rgba(0,35,80,.95), rgba(0,91,172,.82), rgba(0,44,95,.64)), url('../images/industry-solution-photo.jpg'); }
.inner-hero-about { background-image: linear-gradient(90deg, rgba(0,35,80,.95), rgba(0,91,172,.82), rgba(0,44,95,.64)), url('../images/global-business-photo.jpg'); }
.inner-hero-contact { background-image: linear-gradient(90deg, rgba(0,35,80,.95), rgba(0,91,172,.82), rgba(0,44,95,.64)), url('../images/flow-compliance-photo.jpg'); }
.inner-hero-content {
  max-width: 780px;
  padding: 46px 0;
  color: #fff;
}
.inner-hero-content h1 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 52px;
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -1px;
}
.inner-hero-content p {
  margin: 0 0 24px;
  color: rgba(232,247,255,.86);
  font-size: 17px;
  line-height: 1.9;
  font-weight: 500;
}
.inner-hero-content .section-kicker { color: #d9ecff; }
.inner-hero-content .section-kicker::before,
.inner-hero-content .section-kicker::after { background: rgba(255,255,255,.50); }
.inner-section { padding: 92px 0; }
.inner-soft-section { background: linear-gradient(180deg, #f5f8fc 0%, #fff 100%); }
.inner-blue-section { background: linear-gradient(135deg, #06224c 0%, #005BAC 62%, #118ed0 100%); color: #fff; }
.matrix-section-head.light h3,
.matrix-section-head.light p { color: #fff; }
.matrix-section-head.light p { color: rgba(232,247,255,.82); }
.inner-service-grid,
.advantage-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
}
.inner-service-card,
.advantage-detail-card {
  min-height: 330px;
  padding: 28px 26px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #e4edf6;
  box-shadow: 0 16px 42px rgba(0,44,95,.08);
  transition: transform .25s ease, box-shadow .25s ease;
}
.inner-service-card:hover,
.advantage-detail-card:hover { transform: translateY(-6px); box-shadow: 0 24px 56px rgba(0,44,95,.14); }
.inner-service-card span,
.advantage-detail-card span,
.response-step span {
  width: 42px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 10px;
  background: linear-gradient(135deg, #005BAC, #00A4E4);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.inner-service-card h3,
.advantage-detail-card h3 {
  margin: 0 0 14px;
  color: #14223b;
  font-size: 24px;
  line-height: 1.32;
  font-weight: 900;
}
.inner-service-card p,
.advantage-detail-card p {
  color: #5f6f86;
  font-size: 14px;
  line-height: 1.82;
}
.inner-service-card ul { display: grid; gap: 8px; margin: 18px 0 22px; }
.inner-service-card li { position: relative; padding-left: 16px; color: #34495e; font-size: 13px; line-height: 1.65; font-weight: 700; }
.inner-service-card li::before { content: ""; position: absolute; left: 0; top: .72em; width: 6px; height: 6px; border-radius: 999px; background: #00A4E4; }
.inner-service-card a,
.industry-solution-card a { color: #005BAC; font-size: 13px; font-weight: 900; }
.inner-platform-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; }
.inner-platform-card { overflow: hidden; border-radius: 20px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 20px 48px rgba(0,24,56,.18); }
.inner-platform-card img { width: 100%; height: 220px; object-fit: cover; filter: saturate(.96) contrast(1.02); }
.inner-platform-card div { padding: 24px 24px 26px; }
.inner-platform-card b { display: block; margin-bottom: 10px; color: #fff; font-size: 22px; line-height: 1.3; }
.inner-platform-card p { color: rgba(232,247,255,.78); font-size: 14px; line-height: 1.75; }
.industry-solution-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 18px; }
.industry-solution-card { min-height: 250px; padding: 28px 24px; border-radius: 18px; background: linear-gradient(180deg, #fff, #f5f9fd); border: 1px solid #e4edf6; box-shadow: 0 14px 36px rgba(0,44,95,.08); }
.industry-solution-card strong { display: block; margin-bottom: 14px; color: #14223b; font-size: 22px; font-weight: 900; }
.industry-solution-card p { min-height: 96px; color: #5f6f86; font-size: 14px; line-height: 1.8; }
.about-intro-grid { display: grid; grid-template-columns: minmax(0,1fr) 460px; gap: 56px; align-items: center; }
.about-intro-text h2,
.contact-info-panel h2 { margin: 0 0 20px; color: #14223b; font-size: 38px; line-height: 1.22; font-weight: 900; }
.about-intro-text p,
.contact-info-panel p { margin-bottom: 16px; color: #5f6f86; font-size: 15px; line-height: 1.9; }
.about-values { display: grid; grid-template-columns: 84px 1fr; gap: 10px 16px; margin-top: 26px; padding: 22px; border-radius: 16px; background: #f0f7ff; border-left: 4px solid #005BAC; }
.about-values strong { color: #005BAC; font-size: 14px; }
.about-values span { color: #34495e; font-size: 14px; font-weight: 700; }
.about-intro-panel { position: relative; border-radius: 22px; overflow: hidden; box-shadow: 0 22px 56px rgba(0,44,95,.14); }
.about-intro-panel img { height: 420px; width: 100%; object-fit: cover; }
.about-panel-card { position: absolute; left: 24px; right: 24px; bottom: 24px; padding: 20px; border-radius: 16px; background: rgba(0,44,95,.88); color: #fff; }
.about-panel-card b { display: block; font-size: 24px; }
.about-panel-card span { color: rgba(232,247,255,.78); font-size: 13px; }
.team-capability-row,
.inner-case-list,
.response-step-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.team-capability-card,
.inner-case-item,
.response-step { padding: 28px 26px; border-radius: 18px; background: #fff; border: 1px solid #e4edf6; box-shadow: 0 16px 42px rgba(0,44,95,.08); }
.team-capability-card b { display: block; margin-bottom: 10px; color: #14223b; font-size: 23px; }
.team-capability-card p { color: #5f6f86; font-size: 14px; line-height: 1.8; }
.inner-case-item { background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.16); color: #fff; }
.inner-case-item span { color: #b9edff; font-size: 13px; font-weight: 900; letter-spacing: 1px; }
.inner-case-item h3 { margin: 12px 0; color: #fff; font-size: 24px; }
.inner-case-item p { color: rgba(232,247,255,.78); font-size: 14px; line-height: 1.8; }
.inner-case-item strong { display: block; margin-top: 18px; color: #fff; font-size: 15px; }
.timeline-list { display: grid; gap: 14px; }
.timeline-list div { display: grid; grid-template-columns: 96px 1fr; gap: 22px; align-items: center; padding: 20px 24px; border-radius: 16px; background: #fff; border: 1px solid #e4edf6; box-shadow: 0 10px 28px rgba(0,44,95,.06); }
.timeline-list b { color: #005BAC; font-size: 26px; font-weight: 900; }
.timeline-list span { color: #34495e; font-size: 15px; line-height: 1.7; font-weight: 700; }
.contact-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 34px; align-items: stretch; }
.contact-info-panel,
.contact-form-card,
.address-card { padding: 34px; border-radius: 22px; background: #fff; border: 1px solid #e4edf6; box-shadow: 0 18px 48px rgba(0,44,95,.09); }
.contact-method-list { display: grid; gap: 14px; margin-top: 28px; }
.contact-method-list a { padding: 18px 20px; border-radius: 16px; background: #f4f8fc; border-left: 4px solid #005BAC; }
.contact-method-list b { display: block; color: #5f6f86; font-size: 13px; }
.contact-method-list strong { display: block; margin: 5px 0; color: #14223b; font-size: 21px; }
.contact-method-list span { color: #7a8b9a; font-size: 13px; }
.contact-form-card h3 { color: #14223b; font-size: 30px; line-height: 1.25; }
.contact-form-card > p { margin: 8px 0 24px; color: #5f6f86; }
.form-row { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.contact-form .form-group { display: flex; align-items: center; margin-bottom: 14px; border: 1px solid #dce8f3; border-radius: 12px; background: #f8fbff; }
.contact-form .form-group .icon { width: 44px; text-align: center; color: #005BAC; }
.contact-form input,
.contact-form select,
.contact-form textarea { width: 100%; border: 0; outline: 0; background: transparent; padding: 15px 14px 15px 0; color: #14223b; font-size: 14px; font-family: inherit; }
.contact-form textarea { min-height: 120px; resize: vertical; padding-top: 16px; }
.contact-form .full { align-items: flex-start; }
.form-footer { display: flex; align-items: center; gap: 14px; margin-top: 6px; }
.btn-ghost-dark { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 24px; border-radius: 3px; color: #005BAC; border: 1px solid #b9d8ef; font-weight: 900; }
.response-step { min-height: 210px; }
.response-step b { display: block; margin-bottom: 10px; color: #14223b; font-size: 22px; }
.response-step p { color: #5f6f86; font-size: 14px; line-height: 1.8; }
.address-card { display: grid; grid-template-columns: 360px 1fr; gap: 36px; align-items: start; }
.address-card h3 { color: #14223b; font-size: 32px; }
.address-card p { color: #5f6f86; }
.address-card ul { display: grid; gap: 12px; }
.address-card li { display: grid; grid-template-columns: 100px 1fr; gap: 16px; padding: 16px 18px; border-radius: 14px; background: #f4f8fc; }
.address-card b { color: #005BAC; }
.address-card span { color: #34495e; font-weight: 700; }
@media (max-width: 1024px) {
  .inner-service-grid,
  .advantage-detail-grid,
  .inner-platform-grid,
  .industry-solution-grid,
  .team-capability-row,
  .inner-case-list,
  .response-step-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .about-intro-grid,
  .contact-layout,
  .address-card { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .inner-hero { min-height: 360px; }
  .inner-hero-content h1 { font-size: 38px; }
  .inner-section { padding: 62px 0; }
  .inner-service-grid,
  .advantage-detail-grid,
  .inner-platform-grid,
  .industry-solution-grid,
  .team-capability-row,
  .inner-case-list,
  .response-step-grid,
  .form-row { grid-template-columns: 1fr; }
  .inner-service-card,
  .advantage-detail-card { min-height: auto; }
}
@media (max-width: 480px) {
  .inner-hero-content h1 { font-size: 32px; }
  .inner-hero-content p { font-size: 15px; }
  .inner-section { padding: 48px 0; }
  .timeline-list div,
  .address-card li { grid-template-columns: 1fr; gap: 6px; }
  .contact-info-panel,
  .contact-form-card,
  .address-card { padding: 24px 18px; }
}

/* 20260613 independent inner pages fix */
.independent-inner-page .independent-hero {
  min-height: 430px;
  background:
    linear-gradient(100deg, rgba(0,28,64,.96) 0%, rgba(0,77,148,.86) 54%, rgba(0,164,228,.46) 100%),
    url('../images/flow-compliance-photo.jpg') center/cover no-repeat;
}
.independent-inner-page .inner-hero-content { max-width: 860px; }
.inner-two-col {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(320px,.72fr);
  gap: 34px;
  align-items: stretch;
}
.inner-two-col h2 {
  margin: 0 0 18px;
  color: #14223b;
  font-size: 38px;
  line-height: 1.22;
  font-weight: 900;
}
.inner-two-col p { margin-bottom: 14px; color: #5f6f86; font-size: 15px; line-height: 1.9; }
.independent-side-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 260px;
  padding: 34px;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg, #06224c, #005BAC 70%, #00A4E4);
  box-shadow: 0 20px 52px rgba(0,44,95,.18);
}
.independent-side-card strong { display: block; margin-bottom: 14px; font-size: 30px; line-height: 1.22; }
.independent-side-card span { display: block; color: rgba(232,247,255,.82); font-size: 15px; line-height: 1.75; }
.independent-side-card em { display: block; margin-top: 24px; color: #fff; font-style: normal; font-size: 16px; font-weight: 900; letter-spacing: .5px; }
.business-pillar-grid,
.solution-object-grid,
.platform-module-grid,
.advantage-independent-grid,
.case-scenario-independent-grid,
.about-direction-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
  margin-top: 38px;
}
.business-pillar-card,
.solution-object-card,
.platform-module-card,
.advantage-independent-card,
.case-scenario-independent {
  min-height: 320px;
  padding: 30px 28px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e4edf6;
  box-shadow: 0 16px 42px rgba(0,44,95,.08);
}
.business-pillar-card span,
.platform-module-card span,
.advantage-independent-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 34px;
  margin-bottom: 18px;
  border-radius: 10px;
  background: linear-gradient(135deg, #005BAC, #00A4E4);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.business-pillar-card h3,
.solution-object-card h3,
.platform-module-card h3,
.advantage-independent-card h3,
.case-scenario-independent h3 { margin: 0 0 14px; color: #14223b; font-size: 24px; line-height: 1.32; font-weight: 900; }
.business-pillar-card p,
.solution-object-card p,
.platform-module-card p,
.advantage-independent-card p,
.case-scenario-independent p { color: #5f6f86; font-size: 14px; line-height: 1.85; }
.business-pillar-card ul,
.solution-object-card ul { display: grid; gap: 8px; margin-top: 18px; }
.business-pillar-card li,
.solution-object-card li { position: relative; padding-left: 16px; color: #34495e; font-size: 13px; line-height: 1.65; font-weight: 700; }
.business-pillar-card li::before,
.solution-object-card li::before { content: ""; position: absolute; left: 0; top: .72em; width: 6px; height: 6px; border-radius: 999px; background: #00A4E4; }
.process-chain {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
}
.process-chain div,
.industry-focus-row div,
.case-value-row div,
.about-direction-grid div {
  padding: 24px 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #e4edf6;
  box-shadow: 0 14px 36px rgba(0,44,95,.08);
}
.process-chain b { display: block; margin-bottom: 10px; color: #14223b; font-size: 20px; }
.process-chain span { color: #5f6f86; font-size: 14px; line-height: 1.75; }
.solution-object-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.solution-object-card strong,
.case-scenario-independent span { display: inline-flex; margin-bottom: 16px; padding: 6px 12px; border-radius: 999px; background: #e8f4ff; color: #005BAC; font-size: 13px; font-weight: 900; }
.industry-focus-row,
.case-value-row { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 14px; margin-top: 34px; }
.industry-focus-row div,
.case-value-row div { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.16); color: #fff; text-align: center; font-weight: 900; box-shadow: none; }
.platform-visual-stack { overflow: hidden; border-radius: 22px; background: #06224c; box-shadow: 0 20px 52px rgba(0,44,95,.16); }
.platform-visual-stack img { width: 100%; height: 250px; object-fit: cover; filter: saturate(.95) contrast(1.03); }
.platform-visual-stack div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,.16); }
.platform-visual-stack b { padding: 18px 8px; color: #fff; text-align: center; font-size: 15px; }
.value-compare-panel { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
.value-compare-panel div { padding: 34px; border-radius: 22px; background: #fff; border: 1px solid #e4edf6; box-shadow: 0 16px 42px rgba(0,44,95,.08); }
.value-compare-panel div:last-child { color: #fff; background: linear-gradient(135deg, #06224c, #005BAC); }
.value-compare-panel b { display: block; margin-bottom: 14px; font-size: 26px; }
.value-compare-panel p { color: #5f6f86; line-height: 1.85; }
.value-compare-panel div:last-child p { color: rgba(232,247,255,.82); }
.case-scenario-independent-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.case-scenario-independent div { margin-top: 20px; padding: 18px; border-radius: 16px; background: #f4f8fc; border-left: 4px solid #005BAC; }
.case-scenario-independent b { display: block; margin-bottom: 8px; color: #005BAC; }
.case-scenario-independent em { color: #34495e; font-style: normal; font-size: 13px; line-height: 1.75; font-weight: 700; }
.case-value-row { grid-template-columns: repeat(4, minmax(0,1fr)); }
.about-direction-grid div { min-height: 140px; display: flex; align-items: center; color: #14223b; font-size: 20px; line-height: 1.55; font-weight: 900; }
@media (max-width: 1024px) {
  .inner-two-col,
  .business-pillar-grid,
  .platform-module-grid,
  .advantage-independent-grid,
  .process-chain,
  .industry-focus-row,
  .case-value-row,
  .about-direction-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .inner-two-col,
  .business-pillar-grid,
  .solution-object-grid,
  .platform-module-grid,
  .advantage-independent-grid,
  .case-scenario-independent-grid,
  .process-chain,
  .industry-focus-row,
  .case-value-row,
  .about-direction-grid,
  .value-compare-panel { grid-template-columns: 1fr; }
  .inner-two-col h2 { font-size: 30px; }
  .independent-side-card { min-height: auto; }
}

/* 20260613 enhanced independent inner pages */
.independent-inner-page .independent-hero {
  min-height: 520px;
  padding: 108px 0 76px;
  background:
    radial-gradient(circle at 82% 20%, rgba(0,164,228,.34), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(115,216,255,.18), transparent 26%),
    linear-gradient(112deg, rgba(4,25,58,.98) 0%, rgba(0,77,148,.92) 58%, rgba(0,164,228,.64) 100%),
    url('../images/flow-compliance-photo.jpg') center/cover no-repeat;
}
.inner-hero-services { background-image: radial-gradient(circle at 82% 20%, rgba(0,164,228,.34), transparent 30%), radial-gradient(circle at 18% 82%, rgba(115,216,255,.18), transparent 26%), linear-gradient(112deg, rgba(4,25,58,.98) 0%, rgba(0,77,148,.92) 58%, rgba(0,164,228,.64) 100%), url('../images/industry-solution-photo.jpg'); }
.inner-hero-industry { background-image: radial-gradient(circle at 82% 20%, rgba(0,164,228,.34), transparent 30%), radial-gradient(circle at 18% 82%, rgba(115,216,255,.18), transparent 26%), linear-gradient(112deg, rgba(4,25,58,.98) 0%, rgba(0,77,148,.92) 58%, rgba(0,164,228,.64) 100%), url('../images/global-expansion-photo.jpg'); }
.inner-hero-platform { background-image: radial-gradient(circle at 82% 20%, rgba(0,164,228,.34), transparent 30%), radial-gradient(circle at 18% 82%, rgba(115,216,255,.18), transparent 26%), linear-gradient(112deg, rgba(4,25,58,.98) 0%, rgba(0,77,148,.92) 58%, rgba(0,164,228,.64) 100%), url('../images/platform-hro-new.jpg'); }
.inner-hero-advantages { background-image: radial-gradient(circle at 82% 20%, rgba(0,164,228,.34), transparent 30%), radial-gradient(circle at 18% 82%, rgba(115,216,255,.18), transparent 26%), linear-gradient(112deg, rgba(4,25,58,.98) 0%, rgba(0,77,148,.92) 58%, rgba(0,164,228,.64) 100%), url('../images/flow-compliance-photo.jpg'); }
.inner-hero-cases { background-image: radial-gradient(circle at 82% 20%, rgba(0,164,228,.34), transparent 30%), radial-gradient(circle at 18% 82%, rgba(115,216,255,.18), transparent 26%), linear-gradient(112deg, rgba(4,25,58,.98) 0%, rgba(0,77,148,.92) 58%, rgba(0,164,228,.64) 100%), url('../images/case-industries-photo.jpg'); }
.inner-hero-about { background-image: radial-gradient(circle at 82% 20%, rgba(0,164,228,.34), transparent 30%), radial-gradient(circle at 18% 82%, rgba(115,216,255,.18), transparent 26%), linear-gradient(112deg, rgba(4,25,58,.98) 0%, rgba(0,77,148,.92) 58%, rgba(0,164,228,.64) 100%), url('../images/global-business-photo.jpg'); }
.inner-hero-contact { background-image: radial-gradient(circle at 82% 20%, rgba(0,164,228,.34), transparent 30%), radial-gradient(circle at 18% 82%, rgba(115,216,255,.18), transparent 26%), linear-gradient(112deg, rgba(4,25,58,.98) 0%, rgba(0,77,148,.92) 58%, rgba(0,164,228,.64) 100%), url('../images/platform-compliance-new.jpg'); }
.inner-hero-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0,1fr) 380px;
  gap: 40px;
  align-items: center;
}
.inner-hero-shell::before {
  content: "";
  position: absolute;
  inset: -26px -34px;
  z-index: -1;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 34px 90px rgba(0,23,54,.24);
}
.inner-hero-main { max-width: 760px; color: #fff; }
.inner-hero-main .section-kicker { color: #d9ecff; }
.inner-hero-main .section-kicker::before,
.inner-hero-main .section-kicker::after { background: rgba(255,255,255,.50); }
.inner-hero-main h1 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 58px;
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -1.4px;
}
.inner-hero-main p {
  max-width: 720px;
  margin: 0;
  color: rgba(232,247,255,.86);
  font-size: 17px;
  line-height: 1.95;
  font-weight: 500;
}
.inner-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.btn-hero-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 26px;
  border-radius: 4px;
  color: #fff;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.08);
  font-weight: 900;
}
.inner-hero-side {
  padding: 28px;
  border-radius: 24px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 24px 58px rgba(0,24,56,.20);
  backdrop-filter: blur(10px);
}
.inner-hero-side > span {
  display: inline-flex;
  margin-bottom: 14px;
  color: #b9edff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.4px;
}
.inner-hero-side > b {
  display: block;
  margin-bottom: 22px;
  color: #fff;
  font-size: 24px;
  line-height: 1.35;
}
.inner-hero-metrics { display: grid; gap: 12px; }
.inner-hero-metrics div {
  padding: 17px 18px;
  border-radius: 16px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.14);
}
.inner-hero-metrics strong {
  display: block;
  color: #fff;
  font-size: 24px;
  line-height: 1.15;
  font-weight: 900;
}
.inner-hero-metrics span {
  display: block;
  margin-top: 6px;
  color: rgba(232,247,255,.76);
  font-size: 12px;
  line-height: 1.55;
}
.scenario-lane-grid,
.painpoint-map-grid,
.delivery-check-grid,
.value-output-grid,
.platform-flow-board,
.four-flow-grid,
.triangle-team-panel,
.response-standard-grid,
.risk-control-list,
.case-detail-grid,
.prepare-info-grid,
.about-service-map,
.strength-mosaic-grid,
.team-system-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
  margin-top: 36px;
}
.painpoint-map-grid,
.prepare-info-grid,
.strength-mosaic-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.delivery-check-grid,
.four-flow-grid,
.triangle-team-panel,
.response-standard-grid,
.risk-control-list,
.case-detail-grid,
.about-service-map,
.team-system-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.scenario-lane-grid div,
.painpoint-map-grid div,
.delivery-check-grid div,
.value-output-grid div,
.platform-flow-board div,
.four-flow-grid div,
.triangle-team-panel div,
.response-standard-grid div,
.risk-control-list div,
.case-detail-grid div,
.prepare-info-grid div,
.about-service-map div,
.strength-mosaic-grid div,
.team-system-grid div,
.method-stack div,
.case-method-timeline div,
.history-river div {
  padding: 26px 24px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e4edf6;
  box-shadow: 0 15px 38px rgba(0,44,95,.08);
}
.scenario-lane-grid b,
.painpoint-map-grid b,
.delivery-check-grid b,
.platform-flow-board b,
.triangle-team-panel strong,
.risk-control-list b,
.case-detail-grid b,
.prepare-info-grid b,
.about-service-map b,
.team-system-grid b,
.method-stack b,
.case-method-timeline b,
.history-river b {
  display: block;
  margin-bottom: 10px;
  color: #14223b;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 900;
}
.scenario-lane-grid span,
.painpoint-map-grid span,
.delivery-check-grid span,
.platform-flow-board span,
.four-flow-grid span,
.triangle-team-panel span,
.response-standard-grid span,
.risk-control-list span,
.case-detail-grid span,
.prepare-info-grid span,
.about-service-map span,
.strength-mosaic-grid span,
.team-system-grid span,
.method-stack span,
.case-method-timeline span,
.history-river span {
  display: block;
  color: #5f6f86;
  font-size: 14px;
  line-height: 1.78;
}
.split-feature {
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  gap: 42px;
  align-items: center;
}
.split-feature h3,
.about-culture-layout h3 {
  margin: 0 0 18px;
  color: #14223b;
  font-size: 36px;
  line-height: 1.25;
  font-weight: 900;
}
.split-feature p,
.about-culture-layout p { color: #5f6f86; font-size: 15px; line-height: 1.9; }
.method-stack { display: grid; gap: 14px; }
.method-stack div { display: grid; grid-template-columns: 58px 1fr; gap: 12px 18px; align-items: start; margin: 0; }
.method-stack strong,
.case-method-timeline strong {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 38px;
  border-radius: 12px;
  background: linear-gradient(135deg, #005BAC, #00A4E4);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}
.regional-support-band,
.smart-tool-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  margin-top: 34px;
}
.regional-support-band div,
.smart-tool-row div {
  padding: 22px 18px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid #e4edf6;
  box-shadow: 0 14px 36px rgba(0,44,95,.08);
  color: #14223b;
  font-weight: 900;
  text-align: center;
}
.regional-support-band span { display: block; margin-top: 8px; color: #5f6f86; font-size: 13px; line-height: 1.6; font-weight: 600; }
.inner-blue-section .smart-tool-row div,
.inner-blue-section .response-standard-grid div,
.inner-blue-section .strength-mosaic-grid div {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.16);
  box-shadow: none;
  color: #fff;
}
.inner-blue-section .response-standard-grid b,
.inner-blue-section .strength-mosaic-grid strong { color: #fff; }
.inner-blue-section .response-standard-grid span,
.inner-blue-section .strength-mosaic-grid span { color: rgba(232,247,255,.78); }
.four-flow-grid strong,
.value-output-grid strong,
.response-standard-grid b,
.strength-mosaic-grid strong {
  display: block;
  margin-bottom: 10px;
  color: #005BAC;
  font-size: 26px;
  line-height: 1.25;
  font-weight: 900;
}
.case-method-timeline {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  margin-top: 36px;
}
.case-method-timeline div { display: block; }
.case-method-timeline strong { margin-bottom: 18px; }
.about-brand-section {
  background:
    radial-gradient(circle at 88% 20%, rgba(0,164,228,.12), transparent 28%),
    linear-gradient(180deg, #fff 0%, #f5f8fc 100%);
}
.about-brand-hero {
  display: grid;
  grid-template-columns: minmax(0,1fr) 420px;
  gap: 46px;
  align-items: center;
  padding: 46px;
  border-radius: 30px;
  background: #fff;
  border: 1px solid #e4edf6;
  box-shadow: 0 24px 70px rgba(0,44,95,.10);
}
.about-brand-copy h2 {
  margin: 0 0 20px;
  color: #14223b;
  font-size: 42px;
  line-height: 1.18;
  font-weight: 900;
}
.about-brand-copy p { margin-bottom: 16px; color: #5f6f86; font-size: 15px; line-height: 1.95; }
.brand-belief-strip {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 16px;
  margin-top: 26px;
  padding: 20px 22px;
  border-radius: 18px;
  background: linear-gradient(135deg, #06224c, #005BAC);
  color: #fff;
}
.brand-belief-strip span { color: rgba(232,247,255,.84); font-weight: 800; }
.about-brand-dashboard {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
.about-brand-dashboard div {
  min-height: 142px;
  padding: 24px;
  border-radius: 22px;
  background: linear-gradient(180deg, #f5f9fd, #fff);
  border: 1px solid #e4edf6;
}
.about-brand-dashboard strong {
  display: block;
  color: #005BAC;
  font-size: 36px;
  line-height: 1;
  font-weight: 900;
}
.about-brand-dashboard span { display: block; margin-top: 12px; color: #34495e; font-size: 14px; line-height: 1.55; font-weight: 800; }
.about-culture-layout {
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  gap: 42px;
  align-items: center;
}
.culture-word-cloud {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}
.culture-word-cloud span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 112px;
  border-radius: 24px;
  color: #fff;
  background: linear-gradient(135deg, #06224c, #005BAC 72%, #00A4E4);
  box-shadow: 0 18px 42px rgba(0,44,95,.16);
  font-size: 28px;
  font-weight: 900;
}
.history-river {
  display: grid;
  gap: 14px;
  margin-top: 36px;
}
.history-river div {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 24px;
  align-items: center;
  margin: 0;
}
.history-river b { color: #005BAC; font-size: 28px; }
@media (max-width: 1180px) {
  .inner-hero-shell,
  .about-brand-hero,
  .split-feature,
  .about-culture-layout { grid-template-columns: 1fr; }
  .inner-hero-side { max-width: 680px; }
}
@media (max-width: 1024px) {
  .scenario-lane-grid,
  .painpoint-map-grid,
  .value-output-grid,
  .platform-flow-board,
  .regional-support-band,
  .smart-tool-row,
  .case-method-timeline,
  .prepare-info-grid,
  .strength-mosaic-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .independent-inner-page .independent-hero { min-height: auto; padding: 92px 0 54px; }
  .inner-hero-shell::before { inset: -14px; border-radius: 24px; }
  .inner-hero-main h1 { font-size: 40px; }
  .inner-hero-main p { font-size: 15px; line-height: 1.8; }
  .inner-hero-side { padding: 20px; }
  .inner-hero-metrics,
  .about-brand-dashboard,
  .scenario-lane-grid,
  .painpoint-map-grid,
  .delivery-check-grid,
  .value-output-grid,
  .platform-flow-board,
  .four-flow-grid,
  .triangle-team-panel,
  .response-standard-grid,
  .risk-control-list,
  .case-detail-grid,
  .prepare-info-grid,
  .about-service-map,
  .strength-mosaic-grid,
  .team-system-grid,
  .regional-support-band,
  .smart-tool-row,
  .case-method-timeline,
  .culture-word-cloud { grid-template-columns: 1fr; }
  .about-brand-hero { padding: 28px 20px; }
  .about-brand-copy h2,
  .split-feature h3,
  .about-culture-layout h3 { font-size: 30px; }
  .history-river div,
  .method-stack div { grid-template-columns: 1fr; }
  .brand-belief-strip { grid-template-columns: 1fr; }
}


/* 20260613 inner banner link about optimization */
.independent-inner-page .inner-hero-shell { grid-template-columns: minmax(0, 880px); max-width: 1040px; gap: 0; padding-left: 18px; }
.independent-inner-page .inner-hero-main { max-width: 880px; }
.independent-inner-page .inner-hero-main h1 { font-size: 56px; letter-spacing: -1.1px; }
.independent-inner-page .inner-hero-main p { max-width: 820px; }
.independent-inner-page .inner-hero-shell::after { content: ""; position: absolute; right: 36px; bottom: -8px; width: 190px; height: 190px; border-radius: 50%; background: radial-gradient(circle, rgba(115,216,255,.20), rgba(115,216,255,0) 68%); pointer-events: none; }
.about-brand-copy h2 { font-size: 34px; letter-spacing: -.4px; }
.about-brand-points { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 24px; }
.about-brand-points div { padding: 16px 18px; border-left: 3px solid #00A4E4; background: linear-gradient(180deg, #f4f9fe, #fff); border-radius: 12px; }
.about-brand-points b { display: block; margin-bottom: 7px; color: #005BAC; font-size: 13px; font-weight: 900; }
.about-brand-points span { display: block; color: #34495e; font-size: 13px; line-height: 1.55; font-weight: 800; }
.about-capability-section { background: radial-gradient(circle at 12% 16%, rgba(0,164,228,.08), transparent 28%), linear-gradient(180deg, #fff 0%, #f7fbff 100%); }
.about-capability-split { align-items: stretch; }
.about-capability-split h3 { margin: 0 0 18px; color: #14223b; font-size: 34px; line-height: 1.25; font-weight: 900; }
.about-capability-belt { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.about-capability-belt div { position: relative; overflow: hidden; min-height: 154px; padding: 26px 24px; border-radius: 22px; background: #fff; border: 1px solid #e4edf6; box-shadow: 0 15px 38px rgba(0,44,95,.08); }
.about-capability-belt div::after { content: ""; position: absolute; right: -28px; bottom: -32px; width: 96px; height: 96px; border-radius: 50%; background: rgba(0,164,228,.10); }
.about-capability-belt strong { display: block; margin-bottom: 10px; color: #005BAC; font-size: 22px; line-height: 1.25; font-weight: 900; }
.about-capability-belt span { display: block; color: #5f6f86; font-size: 14px; line-height: 1.78; }
.about-culture-layout { grid-template-columns: .9fr 1.1fr; }
.about-culture-layout h3 { font-size: 32px; letter-spacing: -.2px; }
.culture-word-cloud { position: relative; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; gap: 14px 16px; min-height: 320px; padding: 40px; border-radius: 34px; background: radial-gradient(circle at 28% 18%, rgba(0,164,228,.22), transparent 30%), radial-gradient(circle at 78% 76%, rgba(0,91,172,.18), transparent 34%), linear-gradient(135deg, #f5faff, #ffffff); border: 1px solid #e4edf6; box-shadow: 0 24px 70px rgba(0,44,95,.10); }
.culture-word-cloud::before { content: ""; position: absolute; inset: 28px; border: 1px dashed rgba(0,91,172,.18); border-radius: 50%; pointer-events: none; }
.culture-word-cloud span { position: relative; z-index: 1; min-height: auto; padding: 14px 22px; border-radius: 999px; color: #fff; background: linear-gradient(135deg, #06224c, #005BAC 74%, #00A4E4); box-shadow: 0 14px 32px rgba(0,44,95,.15); font-size: 20px; font-weight: 900; }
.culture-word-cloud span:nth-child(1) { transform: translateY(-12px) rotate(-4deg); font-size: 25px; }
.culture-word-cloud span:nth-child(2) { transform: translateY(18px) rotate(5deg); opacity: .92; }
.culture-word-cloud span:nth-child(3) { transform: translateY(-2px) rotate(2deg); background: linear-gradient(135deg, #005BAC, #00A4E4); }
.culture-word-cloud span:nth-child(4) { transform: translateY(24px) rotate(-5deg); background: linear-gradient(135deg, #1b4f86, #4fbbe8); }
.culture-word-cloud span:nth-child(5) { transform: translateY(-18px) rotate(5deg); font-size: 24px; }
.culture-word-cloud span:nth-child(6) { transform: translateY(8px) rotate(-2deg); background: linear-gradient(135deg, #06224c, #0078D4); }
.history-flow { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 18px; margin-top: 42px; }
.history-flow::before { content: ""; position: absolute; left: 5%; right: 5%; top: 58px; height: 2px; background: linear-gradient(90deg, rgba(0,91,172,0), rgba(0,164,228,.65), rgba(0,91,172,0)); }
.history-node { position: relative; overflow: hidden; min-height: 250px; padding: 28px 22px 24px; border-radius: 26px; background: #fff; border: 1px solid #e4edf6; box-shadow: 0 16px 42px rgba(0,44,95,.08); }
.history-node:nth-child(even) { margin-top: 48px; }
.history-node::after { content: ""; position: absolute; right: -34px; bottom: -44px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(0,164,228,.14), rgba(0,164,228,0) 68%); }
.history-node i { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 22px; border-radius: 50%; background: linear-gradient(135deg, #005BAC, #00A4E4); color: #fff; font-style: normal; font-size: 12px; font-weight: 900; box-shadow: 0 10px 24px rgba(0,91,172,.24); }
.history-node b { display: block; margin-bottom: 12px; color: #005BAC; font-size: 25px; line-height: 1.18; font-weight: 900; }
.history-node span { position: relative; z-index: 1; display: block; color: #5f6f86; font-size: 14px; line-height: 1.78; }
@media (max-width: 1180px) { .history-flow { grid-template-columns: repeat(3, minmax(0,1fr)); } .history-flow::before { display: none; } .history-node:nth-child(even) { margin-top: 0; } }
@media (max-width: 768px) { .independent-inner-page .inner-hero-shell { padding-left: 0; } .independent-inner-page .inner-hero-main h1 { font-size: 40px; } .independent-inner-page .inner-hero-shell::after { display: none; } .about-brand-points, .about-capability-belt, .history-flow { grid-template-columns: 1fr; } .about-capability-split h3, .about-culture-layout h3, .about-brand-copy h2 { font-size: 28px; } .culture-word-cloud { min-height: auto; padding: 28px 20px; justify-content: flex-start; } .culture-word-cloud::before { display: none; } .culture-word-cloud span { transform: none !important; font-size: 18px !important; } }

/* 20260613 remove independent inner banner frame and lift copy */
.independent-inner-page .independent-hero {
  min-height: 500px;
  padding: 82px 0 104px;
}
.independent-inner-page .inner-hero-shell {
  align-items: start;
  padding-top: 20px;
}
.independent-inner-page .inner-hero-shell::before {
  content: none;
  display: none;
}
.independent-inner-page .inner-hero-main {
  transform: translateY(-12px);
}
.independent-inner-page .inner-hero-main p {
  max-width: 800px;
}
@media (max-width: 768px) {
  .independent-inner-page .independent-hero {
    min-height: 410px;
    padding: 92px 0 58px;
  }
  .independent-inner-page .inner-hero-shell {
    padding-top: 0;
  }
  .independent-inner-page .inner-hero-main {
    transform: none;
  }
}
@media (max-width: 480px) {
  .independent-inner-page .independent-hero {
    min-height: 390px;
    padding: 88px 0 48px;
  }
  .independent-inner-page .inner-hero-main h1 {
    font-size: 34px;
    line-height: 1.12;
  }
  .independent-inner-page .inner-hero-main p {
    font-size: 15px;
    line-height: 1.78;
  }
  .inner-hero-actions {
    margin-top: 22px;
  }
}

/* 20260614 independent inner pages final optimization */
.independent-inner-page main { background: #fff; }
.independent-inner-page .inner-section { padding: 88px 0; }
.independent-inner-page .inner-soft-section { background: linear-gradient(180deg, #f6f9fd 0%, #ffffff 100%); }
.independent-inner-page .matrix-section-head { max-width: 900px; margin-bottom: 4px; }
.independent-inner-page .matrix-section-head h3 { color: #14223b; letter-spacing: -0.35px; }
.independent-inner-page .matrix-section-head p { max-width: 820px; }
.independent-inner-page .business-pillar-card,
.independent-inner-page .solution-object-card,
.independent-inner-page .platform-module-card,
.independent-inner-page .advantage-independent-card,
.independent-inner-page .case-scenario-independent,
.independent-inner-page .scenario-lane-grid div,
.independent-inner-page .painpoint-map-grid div,
.independent-inner-page .delivery-check-grid div,
.independent-inner-page .value-output-grid div,
.independent-inner-page .platform-flow-board div,
.independent-inner-page .four-flow-grid div,
.independent-inner-page .triangle-team-panel div,
.independent-inner-page .response-standard-grid div,
.independent-inner-page .risk-control-list div,
.independent-inner-page .case-detail-grid div,
.independent-inner-page .prepare-info-grid div,
.independent-inner-page .about-service-map div,
.independent-inner-page .strength-mosaic-grid div,
.independent-inner-page .team-system-grid div,
.independent-inner-page .method-stack div,
.independent-inner-page .case-method-timeline div,
.independent-inner-page .history-river div {
  border-color: #dfeaf5;
  box-shadow: 0 14px 34px rgba(0,44,95,.075);
}
.independent-inner-page .business-pillar-card,
.independent-inner-page .case-scenario-independent { position: relative; overflow: hidden; }
.independent-inner-page .business-pillar-card::after,
.independent-inner-page .case-scenario-independent::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, #005BAC, #00A4E4);
  opacity: .82;
}
.independent-inner-page .business-pillar-card:hover,
.independent-inner-page .case-scenario-independent:hover,
.independent-inner-page .scenario-lane-grid div:hover,
.independent-inner-page .value-output-grid div:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 50px rgba(0,44,95,.12);
}
.independent-inner-page .business-pillar-card,
.independent-inner-page .case-scenario-independent,
.independent-inner-page .scenario-lane-grid div,
.independent-inner-page .value-output-grid div { transition: transform .25s ease, box-shadow .25s ease; }
.service-layer-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.service-layer-strip span {
  padding: 8px 13px;
  border-radius: 999px;
  background: #e8f4ff;
  color: #005BAC;
  font-size: 13px;
  font-weight: 900;
}
.business-priority-grid,
.case-proof-grid,
.case-metric-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  margin-top: 36px;
}
.business-priority-grid div,
.case-proof-grid div {
  padding: 24px 24px;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff, #f6faff);
  border: 1px solid #dfeaf5;
  box-shadow: 0 14px 34px rgba(0,44,95,.075);
}
.business-priority-grid b,
.case-proof-grid b {
  display: block;
  margin-bottom: 9px;
  color: #14223b;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 900;
}
.business-priority-grid span,
.case-proof-grid span {
  color: #5f6f86;
  font-size: 14px;
  line-height: 1.75;
}
.service-process-chain div { position: relative; padding-top: 30px; }
.service-process-chain strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 32px;
  margin-bottom: 14px;
  border-radius: 10px;
  background: linear-gradient(135deg, #005BAC, #00A4E4);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}
.case-card-real { min-height: 460px; }
.case-card-real h3 { max-width: 94%; }
.case-card-real div { margin-top: 14px; }
.case-card-real div:first-of-type { border-left-color: #ffbd59; }
.case-card-real div:nth-of-type(2) { border-left-color: #00A4E4; }
.case-card-real div:nth-of-type(3) { border-left-color: #20c997; }
.case-metric-board { grid-template-columns: repeat(4, minmax(0,1fr)); }
.case-metric-board div {
  padding: 28px 20px;
  border-radius: 20px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  text-align: center;
  color: #fff;
}
.case-metric-board strong {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
}
.case-metric-board span {
  color: rgba(232,247,255,.82);
  font-size: 13px;
  line-height: 1.65;
  font-weight: 700;
}
.independent-inner-page .footer-cta { margin-top: 0; }
@media (max-width: 1024px) {
  .business-priority-grid,
  .case-proof-grid,
  .case-metric-board { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .independent-inner-page .inner-section { padding: 62px 0; }
  .business-priority-grid,
  .case-proof-grid,
  .case-metric-board { grid-template-columns: 1fr; }
  .case-card-real { min-height: auto; }
}

/* 20260614 services page feedback refinement */
.independent-inner-page .service-overview-refined { grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr); }
.independent-inner-page .service-overview-refined h2 {
  max-width: 760px;
  font-size: 40px;
  line-height: 1.18;
  letter-spacing: -0.55px;
}
.independent-inner-page .service-overview-refined p {
  max-width: 760px;
  color: #53677f;
  font-size: 15px;
  line-height: 1.86;
}
.service-layer-strip.refined { gap: 8px; margin-top: 22px; }
.service-layer-strip.refined span {
  padding: 7px 12px;
  background: rgba(0,91,172,.08);
  border: 1px solid rgba(0,91,172,.10);
  color: #005BAC;
  font-size: 12px;
  letter-spacing: .2px;
}
.service-value-statement {
  min-height: 260px;
  padding: 36px 34px;
  border-radius: 20px;
  background: linear-gradient(135deg, #06224c 0%, #005BAC 64%, #00A4E4 100%);
}
.service-value-statement strong {
  max-width: 340px;
  font-size: 26px;
  line-height: 1.32;
  letter-spacing: -0.35px;
}
.service-value-statement span {
  max-width: 360px;
  color: rgba(232,247,255,.80);
  font-size: 14px;
  line-height: 1.82;
}
.service-value-statement em {
  margin-top: 22px;
  color: rgba(255,255,255,.94);
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: .5px;
}
.service-scenario-section { background: #fff; }
.service-scenario-band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 34px;
  border-top: 1px solid #dfeaf5;
  border-bottom: 1px solid #dfeaf5;
  background: linear-gradient(90deg, rgba(0,91,172,.035), rgba(255,255,255,0));
}
.service-scenario-band div {
  min-height: 150px;
  padding: 28px 26px;
  border-right: 1px solid #dfeaf5;
}
.service-scenario-band div:last-child { border-right: 0; }
.service-scenario-band span {
  display: block;
  margin-bottom: 16px;
  color: #00A4E4;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.3px;
}
.service-scenario-band b {
  display: block;
  margin-bottom: 10px;
  color: #14223b;
  font-size: 21px;
  line-height: 1.32;
  font-weight: 900;
}
.service-scenario-band em {
  display: block;
  color: #5f6f86;
  font-size: 13px;
  line-height: 1.75;
  font-style: normal;
  font-weight: 600;
}
.service-standard-layout { grid-template-columns: .9fr 1.1fr; align-items: center; }
.service-standard-copy h3 {
  max-width: 520px;
  font-size: 34px;
  line-height: 1.24;
  letter-spacing: -0.45px;
}
.service-standard-copy p { max-width: 560px; color: #53677f; }
.service-standard-panel {
  display: grid;
  gap: 0;
  padding: 6px 0;
  border-top: 1px solid #dce8f3;
  border-bottom: 1px solid #dce8f3;
}
.service-standard-panel div {
  display: grid;
  grid-template-columns: 58px 130px 1fr;
  align-items: center;
  gap: 18px;
  min-height: 76px;
  padding: 18px 4px;
  border-bottom: 1px solid #e6eef7;
}
.service-standard-panel div:last-child { border-bottom: 0; }
.service-standard-panel span {
  color: #00A4E4;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1px;
}
.service-standard-panel b {
  color: #14223b;
  font-size: 19px;
  line-height: 1.35;
  font-weight: 900;
}
.service-standard-panel em {
  color: #5f6f86;
  font-size: 13px;
  line-height: 1.72;
  font-style: normal;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .service-scenario-band { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-scenario-band div:nth-child(2) { border-right: 0; }
  .service-scenario-band div:nth-child(-n+2) { border-bottom: 1px solid #dfeaf5; }
}
@media (max-width: 768px) {
  .independent-inner-page .service-overview-refined,
  .service-standard-layout { grid-template-columns: 1fr; }
  .independent-inner-page .service-overview-refined h2,
  .service-standard-copy h3 { font-size: 30px; }
  .service-scenario-band { grid-template-columns: 1fr; }
  .service-scenario-band div { border-right: 0; border-bottom: 1px solid #dfeaf5; }
  .service-scenario-band div:last-child { border-bottom: 0; }
  .service-standard-panel div { grid-template-columns: 42px 1fr; gap: 8px 14px; }
  .service-standard-panel em { grid-column: 2; }
}

/* 20260614 six inner pages systematic refinement */
.independent-inner-page .inner-blue-section .matrix-section-head.light h3,
.independent-inner-page .inner-blue-section .matrix-section-head.light .section-kicker,
.independent-inner-page .inner-blue-section .matrix-section-head.light p { color: #fff !important; }
.independent-inner-page .inner-blue-section .matrix-section-head.light .section-kicker::before,
.independent-inner-page .inner-blue-section .matrix-section-head.light .section-kicker::after { background: rgba(255,255,255,.65) !important; }
.service-hr-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 52px; align-items: center; }
.service-hr-copy h3 { margin: 0 0 18px; color: #14223b; font-size: 36px; line-height: 1.25; font-weight: 900; letter-spacing: -.45px; }
.service-hr-copy p { margin-bottom: 14px; color: #53677f; font-size: 15px; line-height: 1.9; }
.service-hr-flow { counter-reset: flow; display: grid; gap: 0; border-top: 1px solid #dce8f3; border-bottom: 1px solid #dce8f3; }
.service-hr-flow div { display: grid; grid-template-columns: 120px 1fr; gap: 20px; padding: 22px 0; border-bottom: 1px solid #e7eff7; }
.service-hr-flow div:last-child { border-bottom: 0; }
.service-hr-flow b { color: #005BAC; font-size: 20px; }
.service-hr-flow span { color: #53677f; font-size: 14px; line-height: 1.75; }
.industry-solution-ledger { margin-top: 36px; border-top: 1px solid #dce8f3; }
.industry-solution-ledger article { display: grid; grid-template-columns: 150px 290px 1fr; gap: 28px; align-items: start; padding: 26px 0; border-bottom: 1px solid #dce8f3; }
.industry-solution-ledger b { color: #005BAC; font-size: 18px; font-weight: 900; }
.industry-solution-ledger strong { color: #14223b; font-size: 22px; line-height: 1.35; }
.industry-solution-ledger p { color: #53677f; font-size: 14px; line-height: 1.85; }
.network-service-line { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 36px; color: #fff; }
.network-service-line span { color: #fff; font-size: 15px; font-weight: 900; white-space: nowrap; }
.network-service-line i { display: block; width: 36px; height: 1px; background: rgba(255,255,255,.48); }
.painpoint-line-list { margin-top: 34px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); border-top: 1px solid #dce8f3; border-left: 1px solid #dce8f3; }
.painpoint-line-list div { padding: 24px 26px; border-right: 1px solid #dce8f3; border-bottom: 1px solid #dce8f3; background: linear-gradient(180deg, #fff, #f8fbff); }
.painpoint-line-list b { display: block; margin-bottom: 8px; color: #14223b; font-size: 20px; }
.painpoint-line-list span { color: #5f6f86; font-size: 14px; line-height: 1.78; }
.regional-support-timeline { margin-top: 34px; display: grid; gap: 0; border-left: 3px solid #00A4E4; }
.regional-support-timeline div { position: relative; padding: 0 0 30px 34px; }
.regional-support-timeline div::before { content: ""; position: absolute; left: -9px; top: 4px; width: 15px; height: 15px; border-radius: 50%; background: #005BAC; box-shadow: 0 0 0 6px #e8f4ff; }
.regional-support-timeline b { display: block; margin-bottom: 7px; color: #14223b; font-size: 21px; }
.regional-support-timeline span { color: #53677f; line-height: 1.78; }
.platform-refined-section .inner-two-col h2 { font-size: 38px; line-height: 1.24; }
.smart-tool-line { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 18px; margin-top: 34px; }
.smart-tool-line span { padding: 14px 20px; border-bottom: 2px solid rgba(255,255,255,.50); color: #fff; font-size: 17px; font-weight: 900; }
.advantage-hero-copy { max-width: 980px; margin: 0 auto 36px; text-align: center; }
.advantage-hero-copy h3 { margin: 0 0 18px; color: #14223b; font-size: 38px; line-height: 1.23; font-weight: 900; }
.advantage-hero-copy p { color: #53677f; font-size: 15px; line-height: 1.9; }
.advantage-core-line { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); border-top: 1px solid #dce8f3; border-bottom: 1px solid #dce8f3; }
.advantage-core-line div { min-height: 150px; padding: 26px 20px; border-right: 1px solid #dce8f3; }
.advantage-core-line div:last-child { border-right: 0; }
.advantage-core-line b { display: block; margin-bottom: 10px; color: #005BAC; font-size: 20px; }
.advantage-core-line span { color: #53677f; font-size: 13px; line-height: 1.75; }
.advantage-capability-path { display: grid; gap: 0; border-top: 1px solid #dce8f3; border-bottom: 1px solid #dce8f3; }
.advantage-capability-path div { display: grid; grid-template-columns: 58px 120px 1fr; gap: 18px; align-items: center; padding: 19px 0; border-bottom: 1px solid #e7eff7; }
.advantage-capability-path div:last-child { border-bottom: 0; }
.advantage-capability-path span { color: #00A4E4; font-size: 12px; font-weight: 900; letter-spacing: 1px; }
.advantage-capability-path b { color: #14223b; font-size: 19px; }
.advantage-capability-path em { color: #53677f; font-style: normal; line-height: 1.75; }
.advantage-proof-list { margin-top: 34px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 28px 48px; }
.advantage-proof-list div { padding-left: 20px; border-left: 3px solid #00A4E4; }
.advantage-proof-list b { display: block; margin-bottom: 9px; color: #14223b; font-size: 22px; }
.advantage-proof-list span { color: #53677f; font-size: 14px; line-height: 1.82; }
.response-standard-line { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 0; margin-top: 36px; border-top: 1px solid rgba(255,255,255,.36); border-bottom: 1px solid rgba(255,255,255,.36); }
.response-standard-line div { padding: 26px 22px; border-right: 1px solid rgba(255,255,255,.24); }
.response-standard-line div:last-child { border-right: 0; }
.response-standard-line b { display: block; margin-bottom: 10px; color: #fff; font-size: 25px; }
.response-standard-line span { color: rgba(255,255,255,.82); font-size: 14px; line-height: 1.7; }
.case-story-list { margin-top: 36px; display: grid; gap: 22px; }
.case-story-item { display: grid; grid-template-columns: 170px minmax(260px,.75fr) 1.1fr; gap: 28px; padding: 28px 0; border-top: 1px solid #dce8f3; }
.case-story-item:last-child { border-bottom: 1px solid #dce8f3; }
.case-story-item > span { color: #005BAC; font-size: 13px; font-weight: 900; letter-spacing: .4px; }
.case-story-item h3 { color: #14223b; font-size: 24px; line-height: 1.34; }
.case-story-item p { color: #53677f; font-size: 14px; line-height: 1.85; }
.case-story-item dl { margin: 0; display: grid; gap: 12px; }
.case-story-item dt { color: #005BAC; font-weight: 900; }
.case-story-item dd { margin: 0; color: #53677f; line-height: 1.72; }
.about-profile-refined .about-brand-points.one-line { display: flex; flex-wrap: nowrap; gap: 14px; }
.about-profile-refined .about-brand-points.one-line div { min-width: 0; flex: 1; }
.about-profile-refined .about-brand-points.one-line span { white-space: nowrap; font-size: 15px; }
.history-ellipse { position: relative; display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 18px; margin-top: 54px; padding: 42px 18px 26px; }
.history-ellipse::before { content: ""; position: absolute; left: 26px; right: 26px; top: 16px; bottom: 12px; border: 1px dashed rgba(0,91,172,.22); border-radius: 50%; pointer-events: none; }
.history-ellipse .history-node { position: relative; min-height: 210px; padding: 24px 18px; background: rgba(255,255,255,.72); border: 1px solid #dfeaf5; border-radius: 24px; box-shadow: 0 14px 34px rgba(0,44,95,.075); }
.history-ellipse .history-node:nth-child(even) { transform: translateY(38px); }
.history-ellipse i { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(135deg,#005BAC,#00A4E4); color: #fff; font-style: normal; font-size: 12px; font-weight: 900; }
.history-ellipse b { display: block; margin: 22px 0 12px; color: #005BAC; font-size: 26px; }
.history-ellipse span { color: #53677f; line-height: 1.78; }
.about-overall-strip { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: 34px; border-top: 1px solid #dce8f3; border-bottom: 1px solid #dce8f3; }
.about-overall-strip div { padding: 26px 22px; border-right: 1px solid #dce8f3; }
.about-overall-strip div:last-child { border-right: 0; }
.about-overall-strip b { display: block; color: #005BAC; font-size: 20px; margin-bottom: 10px; }
.about-overall-strip span { color: #53677f; line-height: 1.76; }
.about-service-slider { display: flex; gap: 18px; overflow-x: auto; margin-top: 34px; padding-bottom: 12px; scroll-snap-type: x proximity; }
.about-service-slider article { flex: 0 0 360px; scroll-snap-align: start; padding: 28px 26px; border-radius: 22px; background: linear-gradient(180deg,#fff,#f6faff); border: 1px solid #dfeaf5; }
.about-service-slider b { display: block; margin-bottom: 12px; color: #14223b; font-size: 22px; }
.about-service-slider span { color: #53677f; line-height: 1.82; }
.culture-ellipse-layout { grid-template-columns: .9fr 1.1fr; }
.culture-ellipse { position: relative; min-height: 300px; border: 1px dashed rgba(0,91,172,.22); border-radius: 50%; background: radial-gradient(circle, rgba(0,164,228,.10), rgba(255,255,255,.6) 68%); }
.culture-ellipse span { position: absolute; display: flex; align-items: center; justify-content: center; width: 86px; height: 54px; border-radius: 50%; color: #fff; background: linear-gradient(135deg,#005BAC,#00A4E4); box-shadow: 0 14px 28px rgba(0,91,172,.22); font-size: 20px; font-weight: 900; }
.culture-ellipse span:nth-child(1) { left: 11%; top: 26%; }
.culture-ellipse span:nth-child(2) { left: 42%; top: 14%; }
.culture-ellipse span:nth-child(3) { right: 11%; top: 28%; }
.culture-ellipse span:nth-child(4) { left: 24%; bottom: 25%; }
.culture-ellipse span:nth-child(5) { right: 26%; bottom: 20%; }
.culture-ellipse span:nth-child(6) { left: 50%; top: 48%; transform: translate(-50%, -50%); background: linear-gradient(135deg,#06224c,#005BAC); }
@media (max-width: 1180px) {
  .industry-solution-ledger article,
  .case-story-item { grid-template-columns: 1fr; gap: 12px; }
  .advantage-core-line,
  .about-overall-strip { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .history-ellipse { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .history-ellipse::before { border-radius: 38%; }
}
@media (max-width: 768px) {
  .service-hr-layout,
  .culture-ellipse-layout { grid-template-columns: 1fr; }
  .service-hr-flow div,
  .advantage-capability-path div { grid-template-columns: 1fr; }
  .painpoint-line-list,
  .advantage-proof-list,
  .response-standard-line,
  .advantage-core-line,
  .about-overall-strip,
  .history-ellipse { grid-template-columns: 1fr; }
  .network-service-line { flex-direction: column; }
  .network-service-line i { width: 1px; height: 22px; }
  .history-ellipse .history-node:nth-child(even) { transform: none; }
  .about-profile-refined .about-brand-points.one-line { flex-wrap: wrap; }
  .about-profile-refined .about-brand-points.one-line span { white-space: normal; }
  .culture-ellipse { min-height: 360px; border-radius: 34px; }
}

/* 20260614 current feedback correction: spacing, typography, platform, advantages, cases, about */
.page-services .service-air-section { padding-top: 104px; }
.page-services .business-pillar-air { margin-top: 34px; row-gap: 32px; }
.page-services .service-overview-refined { margin-bottom: 28px; }
.page-services .service-overview-refined h2,
.page-platform .platform-refined-section .inner-two-col h2 { font-size: 36px !important; line-height: 1.22 !important; letter-spacing: -.35px !important; }
.page-services .service-overview-refined p,
.page-platform .platform-refined-section .inner-two-col p,
.page-advantages .advantage-tech-layout p { font-size: 14px !important; line-height: 1.82 !important; max-width: 760px; }
.page-services .matrix-section-head h3,
.page-platform .matrix-section-head h3,
.page-advantages .matrix-section-head h3 { font-size: 30px !important; line-height: 1.26 !important; letter-spacing: -.25px !important; }
.page-services .matrix-section-head p,
.page-platform .matrix-section-head p,
.page-advantages .matrix-section-head p { font-size: 14px; line-height: 1.8; max-width: 720px; }
.page-services .business-pillar-card { padding-top: 30px; }
.page-services .business-pillar-card h3 { font-size: 24px; }
.page-services .business-pillar-card p { font-size: 14px; line-height: 1.78; }
.page-services .service-value-statement strong { font-size: 24px; }
.page-services .service-value-statement span { font-size: 13px; }

.page-platform .platform-module-card h3 { font-size: 23px; }
.page-platform .platform-module-card p { font-size: 14px; line-height: 1.75; }
.platform-tools-redesign { position: relative; overflow: hidden; }
.smart-tool-orbit { position: relative; min-height: 430px; margin-top: 36px; border-radius: 34px; border: 1px solid rgba(255,255,255,.20); background: radial-gradient(circle at 50% 48%, rgba(255,255,255,.18), rgba(255,255,255,.04) 42%, transparent 70%); }
.smart-tool-orbit::before,
.smart-tool-orbit::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.24); border-radius: 50%; pointer-events: none; }
.smart-tool-orbit::before { width: 78%; height: 64%; }
.smart-tool-orbit::after { width: 56%; height: 42%; }
.smart-tool-orbit .tool-core { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); width: 220px; height: 116px; border-radius: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg,#fff,rgba(255,255,255,.82)); box-shadow: 0 24px 60px rgba(0,28,68,.28); text-align: center; }
.smart-tool-orbit .tool-core strong { color: #005BAC; font-size: 20px; line-height: 1.2; font-weight: 900; }
.smart-tool-orbit .tool-core span { margin-top: 8px; color: #4f6580; font-size: 12px; font-weight: 800; }
.smart-tool-orbit ul { list-style: none; margin: 0; padding: 0; }
.smart-tool-orbit li { position: absolute; z-index: 3; width: 178px; padding: 13px 16px; border-radius: 18px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(8px); box-shadow: 0 16px 34px rgba(0,28,68,.16); }
.smart-tool-orbit li b { display: block; color: #fff; font-size: 15px; line-height: 1.25; }
.smart-tool-orbit li em { display: block; margin-top: 6px; color: rgba(255,255,255,.74); font-size: 12px; line-height: 1.45; font-style: normal; }
.smart-tool-orbit li:nth-child(1){left:8%;top:16%;}.smart-tool-orbit li:nth-child(2){left:39%;top:5%;}.smart-tool-orbit li:nth-child(3){right:8%;top:16%;}.smart-tool-orbit li:nth-child(4){right:5%;top:48%;}.smart-tool-orbit li:nth-child(5){right:18%;bottom:8%;}.smart-tool-orbit li:nth-child(6){left:39%;bottom:4%;}.smart-tool-orbit li:nth-child(7){left:8%;bottom:11%;}.smart-tool-orbit li:nth-child(8){left:5%;top:48%;}
.client-value-radar { position: relative; min-height: 360px; margin-top: 34px; border-radius: 32px; background: radial-gradient(circle at 50% 50%, rgba(0,164,228,.14), rgba(255,255,255,0) 42%), linear-gradient(135deg,#f7fbff,#fff); border: 1px solid #e2edf7; }
.client-value-radar::before { content:""; position:absolute; inset:46px 110px; border:1px dashed rgba(0,91,172,.24); border-radius:50%; }
.client-value-radar .value-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:118px; height:118px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; text-align:center; font-size:20px; line-height:1.28; font-weight:900; background:linear-gradient(135deg,#06224c,#005BAC); box-shadow:0 18px 42px rgba(0,91,172,.22); }
.client-value-radar .value-axis { position:absolute; width:180px; padding:16px 18px; border-radius:20px; background:#fff; border:1px solid #dfeaf5; box-shadow:0 16px 38px rgba(0,44,95,.08); }
.client-value-radar .value-axis b { display:block; color:#005BAC; font-size:19px; margin-bottom:6px; }
.client-value-radar .value-axis span { color:#53677f; font-size:13px; line-height:1.55; }
.client-value-radar .value-axis:nth-child(1){left:12%;top:18%;}.client-value-radar .value-axis:nth-child(2){right:12%;top:18%;}.client-value-radar .value-axis:nth-child(3){left:12%;bottom:18%;}.client-value-radar .value-axis:nth-child(4){right:12%;bottom:18%;}

.advantage-tech-hero { background: radial-gradient(circle at 82% 16%, rgba(0,164,228,.10), transparent 28%), #fff; }
.advantage-tech-layout { display:grid; grid-template-columns: 1fr 380px; gap:48px; align-items:center; margin-bottom:42px; }
.advantage-tech-layout h3 { margin:0 0 16px; color:#14223b; font-size:30px; line-height:1.26; font-weight:900; }
.advantage-signal-board { min-height:210px; padding:34px 32px; border-radius:28px; color:#fff; background:linear-gradient(135deg,#06224c,#005BAC 68%,#00A4E4); box-shadow:0 24px 60px rgba(0,91,172,.20); }
.advantage-signal-board strong { display:block; margin-bottom:18px; font-size:27px; line-height:1.22; }
.advantage-signal-board span { color:rgba(255,255,255,.78); font-size:14px; line-height:1.78; }
.advantage-tech-grid .advantage-independent-card { min-height:230px; background:linear-gradient(180deg,#fff,#f7fbff); }
.advantage-tech-grid .advantage-independent-card h3 { font-size:22px; }
.advantage-tech-grid .advantage-independent-card p { font-size:14px; line-height:1.74; }
.advantage-result-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:34px; border-top:1px solid #dce8f3; border-bottom:1px solid #dce8f3; background:linear-gradient(90deg,rgba(0,91,172,.035),transparent); }
.advantage-result-strip div { padding:28px 24px; border-right:1px solid #dce8f3; }
.advantage-result-strip div:last-child{border-right:0}.advantage-result-strip b{display:block;color:#005BAC;font-size:22px;margin-bottom:10px}.advantage-result-strip span{color:#53677f;font-size:14px;line-height:1.72}

.case-gallery-section { background: radial-gradient(circle at 80% 8%, rgba(0,164,228,.10), transparent 26%), #fff; }
.case-feature-grid { display:grid; grid-template-columns: 1.25fr .75fr; gap:24px; margin-top:38px; }
.case-feature-main { min-height:360px; padding:36px; border-radius:30px; color:#fff; background:linear-gradient(135deg,#06224c,#005BAC 65%,#00A4E4); box-shadow:0 24px 64px rgba(0,91,172,.20); }
.case-feature-main > span { color:rgba(255,255,255,.76); font-size:13px; letter-spacing:1px; font-weight:900; }
.case-feature-main h3 { margin:18px 0 16px; color:#fff; font-size:32px; line-height:1.25; }
.case-feature-main p { color:rgba(255,255,255,.80); font-size:15px; line-height:1.82; max-width:700px; }
.case-feature-main div { margin-top:20px; padding-top:18px; border-top:1px solid rgba(255,255,255,.20); }
.case-feature-main b { display:block; color:#fff; margin-bottom:6px; }.case-feature-main em { color:rgba(255,255,255,.78); font-style:normal; line-height:1.7; }
.case-feature-side { display:grid; gap:24px; }
.case-feature-side div { padding:28px; border-radius:26px; background:#fff; border:1px solid #dfeaf5; box-shadow:0 16px 42px rgba(0,44,95,.08); }
.case-feature-side b { display:block; color:#005BAC; font-size:24px; margin-bottom:12px; }.case-feature-side span { color:#53677f; line-height:1.78; }
.case-card-wall { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; margin-top:20px; }
.case-card-wall article { min-height:250px; padding:24px 20px; border-radius:24px; background:linear-gradient(180deg,#fff,#f7fbff); border:1px solid #dfeaf5; box-shadow:0 14px 34px rgba(0,44,95,.07); }
.case-card-wall span { color:#00A4E4; font-size:12px; font-weight:900; letter-spacing:1px; }.case-card-wall h3 { margin:14px 0 10px; color:#14223b; font-size:21px; line-height:1.35; }.case-card-wall p { color:#53677f; font-size:13px; line-height:1.72; }.case-card-wall em { display:block; margin-top:14px; color:#005BAC; font-size:13px; line-height:1.65; font-style:normal; font-weight:800; }

.page-about .about-profile-refined .about-brand-points.one-line { display:grid !important; grid-template-columns:1fr 1.25fr 1fr; gap:14px; }
.page-about .about-profile-refined .about-brand-points.one-line div { min-width:0; overflow:visible; padding:15px 14px; }
.page-about .about-profile-refined .about-brand-points.one-line span { white-space:nowrap; font-size:13px; letter-spacing:-.1px; }
.page-about .about-culture-layout h3 { font-size:30px; line-height:1.3; }
.page-about .about-culture-layout p { font-size:14px; line-height:1.9; }
.page-about .culture-ellipse { min-height:360px; border:0; background:transparent; }
.page-about .culture-ellipse::before { content:""; position:absolute; left:7%; right:7%; top:15%; bottom:13%; border:1.5px dashed rgba(0,91,172,.26); border-radius:50%; }
.page-about .culture-ellipse span { width:88px; height:56px; z-index:2; font-size:18px; transform:translate(-50%,-50%); box-shadow:0 16px 30px rgba(0,91,172,.20); }
.page-about .culture-ellipse span:nth-child(1){left:18%;top:31%;}.page-about .culture-ellipse span:nth-child(2){left:50%;top:16%;}.page-about .culture-ellipse span:nth-child(3){left:82%;top:31%;}.page-about .culture-ellipse span:nth-child(4){left:18%;top:69%;}.page-about .culture-ellipse span:nth-child(5){left:50%;top:84%;}.page-about .culture-ellipse span:nth-child(6){left:82%;top:69%; background:linear-gradient(135deg,#06224c,#005BAC);}

@media (max-width:1180px){.smart-tool-orbit{min-height:auto;padding:30px}.smart-tool-orbit::before,.smart-tool-orbit::after{display:none}.smart-tool-orbit .tool-core{position:relative;left:auto;top:auto;transform:none;margin:0 auto 22px}.smart-tool-orbit li{position:static;width:auto}.smart-tool-orbit ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-card-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.advantage-tech-layout,.case-feature-grid{grid-template-columns:1fr}.advantage-result-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.page-services .service-air-section{padding-top:68px}.page-services .service-overview-refined h2,.page-platform .platform-refined-section .inner-two-col h2{font-size:30px!important}.page-services .matrix-section-head h3,.page-platform .matrix-section-head h3,.page-advantages .matrix-section-head h3,.advantage-tech-layout h3{font-size:26px!important}.smart-tool-orbit ul,.case-card-wall,.advantage-result-strip,.page-about .about-profile-refined .about-brand-points.one-line{grid-template-columns:1fr}.client-value-radar{min-height:auto;padding:24px}.client-value-radar::before{display:none}.client-value-radar .value-center{position:relative;left:auto;top:auto;transform:none;margin:0 auto 18px}.client-value-radar .value-axis{position:static;width:auto;margin-bottom:12px}.page-about .culture-ellipse{min-height:420px}.case-feature-main h3{font-size:26px}}

/* 20260615 services page content expansion */
.page-services .service-overview-with-photo { grid-template-columns: minmax(0, 1.08fr) minmax(390px, .78fr); gap: 62px; align-items: center; }
.page-services .service-overview-with-photo h2 { font-size: 34px !important; line-height: 1.24 !important; }
.page-services .service-overview-with-photo p { font-size: 13px !important; line-height: 1.78 !important; max-width: 780px; margin-bottom: 12px; }
.service-overview-photo { position: relative; min-height: 360px; border-radius: 28px; overflow: hidden; box-shadow: 0 26px 70px rgba(0,44,95,.14); background: #eaf3fb; }
.service-overview-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(6,34,76,.35), rgba(0,164,228,.05)); pointer-events: none; }
.service-overview-photo img { width: 100%; height: 100%; min-height: 360px; object-fit: cover; display: block; }
.service-intro-panel { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0; margin: 42px 0 12px; border-top: 1px solid #dce8f3; border-bottom: 1px solid #dce8f3; }
.service-intro-panel div { padding: 26px 28px; border-right: 1px solid #dce8f3; background: linear-gradient(180deg, rgba(246,250,255,.75), rgba(255,255,255,.45)); }
.service-intro-panel div:last-child { border-right: 0; }
.service-intro-panel b { display: block; margin-bottom: 10px; color: #005BAC; font-size: 19px; font-weight: 900; }
.service-intro-panel span { color: #53677f; font-size: 13px; line-height: 1.74; }
.page-services .service-hr-copy h3 { font-size: 30px !important; line-height: 1.3 !important; max-width: 500px; }
.page-services .service-hr-copy p { font-size: 13px !important; line-height: 1.82 !important; }
.page-services .service-hr-flow b { font-size: 18px; }
.page-services .service-hr-flow span { font-size: 13px; }
.service-scope-section { background: #fff; }
.service-scope-layout { display: grid; grid-template-columns: 350px 1fr; gap: 52px; align-items: stretch; margin-top: 34px; }
.scope-main { position: relative; overflow: hidden; padding: 36px 32px; border-radius: 30px; color: #fff; background: linear-gradient(135deg, #06224c, #005BAC 68%, #00A4E4); box-shadow: 0 24px 64px rgba(0,91,172,.18); }
.scope-main::after { content: ""; position: absolute; right: -50px; bottom: -60px; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,255,255,.10); }
.scope-main strong { display: block; margin-bottom: 18px; color: #fff; font-size: 28px; line-height: 1.24; font-weight: 900; }
.scope-main p { color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.86; }
.scope-list { display: grid; gap: 0; border-top: 1px solid #dce8f3; border-bottom: 1px solid #dce8f3; }
.scope-list div { display: grid; grid-template-columns: 150px 1fr; gap: 24px; align-items: center; min-height: 72px; padding: 18px 0; border-bottom: 1px solid #e7eff7; }
.scope-list div:last-child { border-bottom: 0; }
.scope-list b { color: #005BAC; font-size: 18px; font-weight: 900; }
.scope-list span { color: #53677f; font-size: 13px; line-height: 1.72; }
.service-combination-layout { align-items: center; }
.service-combination-layout h3 { font-size: 30px !important; line-height: 1.28 !important; }
.service-combination-layout p { font-size: 14px; line-height: 1.82; color: #53677f; }
.combination-map { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.combination-map div { position: relative; min-height: 155px; padding: 24px 22px; border-radius: 24px; background: linear-gradient(180deg, #fff, #f7fbff); border: 1px solid #dfeaf5; box-shadow: 0 14px 34px rgba(0,44,95,.07); overflow: hidden; }
.combination-map div::after { content: ""; position: absolute; right: -34px; bottom: -42px; width: 112px; height: 112px; border-radius: 50%; background: rgba(0,164,228,.10); }
.combination-map span { display: block; margin-bottom: 10px; color: #00A4E4; font-size: 12px; font-weight: 900; letter-spacing: 1px; }
.combination-map b { display: block; margin-bottom: 10px; color: #14223b; font-size: 20px; line-height: 1.32; font-weight: 900; }
.combination-map em { color: #53677f; font-size: 13px; line-height: 1.68; font-style: normal; }
@media (max-width: 1180px) { .page-services .service-overview-with-photo, .service-scope-layout { grid-template-columns: 1fr; } .service-intro-panel { grid-template-columns: 1fr; } .service-intro-panel div { border-right: 0; border-bottom: 1px solid #dce8f3; } .service-intro-panel div:last-child { border-bottom: 0; } }
@media (max-width: 768px) { .service-overview-photo, .service-overview-photo img { min-height: 260px; } .service-scope-layout { gap: 28px; } .scope-list div, .combination-map { grid-template-columns: 1fr; } .service-combination-layout h3, .page-services .service-hr-copy h3 { font-size: 26px !important; } }

/* 20260615 services spacing and scope matrix refinement */
.page-services .inner-section { padding: 62px 0; }
.page-services .service-air-section { padding-top: 92px; padding-bottom: 58px; }
.page-services .service-hr-outsourcing-section { padding-top: 58px; padding-bottom: 54px; }
.page-services .service-scope-matrix-section { padding-top: 52px; padding-bottom: 56px; background: #fff; }
.page-services .service-combination-section { padding-top: 56px; padding-bottom: 58px; }
.page-services .service-scenario-section { padding-top: 54px; padding-bottom: 56px; }
.page-services .service-standard-section { padding-top: 56px; padding-bottom: 58px; }
.page-services main > section + section { margin-top: 0; }
.page-services .matrix-section-head { margin-bottom: 0; }
.page-services .matrix-section-head h3 { margin-bottom: 12px; }
.page-services .matrix-section-head p { margin-top: 0; }

.page-services .service-hr-layout { grid-template-columns: .92fr 1.08fr; gap: 46px; align-items: center; }
.page-services .service-hr-copy p { font-size: 14px !important; line-height: 1.86 !important; }
.page-services .service-hr-flow div { grid-template-columns: 120px 1fr; padding: 20px 0; }
.page-services .service-hr-flow b { font-size: 18px; }
.page-services .service-hr-flow span { font-size: 14px; line-height: 1.76; }

.service-cycle-matrix { margin-top: 34px; display: grid; gap: 16px; }
.service-cycle-matrix .cycle-row {
  display: grid;
  grid-template-columns: 220px repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(0,91,172,.075), rgba(255,255,255,.86));
  border: 1px solid #dfeaf5;
}
.service-cycle-matrix .cycle-label {
  position: relative;
  overflow: hidden;
  min-height: 126px;
  padding: 25px 22px;
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, #005BAC 0%, #00A4E4 100%);
  box-shadow: 0 18px 42px rgba(0,91,172,.16);
}
.service-cycle-matrix .cycle-label::after {
  content: "";
  position: absolute;
  right: -34px;
  bottom: -42px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
}
.service-cycle-matrix .cycle-label strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 26px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -.3px;
}
.service-cycle-matrix .cycle-label span {
  position: relative;
  z-index: 1;
  color: rgba(255,255,255,.86);
  font-size: 13px;
  line-height: 1.68;
  font-weight: 700;
}
.service-cycle-matrix article {
  position: relative;
  min-height: 126px;
  padding: 28px 28px 24px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,251,255,.86));
  border: 1px solid rgba(202,221,240,.88);
  box-shadow: 0 12px 30px rgba(0,44,95,.055);
}
.service-cycle-matrix article::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 20px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,164,228,.16), rgba(0,164,228,0) 68%);
}
.service-cycle-matrix article b {
  display: block;
  margin-bottom: 10px;
  color: #14223b;
  font-size: 20px;
  line-height: 1.28;
  font-weight: 900;
}
.service-cycle-matrix article em {
  color: #53677f;
  font-size: 13px;
  line-height: 1.68;
  font-style: normal;
  font-weight: 650;
}

.page-services .process-chain { margin-top: 30px; }
.page-services .service-scenario-band { margin-top: 28px; }
.page-services .service-standard-panel div { min-height: 68px; padding: 15px 4px; }
.page-services .value-output-grid { margin-top: 28px; }

@media (max-width: 1180px) {
  .service-cycle-matrix .cycle-row { grid-template-columns: 1fr 1fr; }
  .service-cycle-matrix .cycle-label { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
  .page-services .inner-section,
  .page-services .service-air-section,
  .page-services .service-hr-outsourcing-section,
  .page-services .service-scope-matrix-section,
  .page-services .service-combination-section,
  .page-services .service-scenario-section,
  .page-services .service-standard-section { padding-top: 48px; padding-bottom: 48px; }
  .page-services .service-hr-layout,
  .service-cycle-matrix .cycle-row { grid-template-columns: 1fr; }
  .service-cycle-matrix .cycle-label strong { font-size: 23px; }
}

/* 20260615 services image and duplicate content correction */
.page-services .service-overview-photo img { object-position: center center; }
.page-services .service-hr-value-layout { grid-template-columns: .98fr 1.02fr; }
.page-services .service-hr-value-layout .service-hr-copy h3 { max-width: 560px; }
.page-services .service-hr-value-flow b { color: #005BAC; }
.page-services .service-hr-value-flow span { color: #53677f; }
.page-services .service-cycle-matrix { margin-top: 30px; }

/* 20260619 industry ten sectors and national network refinement */
.page-industry .matrix-section-head h3 { font-size: 30px !important; line-height: 1.26 !important; letter-spacing: -.25px !important; }
.page-industry .matrix-section-head p { max-width: 820px; font-size: 14px; line-height: 1.82; }
.industry-ten-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 34px;
  border-top: 1px solid #dce8f3;
  border-left: 1px solid #dce8f3;
  background: #fff;
}
.industry-ten-board article {
  position: relative;
  min-height: 205px;
  padding: 26px 28px 24px 74px;
  border-right: 1px solid #dce8f3;
  border-bottom: 1px solid #dce8f3;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,251,255,.86));
}
.industry-ten-board article::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 32px;
  bottom: 32px;
  width: 2px;
  background: linear-gradient(180deg, #005BAC, rgba(0,164,228,.18));
}
.industry-ten-board article > span {
  position: absolute;
  left: 24px;
  top: 22px;
  color: #00A4E4;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 900;
}
.industry-ten-board strong {
  display: block;
  margin-bottom: 13px;
  color: #14223b;
  font-size: 23px;
  line-height: 1.28;
  font-weight: 900;
}
.industry-ten-board p {
  margin: 8px 0 0;
  color: #53677f;
  font-size: 13px;
  line-height: 1.7;
}
.industry-ten-board b { color: #005BAC; margin-right: 6px; }
.industry-network-section { overflow: hidden; }
.network-capability-line {
  display: grid;
  grid-template-columns: 1fr 34px 1fr 34px 1fr 34px 1fr;
  align-items: center;
  margin-top: 40px;
  color: #fff;
}
.network-capability-line div {
  min-height: 118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px 20px;
  border-top: 1px solid rgba(255,255,255,.28);
  border-bottom: 1px solid rgba(255,255,255,.28);
}
.network-capability-line strong {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 900;
}
.network-capability-line span {
  color: rgba(255,255,255,.78);
  font-size: 13px;
  line-height: 1.65;
  font-weight: 700;
}
.network-capability-line i {
  display: block;
  height: 1px;
  background: rgba(255,255,255,.45);
}
.regional-service-map {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 34px;
  border-top: 1px solid #dce8f3;
  border-bottom: 1px solid #dce8f3;
  background: linear-gradient(90deg, rgba(0,91,172,.035), rgba(255,255,255,0));
}
.regional-service-map div {
  min-height: 150px;
  padding: 28px 24px;
  border-right: 1px solid #dce8f3;
}
.regional-service-map div:last-child { border-right: 0; }
.regional-service-map b {
  display: block;
  margin-bottom: 11px;
  color: #005BAC;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 900;
}
.regional-service-map span {
  color: #53677f;
  font-size: 13px;
  line-height: 1.75;
  font-weight: 650;
}
@media (max-width: 1180px) {
  .industry-ten-board { grid-template-columns: 1fr; }
  .network-capability-line { grid-template-columns: 1fr; gap: 12px; }
  .network-capability-line i { display: none; }
  .regional-service-map { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .page-industry .matrix-section-head h3 { font-size: 26px !important; }
  .industry-ten-board article { padding-left: 62px; }
  .regional-service-map { grid-template-columns: 1fr; }
  .regional-service-map div { border-right: 0; border-bottom: 1px solid #dce8f3; }
  .regional-service-map div:last-child { border-bottom: 0; }
}

/* 20260619 industry logic and premium layout rebuild */
.page-industry .industry-logic-section { padding-bottom: 58px; }
.industry-journey {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 34px;
  border-top: 1px solid #dce8f3;
  border-bottom: 1px solid #dce8f3;
  background: linear-gradient(90deg, rgba(0,91,172,.035), rgba(255,255,255,0));
}
.industry-journey div { position: relative; min-height: 180px; padding: 30px 26px; border-right: 1px solid #dce8f3; }
.industry-journey div:last-child { border-right: 0; }
.industry-journey div::after { content: ""; position: absolute; right: -7px; top: 50%; width: 14px; height: 14px; border-top: 1px solid #b8cbe0; border-right: 1px solid #b8cbe0; transform: translateY(-50%) rotate(45deg); background: #fff; z-index: 2; }
.industry-journey div:last-child::after { display: none; }
.industry-journey span { display: block; margin-bottom: 18px; color: #00A4E4; font-size: 12px; font-weight: 900; letter-spacing: 1.4px; }
.industry-journey b { display: block; margin-bottom: 10px; color: #14223b; font-size: 22px; line-height: 1.3; font-weight: 900; }
.industry-journey em { color: #53677f; font-size: 13px; line-height: 1.75; font-style: normal; font-weight: 650; }
.industry-pain-layout { grid-template-columns: .8fr 1.2fr; align-items: center; }
.industry-pain-list { margin-top: 0; }
.industry-scenario-layout { display: grid; grid-template-columns: 220px 1fr; gap: 34px; margin-top: 36px; align-items: start; }
.industry-sector-nav { position: sticky; top: 92px; display: grid; gap: 0; padding: 18px; border-radius: 28px; background: linear-gradient(180deg,#06224c,#005BAC); box-shadow: 0 24px 56px rgba(0,91,172,.18); }
.industry-sector-nav strong { display: block; padding: 10px 12px 16px; color: #fff; font-size: 22px; line-height: 1.25; }
.industry-sector-nav a { padding: 12px 12px; border-top: 1px solid rgba(255,255,255,.14); color: rgba(255,255,255,.82); font-size: 14px; font-weight: 800; text-decoration: none; }
.industry-sector-nav a:hover { color: #fff; background: rgba(255,255,255,.08); border-radius: 12px; }
.industry-scenario-groups { display: grid; gap: 22px; }
.scenario-group { display: grid; grid-template-columns: 260px 1fr; gap: 0; border: 1px solid #dfeaf5; border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 18px 48px rgba(0,44,95,.07); }
.scenario-group .group-title { padding: 30px 26px; background: linear-gradient(180deg,#f6faff,#ffffff); border-right: 1px solid #dfeaf5; }
.scenario-group .group-title span { display: block; margin-bottom: 18px; color: #00A4E4; font-size: 12px; font-weight: 900; letter-spacing: 1.3px; }
.scenario-group .group-title b { display: block; margin-bottom: 12px; color: #14223b; font-size: 25px; line-height: 1.25; font-weight: 900; }
.scenario-group .group-title em { color: #53677f; font-size: 13px; line-height: 1.75; font-style: normal; }
.scenario-group article { display: grid; grid-template-columns: 112px 1fr 1fr; gap: 18px; align-items: start; padding: 24px 28px; border-bottom: 1px solid #e6eef7; }
.scenario-group article:last-child { border-bottom: 0; }
.scenario-group article strong { color: #005BAC; font-size: 20px; line-height: 1.3; font-weight: 900; }
.scenario-group article p { margin: 0; color: #53677f; font-size: 13px; line-height: 1.7; }
.scenario-group article b { color: #14223b; margin-right: 6px; }
.industry-combo-path { display: grid; gap: 0; border-top: 1px solid #dce8f3; border-bottom: 1px solid #dce8f3; }
.industry-combo-path div { display: grid; grid-template-columns: 58px 120px 1fr; gap: 18px; align-items: center; padding: 22px 0; border-bottom: 1px solid #e7eff7; }
.industry-combo-path div:last-child { border-bottom: 0; }
.industry-combo-path span { color: #00A4E4; font-size: 12px; font-weight: 900; letter-spacing: 1px; }
.industry-combo-path b { color: #14223b; font-size: 20px; font-weight: 900; }
.industry-combo-path em { color: #53677f; font-size: 14px; line-height: 1.72; font-style: normal; }
.industry-network-premium { position: relative; overflow: hidden; background: #061a3d; }
.industry-network-premium::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(6,26,61,.94), rgba(0,91,172,.78)), url('../images/global-expansion-photo.jpg') center/cover; opacity: .96; }
.industry-network-premium .container { position: relative; z-index: 1; }
.network-premium-shell { display: grid; grid-template-columns: .92fr 1.08fr; gap: 54px; align-items: center; min-height: 520px; }
.network-premium-copy .section-kicker, .network-premium-copy h3, .network-premium-copy p { color: #fff !important; }
.network-premium-copy .section-kicker::before, .network-premium-copy .section-kicker::after { background: rgba(255,255,255,.65) !important; }
.network-premium-copy h3 { margin: 0 0 18px; font-size: 38px; line-height: 1.22; font-weight: 900; }
.network-premium-copy p { max-width: 600px; color: rgba(255,255,255,.80) !important; font-size: 15px; line-height: 1.9; }
.network-premium-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.network-premium-tags span { padding: 9px 13px; border-radius: 999px; color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); font-size: 13px; font-weight: 800; }
.network-premium-board { position: relative; min-height: 410px; border-radius: 34px; border: 1px solid rgba(255,255,255,.16); background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.18), rgba(255,255,255,.04) 42%, transparent 70%); }
.network-premium-board::before, .network-premium-board::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,.22); border-radius: 50%; }
.network-premium-board::before { width: 82%; height: 68%; }
.network-premium-board::after { width: 56%; height: 42%; }
.network-core { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%); width: 180px; height: 180px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #005BAC; text-align: center; background: linear-gradient(135deg,#fff,rgba(255,255,255,.86)); box-shadow: 0 26px 70px rgba(0,28,68,.30); }
.network-core strong { display: block; color: #005BAC; font-size: 46px; line-height: 1; font-weight: 900; }
.network-core span { margin-top: 10px; color: #4f6580; font-size: 13px; font-weight: 900; }
.network-node { position: absolute; z-index: 3; width: 178px; padding: 16px 18px; border-radius: 20px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(8px); box-shadow: 0 16px 34px rgba(0,28,68,.16); }
.network-node b { display: block; color: #fff; font-size: 17px; line-height: 1.25; }
.network-node em { display: block; margin-top: 7px; color: rgba(255,255,255,.76); font-size: 12px; line-height: 1.5; font-style: normal; }
.network-node.node-a { left: 8%; top: 14%; }
.network-node.node-b { right: 8%; top: 18%; }
.network-node.node-c { right: 11%; bottom: 12%; }
.network-node.node-d { left: 10%; bottom: 15%; }
.regional-service-line { border-top: 0; border-bottom: 0; background: none; gap: 18px; }
.regional-service-line div { border-right: 0; border-left: 3px solid #00A4E4; background: linear-gradient(180deg,#fff,#f7fbff); border-radius: 18px; box-shadow: 0 12px 32px rgba(0,44,95,.06); }
@media (max-width: 1180px) {
  .industry-journey { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .industry-journey div:nth-child(2) { border-right: 0; }
  .industry-journey div:nth-child(-n+2) { border-bottom: 1px solid #dce8f3; }
  .industry-scenario-layout, .network-premium-shell { grid-template-columns: 1fr; }
  .industry-sector-nav { position: relative; top: auto; grid-template-columns: repeat(5, minmax(0,1fr)); }
  .industry-sector-nav strong { grid-column: 1 / -1; }
  .scenario-group { grid-template-columns: 1fr; }
  .scenario-group .group-title { border-right: 0; border-bottom: 1px solid #dfeaf5; }
}
@media (max-width: 768px) {
  .industry-journey, .industry-sector-nav, .regional-service-line { grid-template-columns: 1fr; }
  .industry-journey div { border-right: 0; border-bottom: 1px solid #dce8f3; }
  .industry-journey div:last-child { border-bottom: 0; }
  .industry-journey div::after { display: none; }
  .scenario-group article { grid-template-columns: 1fr; }
  .industry-combo-path div { grid-template-columns: 1fr; }
  .network-premium-board { min-height: auto; padding: 26px; display: grid; gap: 14px; }
  .network-premium-board::before, .network-premium-board::after { display: none; }
  .network-core, .network-node { position: static; transform: none; width: auto; height: auto; border-radius: 22px; }
  .network-core { min-height: 120px; }
}

/* 20260619 industry local feedback refinement */
.page-industry .industry-journey b {
  color: #18314f;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.15px;
}
.page-industry .industry-journey em {
  color: #4f6178;
  font-size: 13px;
  line-height: 1.78;
  font-weight: 500;
}
.page-industry .scenario-group {
  grid-template-columns: 245px minmax(0, 1fr);
  align-items: stretch;
}
.page-industry .scenario-group .group-title {
  grid-row: 1 / -1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
}
.page-industry .scenario-group .group-title b {
  font-size: 22px;
  font-weight: 760;
}
.page-industry .scenario-group article {
  grid-column: 2;
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  gap: 10px 24px;
  padding: 22px 28px;
  background: linear-gradient(90deg, rgba(255,255,255,.98), rgba(247,251,255,.62));
}
.page-industry .scenario-group article strong {
  grid-row: 1 / span 2;
  align-self: start;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 760;
}
.page-industry .scenario-group article p {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  font-size: 13px;
  line-height: 1.72;
}
.page-industry .scenario-group article b {
  margin-right: 0;
  color: #005BAC;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 1180px) {
  .page-industry .scenario-group .group-title { grid-row: auto; }
  .page-industry .scenario-group article { grid-column: auto; }
}
@media (max-width: 768px) {
  .page-industry .scenario-group article,
  .page-industry .scenario-group article p { grid-template-columns: 1fr; }
  .page-industry .scenario-group article strong { grid-row: auto; }
}

/* 20260619 industry experience refinement */
.page-industry .industry-scenario-layout {
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 30px;
}
.page-industry .industry-sector-nav {
  padding: 24px 22px;
  border-radius: 30px;
}
.page-industry .industry-sector-nav strong {
  padding: 8px 12px 18px;
  font-size: 24px;
}
.page-industry .industry-sector-nav a {
  padding: 13px 12px;
  font-size: 15px;
  line-height: 1.25;
  letter-spacing: .1px;
}
.page-industry .scenario-group {
  grid-template-columns: 1fr;
  border-radius: 28px;
  overflow: hidden;
}
.page-industry .scenario-group .group-title {
  grid-row: auto;
  display: grid;
  grid-template-columns: 58px 210px minmax(0,1fr);
  align-items: center;
  gap: 20px;
  min-height: auto;
  padding: 24px 30px;
  border-right: 0;
  border-bottom: 1px solid #dfeaf5;
  background: linear-gradient(90deg, #f3f8ff 0%, #ffffff 74%);
}
.page-industry .scenario-group .group-title span {
  margin-bottom: 0;
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg,#005BAC,#00A4E4);
}
.page-industry .scenario-group .group-title b {
  margin-bottom: 0;
  color: #14223b;
  font-size: 24px;
  font-weight: 780;
}
.page-industry .scenario-group .group-title em {
  max-width: 620px;
  color: #53677f;
  font-size: 14px;
  line-height: 1.72;
}
.page-industry .scenario-group article {
  grid-column: auto;
  display: grid;
  grid-template-columns: 138px minmax(0,1fr) minmax(0,1fr);
  gap: 22px;
  align-items: center;
  padding: 24px 30px;
  background: #fff;
}
.page-industry .scenario-group article + article {
  border-top: 1px solid #e6eef7;
}
.page-industry .scenario-group article strong {
  grid-row: auto;
  align-self: center;
  color: #005BAC;
  font-size: 20px;
  font-weight: 780;
}
.page-industry .scenario-group article p {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  margin: 0;
  padding: 10px 0;
  color: #53677f;
  font-size: 13px;
  line-height: 1.72;
}
.page-industry .scenario-group article b {
  color: #005BAC;
  font-weight: 700;
}
.page-industry .network-premium-board-v2 {
  min-height: 390px;
  padding: 42px 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.045));
}
.page-industry .network-premium-board-v2::before,
.page-industry .network-premium-board-v2::after { display: none; }
.network-orbit-head {
  display: grid;
  grid-template-columns: 1fr 150px 1fr;
  align-items: center;
  gap: 18px;
  color: #fff;
}
.network-orbit-head span,
.network-orbit-head em {
  position: relative;
  display: block;
  padding: 14px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.20);
  color: rgba(255,255,255,.84);
  font-style: normal;
  font-size: 13px;
  line-height: 1.45;
  text-align: center;
}
.network-orbit-head strong {
  width: 150px;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #005BAC;
  background: linear-gradient(135deg,#fff,rgba(255,255,255,.88));
  font-size: 44px;
  font-weight: 900;
  box-shadow: 0 24px 60px rgba(0,28,68,.28);
}
.network-flowline {
  display: grid;
  grid-template-columns: 1fr 34px 1fr 34px 1fr 34px 1fr;
  align-items: stretch;
}
.network-flowline div {
  padding: 18px 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.11);
  border: 1px solid rgba(255,255,255,.18);
}
.network-flowline b {
  display: block;
  color: #fff;
  font-size: 17px;
  line-height: 1.3;
}
.network-flowline em {
  display: block;
  margin-top: 8px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  line-height: 1.55;
  font-style: normal;
}
.network-flowline i {
  align-self: center;
  height: 1px;
  background: rgba(255,255,255,.42);
}
.network-scope-band {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.network-scope-band span {
  padding: 12px 14px;
  border-radius: 999px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  text-align: center;
  font-size: 13px;
}
.page-industry .regional-service-line span {
  font-weight: 400 !important;
}
@media (max-width: 1180px) {
  .page-industry .industry-scenario-layout { grid-template-columns: 1fr; }
  .page-industry .industry-sector-nav { grid-template-columns: repeat(5, minmax(0,1fr)); }
  .page-industry .scenario-group .group-title { grid-template-columns: 48px 190px minmax(0,1fr); }
  .network-flowline { grid-template-columns: 1fr 1fr; gap: 12px; }
  .network-flowline i { display: none; }
}
@media (max-width: 768px) {
  .page-industry .industry-sector-nav,
  .page-industry .scenario-group .group-title,
  .page-industry .scenario-group article,
  .network-orbit-head,
  .network-flowline,
  .network-scope-band { grid-template-columns: 1fr; }
  .network-orbit-head strong { width: 130px; height: 130px; justify-self: center; }
}

/* 20260619 industry link and premium effects refinement */
html { scroll-behavior: smooth; }
.page-industry #manufacturing,
.page-industry #logistics,
.page-industry #retail-chain,
.page-industry #service-sector,
.page-industry #customer-service,
.page-industry #catering-hotel,
.page-industry #property-support,
.page-industry #it-tech,
.page-industry #finance-legal,
.page-industry #cross-border { scroll-margin-top: 112px; }
.page-industry .industry-atlas-layout {
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}
.page-industry .industry-atlas-nav {
  padding: 0;
  overflow: hidden;
  border-radius: 34px;
  background: linear-gradient(160deg, #061f49 0%, #005BAC 72%, #00A4E4 140%);
  box-shadow: 0 26px 64px rgba(0, 72, 140, .22);
}
.page-industry .industry-atlas-nav strong {
  padding: 30px 30px 18px;
  font-size: 27px;
  letter-spacing: -0.4px;
}
.page-industry .sector-nav-group {
  padding: 10px 22px 22px;
  border-top: 1px solid rgba(255,255,255,.14);
}
.page-industry .sector-nav-group em {
  display: block;
  margin: 0 0 10px;
  color: rgba(210,236,255,.72);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1.8px;
  font-style: normal;
  font-weight: 800;
}
.page-industry .industry-atlas-nav a {
  display: grid;
  grid-template-columns: 34px 1fr;
  align-items: center;
  gap: 12px;
  margin: 4px 0;
  padding: 12px 12px;
  border-top: 0;
  border-radius: 15px;
  color: rgba(255,255,255,.88);
  font-size: 16px;
  font-weight: 760;
  transition: transform .22s ease, background .22s ease, color .22s ease;
}
.page-industry .industry-atlas-nav a span {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: #d8efff;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 11px;
  font-weight: 900;
}
.page-industry .industry-atlas-nav a:hover {
  color: #fff;
  background: rgba(255,255,255,.14);
  transform: translateX(5px);
}
.page-industry .industry-atlas-groups { gap: 26px; }
.page-industry .scenario-atlas-card {
  position: relative;
  border: 1px solid #dfeaf5;
  border-radius: 30px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 20px 56px rgba(0,44,95,.075);
}
.page-industry .scenario-atlas-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #005BAC, #00A4E4);
}
.page-industry .scenario-atlas-card .group-title {
  grid-template-columns: 46px minmax(170px, .38fr) minmax(0, 1fr);
  padding: 24px 32px 22px;
  background: linear-gradient(90deg, #eef6ff 0%, #ffffff 74%);
}
.page-industry .scenario-atlas-card .group-title b {
  font-size: 23px;
  font-weight: 760;
}
.page-industry .scenario-atlas-card article {
  position: relative;
  grid-template-columns: 136px minmax(0,1fr) minmax(0,1fr);
  padding: 23px 32px 23px 34px;
  background: transparent;
}
.page-industry .scenario-atlas-card article::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #00A4E4;
  box-shadow: 0 0 0 5px rgba(0,164,228,.10);
  transform: translateY(-50%);
}
.page-industry .scenario-atlas-card article strong {
  padding-left: 8px;
}
.page-industry .scenario-atlas-card article:target {
  background: linear-gradient(90deg, rgba(0,164,228,.09), rgba(255,255,255,.4));
  box-shadow: inset 0 0 0 1px rgba(0,164,228,.18);
}
.page-industry .scenario-atlas-card article p {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  padding: 8px 0;
}
.page-industry .scenario-atlas-card article b {
  font-weight: 650;
}
.page-industry .network-command-board {
  position: relative;
  min-height: 440px;
  overflow: hidden;
  border-radius: 36px;
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.22), rgba(255,255,255,.06) 34%, transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.045));
}
.page-industry .network-command-board::before {
  content: "";
  position: absolute;
  inset: 24px;
  border-radius: 30px;
  border: 1px solid rgba(255,255,255,.13);
  background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at center, #000 0%, #000 55%, transparent 82%);
}
.page-industry .network-command-board::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -48px;
  top: -46px;
  border-radius: 50%;
  background: rgba(0,164,228,.18);
  filter: blur(8px);
}
.command-ring {
  position: absolute;
  left: 50%;
  top: 46%;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.command-ring.ring-one { width: 76%; height: 58%; }
.command-ring.ring-two { width: 52%; height: 38%; border-style: dashed; }
.network-command-core {
  position: absolute;
  left: 50%;
  top: 46%;
  z-index: 4;
  width: 176px;
  height: 176px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg,#ffffff,rgba(255,255,255,.88));
  transform: translate(-50%, -50%);
  box-shadow: 0 26px 70px rgba(0,28,68,.30);
  text-align: center;
}
.network-command-core small {
  color: #6d7f96;
  font-size: 10px;
  letter-spacing: 1.2px;
  font-weight: 900;
}
.network-command-core strong {
  margin: 7px 0 5px;
  color: #005BAC;
  font-size: 48px;
  line-height: 1;
  font-weight: 900;
}
.network-command-core span {
  color: #4f6580;
  font-size: 13px;
  font-weight: 800;
}
.command-node {
  position: absolute;
  z-index: 5;
  width: 154px;
  padding: 15px 17px;
  border-radius: 18px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.20);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 40px rgba(0,28,68,.18);
}
.command-node::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8fe3ff;
  box-shadow: 0 0 0 8px rgba(143,227,255,.12);
}
.command-node b { display: block; color: #fff; font-size: 17px; line-height: 1.28; font-weight: 780; }
.command-node em { display: block; margin-top: 7px; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.55; font-style: normal; }
.command-node.node-top { left: 50%; top: 36px; transform: translateX(-50%); }
.command-node.node-top::before { left: 50%; bottom: -18px; transform: translateX(-50%); }
.command-node.node-right { right: 34px; top: 43%; transform: translateY(-50%); }
.command-node.node-right::before { left: -18px; top: 50%; transform: translateY(-50%); }
.command-node.node-bottom { left: 50%; bottom: 78px; transform: translateX(-50%); }
.command-node.node-bottom::before { left: 50%; top: -18px; transform: translateX(-50%); }
.command-node.node-left { left: 34px; top: 43%; transform: translateY(-50%); }
.command-node.node-left::before { right: -18px; top: 50%; transform: translateY(-50%); }
.command-service-bar {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 28px;
  z-index: 6;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.command-service-bar span {
  padding: 11px 12px;
  border-radius: 999px;
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  text-align: center;
  font-size: 13px;
}
@media (max-width: 1180px) {
  .page-industry .industry-atlas-layout { grid-template-columns: 1fr; }
  .page-industry .industry-atlas-nav { position: relative; top: auto; }
  .page-industry .industry-atlas-nav { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .page-industry .industry-atlas-nav strong { grid-column: 1 / -1; }
  .page-industry .scenario-atlas-card article { grid-template-columns: 130px minmax(0,1fr) minmax(0,1fr); }
}
@media (max-width: 768px) {
  .page-industry .industry-atlas-nav,
  .page-industry .scenario-atlas-card .group-title,
  .page-industry .scenario-atlas-card article,
  .command-service-bar { grid-template-columns: 1fr; }
  .page-industry .network-command-board { min-height: auto; padding: 26px; display: grid; gap: 14px; }
  .page-industry .network-command-board::before,
  .page-industry .network-command-board::after,
  .command-ring { display: none; }
  .network-command-core,
  .command-node,
  .command-service-bar { position: static; transform: none !important; width: auto; height: auto; }
  .network-command-core { min-height: 135px; }
  .command-node::before { display: none; }
}

/* 20260619 industry simple nav and network map refinement */
.page-industry .industry-nav-simple {
  display: grid;
  gap: 0;
  padding: 28px 24px 30px;
  border-radius: 34px;
}
.page-industry .industry-nav-simple strong {
  padding: 8px 8px 22px;
  font-size: 30px;
  line-height: 1.15;
}
.page-industry .industry-nav-simple a {
  margin: 0;
  padding: 15px 10px;
  grid-template-columns: 38px 1fr;
  gap: 14px;
  border-top: 1px solid rgba(255,255,255,.14);
  border-radius: 0;
  font-size: 18px;
  line-height: 1.22;
  font-weight: 780;
}
.page-industry .industry-nav-simple a:hover {
  border-radius: 16px;
}
.page-industry .industry-nav-simple a span {
  width: 32px;
  height: 32px;
  font-size: 12px;
}
.page-industry .network-map-board {
  position: relative;
  min-height: 460px;
  overflow: hidden;
  border-radius: 36px;
  background:
    radial-gradient(circle at 48% 52%, rgba(255,255,255,.18), rgba(255,255,255,.055) 36%, transparent 65%),
    linear-gradient(135deg, rgba(0,91,172,.22), rgba(255,255,255,.045));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 30px 80px rgba(0,28,68,.22);
}
.page-industry .network-map-board::before {
  content: "";
  position: absolute;
  inset: 22px;
  border-radius: 30px;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: radial-gradient(circle at center, #000 0%, #000 62%, transparent 88%);
}
.network-map-bg {
  position: absolute;
  inset: 26px 30px 70px;
  z-index: 1;
  opacity: .96;
}
.network-map-bg svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.map-outline {
  fill: rgba(255,255,255,.035);
  stroke: rgba(206,238,255,.34);
  stroke-width: 1.4;
}
.map-wire {
  fill: none;
  stroke: rgba(143,227,255,.55);
  stroke-width: 1.2;
  stroke-dasharray: 7 9;
}
.map-wire-soft {
  stroke: rgba(255,255,255,.24);
  stroke-dasharray: 4 10;
}
.map-dot {
  fill: #8fe3ff;
  filter: drop-shadow(0 0 8px rgba(143,227,255,.86));
}
.network-map-core {
  position: absolute;
  left: 50%;
  top: 49%;
  z-index: 5;
  width: 172px;
  height: 172px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg,#ffffff,rgba(255,255,255,.88));
  transform: translate(-50%, -50%);
  box-shadow: 0 24px 70px rgba(0,28,68,.34), 0 0 0 18px rgba(255,255,255,.08);
  text-align: center;
}
.network-map-core small {
  color: #6d7f96;
  font-size: 10px;
  letter-spacing: 1.4px;
  font-weight: 900;
}
.network-map-core strong {
  margin: 7px 0 5px;
  color: #005BAC;
  font-size: 48px;
  line-height: 1;
  font-weight: 900;
}
.network-map-core span {
  color: #4f6580;
  font-size: 13px;
  font-weight: 800;
}
.map-hotspot {
  position: absolute;
  z-index: 7;
}
.map-hotspot i {
  position: relative;
  width: 22px;
  height: 22px;
  display: block;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0 9px rgba(255,255,255,.16), 0 0 26px rgba(143,227,255,.86);
  cursor: default;
}
.map-hotspot i::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  background: #8fe3ff;
}
.hotspot-card {
  position: absolute;
  width: 230px;
  padding: 18px 20px;
  border-radius: 20px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: 0 20px 50px rgba(0,28,68,.24);
  backdrop-filter: blur(10px);
  opacity: 0;
  transform: translateY(12px) scale(.96);
  pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
}
.hotspot-card b {
  display: block;
  color: #fff;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 780;
}
.hotspot-card em {
  display: block;
  margin-top: 9px;
  color: rgba(232,247,255,.82);
  font-size: 13px;
  line-height: 1.72;
  font-style: normal;
}
.map-hotspot:hover .hotspot-card {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.hotspot-a { left: 18%; top: 25%; }
.hotspot-a .hotspot-card { left: 30px; top: -52px; }
.hotspot-b { right: 21%; top: 29%; }
.hotspot-b .hotspot-card { right: 30px; top: -52px; }
.hotspot-c { right: 18%; bottom: 30%; }
.hotspot-c .hotspot-card { right: 30px; bottom: -40px; }
.hotspot-d { left: 23%; bottom: 28%; }
.hotspot-d .hotspot-card { left: 30px; bottom: -40px; }
.network-map-caption {
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 28px;
  z-index: 6;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}
.network-map-caption span {
  padding: 12px 14px;
  border-radius: 999px;
  color: rgba(255,255,255,.90);
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  text-align: center;
  font-size: 13px;
}
@media (max-width: 1180px) {
  .page-industry .industry-nav-simple { grid-template-columns: repeat(5, minmax(0,1fr)); }
  .page-industry .industry-nav-simple strong { grid-column: 1 / -1; }
}
@media (max-width: 768px) {
  .page-industry .industry-nav-simple,
  .network-map-caption { grid-template-columns: 1fr; }
  .page-industry .network-map-board { min-height: auto; padding: 26px; display: grid; gap: 14px; }
  .page-industry .network-map-board::before,
  .network-map-bg { display: none; }
  .network-map-core,
  .map-hotspot,
  .network-map-caption { position: static; transform: none !important; width: auto; height: auto; }
  .network-map-core { min-height: 136px; }
  .map-hotspot i { display: none; }
  .hotspot-card { position: static; width: auto; opacity: 1; transform: none; pointer-events: auto; }
}

/* 20260619 industry network typography and capability refinement */
.page-industry .network-map-board {
  min-height: 488px;
}
.page-industry .network-map-core {
  width: 204px;
  height: 204px;
  padding: 26px 24px 24px;
  box-sizing: border-box;
  background: radial-gradient(circle at 50% 36%, #ffffff 0%, #f7fbff 52%, rgba(255,255,255,.90) 100%);
  box-shadow: 0 28px 78px rgba(0,28,68,.34), 0 0 0 20px rgba(255,255,255,.08), inset 0 0 0 1px rgba(0,91,172,.08);
}
.page-industry .network-map-core small {
  margin-bottom: 10px;
  color: #60758f;
  font-size: 11px;
  letter-spacing: 2.2px;
  line-height: 1.2;
  white-space: nowrap;
}
.page-industry .network-map-core strong {
  margin: 0 0 12px;
  color: #005BAC;
  font-size: 56px;
  line-height: .92;
  letter-spacing: -2.8px;
  font-weight: 900;
}
.page-industry .network-map-core span {
  color: #314b68;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 850;
  letter-spacing: .2px;
}
.page-industry .network-map-caption-plus {
  left: 28px;
  right: 28px;
  bottom: 26px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.page-industry .network-map-caption-plus span {
  position: relative;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 12px 12px 28px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, rgba(255,255,255,.19), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 12px 28px rgba(0,28,68,.16);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 760;
  letter-spacing: .15px;
  text-shadow: 0 1px 10px rgba(0,32,76,.26);
}
.page-industry .network-map-caption-plus span::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #8fe3ff;
  box-shadow: 0 0 0 5px rgba(143,227,255,.12), 0 0 14px rgba(143,227,255,.80);
  transform: translateY(-50%);
}
@media (max-width: 1180px) {
  .page-industry .network-map-caption-plus { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .page-industry .network-map-core { min-height: 150px; width: auto; height: auto; }
  .page-industry .network-map-caption-plus { grid-template-columns: 1fr; }
}

/* 20260619 platform copy orbit and foundation optimization */
.page-platform .platform-refined-section .inner-two-col h2 {
  max-width: 620px;
  font-size: 38px;
  letter-spacing: -0.45px;
}
.page-platform .platform-refined-section .inner-two-col p,
.page-platform .platform-compliance-section p,
.page-platform .split-feature p {
  color: #52667d;
  font-size: 15px;
  line-height: 1.96;
}
.page-platform .split-feature h3 {
  max-width: 420px;
  font-size: 34px;
  letter-spacing: -0.25px;
}
.page-platform .four-flow-grid div {
  border-width: 1.5px;
  box-shadow: 0 18px 44px rgba(0,44,95,.09);
}
.page-platform .smart-tool-orbit {
  min-height: 500px;
  margin-top: 42px;
  border-radius: 38px;
  border: 2px solid rgba(255,255,255,.26);
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.22), rgba(255,255,255,.07) 38%, transparent 70%),
    linear-gradient(135deg, rgba(0,54,116,.46), rgba(0,164,228,.28));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 28px 74px rgba(0,25,67,.22);
}
.page-platform .smart-tool-orbit::before,
.page-platform .smart-tool-orbit::after {
  border-width: 2px;
  border-color: rgba(255,255,255,.30);
}
.page-platform .smart-tool-orbit::before { width: 76%; height: 62%; }
.page-platform .smart-tool-orbit::after { width: 52%; height: 38%; border-color: rgba(255,255,255,.22); }
.page-platform .smart-tool-orbit .tool-core {
  width: 260px;
  height: 142px;
  border-radius: 82px;
  border: 2px solid rgba(255,255,255,.74);
  background: linear-gradient(135deg,#ffffff 0%, #edf7ff 100%);
  box-shadow: 0 30px 74px rgba(0,28,68,.34), 0 0 0 12px rgba(255,255,255,.08);
}
.page-platform .smart-tool-orbit .tool-core strong {
  color: #004f99;
  font-size: 25px;
  letter-spacing: -0.2px;
  line-height: 1.12;
}
.page-platform .smart-tool-orbit .tool-core span {
  margin-top: 11px;
  color: #385a7b;
  font-size: 13px;
  letter-spacing: .4px;
  font-weight: 900;
}
.page-platform .smart-tool-orbit li {
  width: 190px;
  padding: 15px 17px;
  border-radius: 20px;
  border: 2px solid rgba(255,255,255,.27);
  background: rgba(255,255,255,.16);
  box-shadow: 0 18px 40px rgba(0,28,68,.20);
}
.page-platform .smart-tool-orbit li b { font-size: 15px; font-weight: 900; }
.page-platform .smart-tool-orbit li em { font-size: 12px; font-weight: 700; color: rgba(255,255,255,.80); }
.page-platform .smart-tool-orbit li:nth-child(1){left:7%;top:12%;}
.page-platform .smart-tool-orbit li:nth-child(2){left:41%;top:4%;}
.page-platform .smart-tool-orbit li:nth-child(3){right:7%;top:12%;}
.page-platform .smart-tool-orbit li:nth-child(4){right:4%;top:42%;}
.page-platform .smart-tool-orbit li:nth-child(5){right:7%;bottom:12%;}
.page-platform .smart-tool-orbit li:nth-child(6){left:41%;bottom:4%;}
.page-platform .smart-tool-orbit li:nth-child(7){left:7%;bottom:12%;}
.page-platform .smart-tool-orbit li:nth-child(8){left:4%;top:42%;}
.page-platform .platform-value-foundation {
  padding-bottom: 104px;
  background:
    radial-gradient(circle at 18% 10%, rgba(0,164,228,.08), transparent 28%),
    linear-gradient(180deg, #fff 0%, #f4f9fe 100%);
}
.page-platform .value-foundation-head {
  max-width: 900px;
  margin: 0 auto 34px;
  text-align: center;
}
.page-platform .value-foundation-head h3 {
  margin: 0 0 12px;
  color: #14223b;
  font-size: 34px;
  line-height: 1.22;
  font-weight: 900;
  letter-spacing: -0.35px;
}
.page-platform .value-foundation-head p {
  max-width: 760px;
  margin: 0 auto;
  color: #52667d;
  font-size: 15px;
  line-height: 1.9;
}
.page-platform .value-foundation-panel {
  position: relative;
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 28px;
  align-items: stretch;
  padding: 34px;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(6,34,76,.98), rgba(0,91,172,.92) 62%, rgba(0,164,228,.78)),
    radial-gradient(circle at 78% 18%, rgba(255,255,255,.22), transparent 32%);
  box-shadow: 0 30px 78px rgba(0,44,95,.20);
  overflow: hidden;
}
.page-platform .value-foundation-panel::before {
  content: "";
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 34px;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(115,216,255,.18), rgba(115,216,255,.86), rgba(255,255,255,.28));
}
.page-platform .foundation-main {
  position: relative;
  z-index: 1;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 36px 28px;
  border-radius: 28px;
  background: rgba(255,255,255,.12);
  border: 1.5px solid rgba(255,255,255,.22);
}
.page-platform .foundation-main strong {
  color: #fff;
  font-size: 42px;
  line-height: 1.06;
  font-weight: 900;
  letter-spacing: -0.6px;
}
.page-platform .foundation-main span {
  margin-top: 18px;
  color: rgba(232,247,255,.86);
  font-size: 14px;
  line-height: 1.65;
  font-weight: 800;
}
.page-platform .foundation-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}
.page-platform .foundation-grid div {
  min-height: 122px;
  padding: 24px 24px;
  border-radius: 24px;
  background: rgba(255,255,255,.13);
  border: 1.5px solid rgba(255,255,255,.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}
.page-platform .foundation-grid b {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 21px;
  line-height: 1.25;
  font-weight: 900;
}
.page-platform .foundation-grid span {
  color: rgba(232,247,255,.80);
  font-size: 13px;
  line-height: 1.7;
  font-weight: 700;
}
.page-platform .foundation-capability-strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}
.page-platform .foundation-capability-strip span {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #dfeaf5;
  box-shadow: 0 16px 36px rgba(0,44,95,.075);
  color: #005BAC;
  font-size: 14px;
  font-weight: 900;
}
@media (max-width: 1024px) {
  .page-platform .smart-tool-orbit { min-height: auto; display: grid; gap: 14px; padding: 28px; }
  .page-platform .smart-tool-orbit::before,
  .page-platform .smart-tool-orbit::after { display: none; }
  .page-platform .smart-tool-orbit .tool-core,
  .page-platform .smart-tool-orbit li { position: static; transform: none; width: auto; height: auto; }
  .page-platform .smart-tool-orbit ul { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
  .page-platform .value-foundation-panel { grid-template-columns: 1fr; }
  .page-platform .foundation-main { min-height: auto; }
  .page-platform .foundation-capability-strip { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .page-platform .platform-refined-section .inner-two-col h2,
  .page-platform .split-feature h3,
  .page-platform .value-foundation-head h3 { font-size: 28px; }
  .page-platform .smart-tool-orbit ul,
  .page-platform .foundation-grid,
  .page-platform .foundation-capability-strip { grid-template-columns: 1fr; }
  .page-platform .value-foundation-panel { padding: 24px; }
  .page-platform .foundation-main strong { font-size: 32px; }
}

/* 20260619 platform copy orbit and foundation second refinement */
.page-platform .platform-refined-section .inner-two-col {
  align-items: center;
}
.page-platform .platform-refined-section .inner-two-col p {
  max-width: 780px;
  font-size: 15px;
  line-height: 2.02;
  color: #4c6178;
}
.page-platform .platform-refined-section .inner-two-col p + p {
  margin-top: 12px;
}
.page-platform .platform-visual-stack {
  align-self: stretch;
}
.page-platform .smart-tool-orbit-v2 {
  min-height: 520px;
  border-radius: 40px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.24), rgba(255,255,255,.08) 34%, transparent 66%),
    linear-gradient(135deg, rgba(5,45,98,.72), rgba(0,126,198,.45));
}
.page-platform .smart-tool-orbit-v2::before {
  width: 74%;
  height: 62%;
  border-width: 3px;
  border-color: rgba(255,255,255,.32);
  box-shadow: 0 0 42px rgba(143,227,255,.18);
}
.page-platform .smart-tool-orbit-v2::after {
  display: none;
}
.page-platform .smart-tool-orbit-v2 .tool-core {
  width: clamp(278px, 26vw, 334px);
  min-width: 278px;
  height: 136px;
  padding: 0 30px;
  border-radius: 999px;
  box-sizing: border-box;
  border: 3px solid rgba(255,255,255,.82);
  background: linear-gradient(135deg,#ffffff 0%, #eff8ff 100%);
  box-shadow: 0 32px 84px rgba(0,28,68,.36), 0 0 0 16px rgba(255,255,255,.09), inset 0 0 0 1px rgba(0,91,172,.08);
}
.page-platform .smart-tool-orbit-v2 .tool-core strong {
  display: block;
  white-space: nowrap;
  color: #004f99;
  font-size: clamp(23px, 2vw, 30px);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -0.45px;
}
.page-platform .smart-tool-orbit-v2 .tool-core span {
  display: block;
  white-space: nowrap;
  margin-top: 12px;
  color: #385a7b;
  font-size: clamp(12px, 1vw, 14px);
  line-height: 1.2;
  font-weight: 900;
}
.page-platform .smart-tool-orbit-v2 li {
  width: 188px;
  min-height: 74px;
  padding: 14px 16px 14px 18px;
  border-radius: 20px;
  border: 2px solid rgba(255,255,255,.31);
  background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.09));
  box-shadow: 0 18px 42px rgba(0,28,68,.21), inset 0 1px 0 rgba(255,255,255,.18);
}
.page-platform .smart-tool-orbit-v2 li i {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #8fe3ff;
  box-shadow: 0 0 0 6px rgba(143,227,255,.12), 0 0 22px rgba(143,227,255,.82);
}
.page-platform .smart-tool-orbit-v2 li b {
  font-size: 15px;
  line-height: 1.25;
  font-weight: 900;
}
.page-platform .smart-tool-orbit-v2 li em {
  font-size: 12px;
  line-height: 1.42;
  font-weight: 760;
}
.page-platform .smart-tool-orbit-v2 li:nth-child(1){left:8.5%;top:13%;}
.page-platform .smart-tool-orbit-v2 li:nth-child(1) i{right:-32px;bottom:-17px;}
.page-platform .smart-tool-orbit-v2 li:nth-child(2){left:50%;top:5%;transform:translateX(-50%);}
.page-platform .smart-tool-orbit-v2 li:nth-child(2) i{left:50%;bottom:-32px;transform:translateX(-50%);}
.page-platform .smart-tool-orbit-v2 li:nth-child(3){right:8.5%;top:13%;}
.page-platform .smart-tool-orbit-v2 li:nth-child(3) i{left:-32px;bottom:-17px;}
.page-platform .smart-tool-orbit-v2 li:nth-child(4){right:5.2%;top:50%;transform:translateY(-50%);}
.page-platform .smart-tool-orbit-v2 li:nth-child(4) i{left:-30px;top:50%;transform:translateY(-50%);}
.page-platform .smart-tool-orbit-v2 li:nth-child(5){right:8.5%;bottom:13%;}
.page-platform .smart-tool-orbit-v2 li:nth-child(5) i{left:-32px;top:-17px;}
.page-platform .smart-tool-orbit-v2 li:nth-child(6){left:50%;bottom:5%;transform:translateX(-50%);}
.page-platform .smart-tool-orbit-v2 li:nth-child(6) i{left:50%;top:-32px;transform:translateX(-50%);}
.page-platform .smart-tool-orbit-v2 li:nth-child(7){left:8.5%;bottom:13%;}
.page-platform .smart-tool-orbit-v2 li:nth-child(7) i{right:-32px;top:-17px;}
.page-platform .smart-tool-orbit-v2 li:nth-child(8){left:5.2%;top:50%;transform:translateY(-50%);}
.page-platform .smart-tool-orbit-v2 li:nth-child(8) i{right:-30px;top:50%;transform:translateY(-50%);}
.page-platform .value-foundation-head {
  max-width: 1120px;
  margin-bottom: 42px;
}
.page-platform .value-foundation-head p {
  max-width: none;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.72;
}
.page-platform .value-foundation-panel {
  gap: 38px;
  padding: 40px;
}
.page-platform .foundation-grid {
  gap: 28px;
}
.page-platform .foundation-grid div {
  min-height: 132px;
  padding: 26px 28px;
}
.page-platform .foundation-grid b {
  font-size: 19px;
}
.page-platform .foundation-grid span {
  font-size: 12.5px;
  line-height: 1.68;
}
.page-platform .foundation-capability-strip {
  gap: 18px;
  margin-top: 26px;
}
.page-platform .foundation-capability-strip span {
  min-height: 54px;
  font-size: 13px;
  letter-spacing: .1px;
}
@media (max-width: 1180px) {
  .page-platform .smart-tool-orbit-v2 { min-height: auto; display: grid; gap: 16px; padding: 30px; }
  .page-platform .smart-tool-orbit-v2::before,
  .page-platform .smart-tool-orbit-v2::after { display: none; }
  .page-platform .smart-tool-orbit-v2 .tool-core,
  .page-platform .smart-tool-orbit-v2 li { position: static; transform: none !important; width: auto; min-width: 0; height: auto; }
  .page-platform .smart-tool-orbit-v2 li i { display: none; }
  .page-platform .smart-tool-orbit-v2 ul { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
  .page-platform .value-foundation-head p { white-space: normal; }
}
@media (max-width: 768px) {
  .page-platform .smart-tool-orbit-v2 ul { grid-template-columns: 1fr; }
  .page-platform .smart-tool-orbit-v2 .tool-core strong { font-size: 22px; }
}

/* 20260619 platform section separation and spacing refinement */
.page-platform .platform-tools-redesign {
  position: relative;
  padding-bottom: 76px;
  background:
    radial-gradient(circle at 16% 18%, rgba(143,227,255,.18), transparent 32%),
    linear-gradient(135deg, #06224c 0%, #005BAC 58%, #007fc8 100%);
}
.page-platform .platform-tools-redesign::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: min(1120px, calc(100% - 48px));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
}
.page-platform .platform-value-foundation {
  position: relative;
  padding-top: 94px;
  padding-bottom: 102px;
  background:
    linear-gradient(180deg, #f8fbff 0%, #ffffff 42%, #f3f8fe 100%);
}
.page-platform .platform-value-foundation::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 28px;
  width: 72px;
  height: 6px;
  border-radius: 999px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, #005BAC, #00A4E4);
  box-shadow: 0 10px 24px rgba(0,91,172,.20);
}
.page-platform .value-foundation-head {
  margin-bottom: 48px;
}
.page-platform .value-foundation-panel {
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(241,248,255,.96));
  border: 1px solid #dceaf7;
  box-shadow: 0 28px 70px rgba(0,44,95,.11);
}
.page-platform .value-foundation-panel::before {
  background: linear-gradient(90deg, rgba(0,91,172,.16), rgba(0,164,228,.86), rgba(0,91,172,.16));
}
.page-platform .foundation-main {
  background: linear-gradient(135deg, #06224c, #005BAC 62%, #008fd3);
  border: 0;
  box-shadow: 0 22px 52px rgba(0,44,95,.22);
}
.page-platform .foundation-grid div {
  background: #ffffff;
  border: 1px solid #dceaf7;
  box-shadow: 0 16px 38px rgba(0,44,95,.07);
}
.page-platform .foundation-grid b {
  color: #14223b;
}
.page-platform .foundation-grid span {
  color: #52667d;
}
.page-platform .foundation-capability-strip {
  margin-top: 30px;
}
.page-platform .foundation-capability-strip span {
  background: linear-gradient(180deg,#ffffff,#f7fbff);
  border-color: #dceaf7;
}
.page-platform .inner-soft-section {
  padding-top: 78px;
  padding-bottom: 78px;
}
.page-platform .platform-refined-section {
  padding-bottom: 80px;
}
.page-platform .platform-refined-section .platform-module-grid {
  margin-top: 46px;
}
.page-platform .platform-refined-section + .inner-soft-section {
  margin-top: 0;
}
.page-platform .inner-soft-section + .inner-section:not(.platform-tools-redesign) {
  padding-top: 76px;
}
@media (max-width: 1024px) {
  .page-platform .platform-value-foundation { padding-top: 74px; }
  .page-platform .value-foundation-panel { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .page-platform .platform-tools-redesign { padding-bottom: 58px; }
  .page-platform .platform-value-foundation { padding-top: 66px; padding-bottom: 72px; }
}

/* 20260619 platform duplicate copy and spacing correction */
.page-platform .platform-value-foundation {
  padding-top: 82px;
}
.page-platform .foundation-main strong {
  font-size: 38px;
  letter-spacing: -0.4px;
}
.page-platform .foundation-main span {
  font-size: 13px;
  letter-spacing: .12px;
}
.page-platform .inner-soft-section {
  padding-bottom: 42px;
}
.page-platform .inner-soft-section + .inner-section:not(.platform-tools-redesign) {
  padding-top: 38px;
}
.page-platform .platform-flow-board {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .page-platform .platform-value-foundation { padding-top: 64px; }
  .page-platform .foundation-main strong { font-size: 30px; }
  .page-platform .inner-soft-section { padding-bottom: 38px; }
  .page-platform .inner-soft-section + .inner-section:not(.platform-tools-redesign) { padding-top: 34px; }
}

/* 20260619 advantages scope correction */
.page-advantages .advantage-intro-only {
  display: block;
  max-width: 980px;
  margin-bottom: 42px;
}
.page-advantages .advantage-intro-only h3 {
  max-width: 760px;
}
.page-advantages .advantage-intro-only p {
  max-width: 920px;
  margin: 0 0 12px;
}
.page-advantages .advantage-organization-band {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 34px;
  border: 1px solid #dce8f3;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(0,91,172,.045), rgba(0,164,228,.025));
}
.page-advantages .advantage-organization-band div {
  min-height: 210px;
  padding: 30px 26px;
  border-right: 1px solid #dce8f3;
  background: rgba(255,255,255,.76);
}
.page-advantages .advantage-organization-band div:last-child { border-right: 0; }
.page-advantages .advantage-organization-band span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 28px;
  margin-bottom: 24px;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #005BAC, #00A4E4);
  font-size: 12px;
  font-weight: 900;
}
.page-advantages .advantage-organization-band b {
  display: block;
  margin-bottom: 12px;
  color: #14223b;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 850;
}
.page-advantages .advantage-organization-band em {
  display: block;
  color: #5f6f86;
  font-size: 14px;
  line-height: 1.75;
  font-style: normal;
}
.page-advantages .advantage-depth-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 54px;
  align-items: center;
}
.page-advantages .advantage-depth-layout h3 {
  margin: 0 0 16px;
  color: #14223b;
  font-size: 30px;
  line-height: 1.25;
  font-weight: 900;
}
.page-advantages .advantage-depth-layout > div:first-child p {
  color: #5f6f86;
  font-size: 15px;
  line-height: 1.9;
}
.page-advantages .advantage-depth-list {
  position: relative;
  padding-left: 30px;
  border-left: 2px solid rgba(0,91,172,.18);
}
.page-advantages .advantage-depth-list p {
  position: relative;
  margin: 0 0 26px;
  padding: 0 0 0 22px;
}
.page-advantages .advantage-depth-list p:last-child { margin-bottom: 0; }
.page-advantages .advantage-depth-list p::before {
  content: "";
  position: absolute;
  left: -36px;
  top: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #00A4E4;
  box-shadow: 0 0 0 8px rgba(0,164,228,.12);
}
.page-advantages .advantage-depth-list b {
  display: block;
  margin-bottom: 7px;
  color: #005BAC;
  font-size: 18px;
  font-weight: 850;
}
.page-advantages .advantage-depth-list span {
  color: #53677f;
  font-size: 14px;
  line-height: 1.75;
}
@media (max-width: 1024px) {
  .page-advantages .advantage-organization-band { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .page-advantages .advantage-organization-band div:nth-child(2) { border-right: 0; }
  .page-advantages .advantage-organization-band div { border-bottom: 1px solid #dce8f3; }
  .page-advantages .advantage-organization-band div:nth-child(n+3) { border-bottom: 0; }
  .page-advantages .advantage-depth-layout { grid-template-columns: 1fr; gap: 34px; }
}
@media (max-width: 640px) {
  .page-advantages .advantage-organization-band { grid-template-columns: 1fr; }
  .page-advantages .advantage-organization-band div { border-right: 0 !important; border-bottom: 1px solid #dce8f3 !important; }
  .page-advantages .advantage-organization-band div:last-child { border-bottom: 0 !important; }
}

/* 20260619 advantages image spacing and visual refinement */
.page-advantages .advantage-intro-photo-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .62fr);
  gap: 54px;
  align-items: center;
  margin-bottom: 38px;
}
.page-advantages .advantage-intro-copy h3 { max-width: 760px; }
.page-advantages .advantage-intro-copy p { max-width: 920px; margin: 0 0 12px; }
.page-advantages .advantage-intro-photo {
  position: relative;
  min-height: 285px;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 28px 68px rgba(0, 44, 95, .16);
  background: #eaf3fb;
}
.page-advantages .advantage-intro-photo img {
  width: 100%;
  height: 100%;
  min-height: 285px;
  object-fit: cover;
  display: block;
}
.page-advantages .advantage-intro-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(6,34,76,.54), rgba(0,91,172,.18) 58%, rgba(0,164,228,.08));
}
.page-advantages .advantage-intro-photo span {
  position: absolute;
  left: 24px;
  bottom: 22px;
  z-index: 2;
  color: #fff;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 900;
  letter-spacing: .4px;
}
.page-advantages .advantage-compare-section { padding-bottom: 58px; }
.page-advantages .advantage-compare-section + .advantage-photo-cards-section { padding-top: 58px; }
.page-advantages .advantage-photo-cards-section { background: #fff; }
.page-advantages .advantage-photo-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 26px 70px rgba(0, 44, 95, .14);
}
.page-advantages .advantage-photo-card {
  position: relative;
  min-height: 340px;
  overflow: hidden;
  background-image: linear-gradient(90deg, rgba(6,34,76,.82), rgba(0,91,172,.48)), var(--card-img);
  background-size: cover;
  background-position: center;
}
.page-advantages .advantage-photo-card:nth-child(2) {
  background-image: linear-gradient(90deg, rgba(6,34,76,.86), rgba(0,91,172,.52)), var(--card-img);
}
.page-advantages .advantage-photo-card div {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 340px;
  padding: 72px 58px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
}
.page-advantages .advantage-photo-card span {
  align-self: flex-start;
  margin-bottom: 22px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .6px;
}
.page-advantages .advantage-photo-card h3 {
  margin: 0 0 16px;
  color: #fff;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.35px;
}
.page-advantages .advantage-photo-card p {
  max-width: 620px;
  color: rgba(232,247,255,.86);
  font-size: 15px;
  line-height: 1.82;
}
.page-advantages .advantage-photo-card a {
  width: fit-content;
  margin-top: 28px;
  padding: 11px 18px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 900;
  background: rgba(255,255,255,.08);
}
.page-advantages .advantage-response-photo-section {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(115deg, rgba(6,34,76,.92), rgba(0,91,172,.72) 58%, rgba(0,164,228,.55)), url('../images/advantage-response-command-unsplash.jpg');
  background-size: cover;
  background-position: center;
}
.page-advantages .response-photo-layout {
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  gap: 56px;
  align-items: center;
}
.page-advantages .response-photo-layout .matrix-section-head { margin-bottom: 0; text-align: left; }
.page-advantages .response-photo-layout .matrix-section-head h3 { color: #fff !important; }
.page-advantages .response-command-panel {
  position: relative;
  min-height: 355px;
  border-radius: 32px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(6,34,76,.32);
  backdrop-filter: blur(8px);
  box-shadow: 0 28px 72px rgba(0, 28, 68, .28);
  overflow: hidden;
}
.page-advantages .response-command-panel::before {
  content: "";
  position: absolute;
  inset: 38px;
  border: 2px solid rgba(255,255,255,.18);
  border-radius: 28px;
}
.page-advantages .response-command-core {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 210px;
  height: 124px;
  border-radius: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(232,247,255,.88));
  box-shadow: 0 24px 54px rgba(0, 28, 68, .24);
}
.page-advantages .response-command-core strong { color: #005BAC; font-size: 25px; line-height: 1.15; font-weight: 900; }
.page-advantages .response-command-core span { margin-top: 9px; color: #53677f; font-size: 12px; line-height: 1.45; font-weight: 800; }
.page-advantages .response-command-path p {
  position: absolute;
  z-index: 3;
  width: 170px;
  margin: 0;
  padding: 18px 20px;
  border-radius: 20px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: 0 18px 42px rgba(0, 28, 68, .18);
}
.page-advantages .response-command-path p:nth-child(1) { left: 8%; top: 13%; }
.page-advantages .response-command-path p:nth-child(2) { right: 8%; top: 13%; }
.page-advantages .response-command-path p:nth-child(3) { left: 8%; bottom: 13%; }
.page-advantages .response-command-path p:nth-child(4) { right: 8%; bottom: 13%; }
.page-advantages .response-command-path b { display: block; color: #fff; font-size: 25px; line-height: 1.2; font-weight: 900; }
.page-advantages .response-command-path span { display: block; margin-top: 7px; color: rgba(232,247,255,.86); font-size: 13px; font-weight: 750; }
@media (max-width: 1180px) {
  .page-advantages .advantage-intro-photo-layout,
  .page-advantages .response-photo-layout { grid-template-columns: 1fr; }
  .page-advantages .advantage-photo-card-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .page-advantages .advantage-intro-photo { min-height: 240px; }
  .page-advantages .advantage-intro-photo img { min-height: 240px; }
  .page-advantages .advantage-photo-card div { padding: 48px 28px; }
  .page-advantages .advantage-photo-card h3 { font-size: 28px; }
  .page-advantages .response-command-panel { min-height: auto; padding: 26px; }
  .page-advantages .response-command-panel::before { display: none; }
  .page-advantages .response-command-core { position: relative; left: auto; top: auto; transform: none; width: 100%; margin-bottom: 18px; }
  .page-advantages .response-command-path { display: grid; gap: 12px; }
  .page-advantages .response-command-path p { position: static; width: auto; }
}

/* 20260619 advantages detail copy and layout refinement */
.page-advantages .advantage-intro-photo-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(390px, .58fr);
  gap: 50px;
}
.page-advantages .advantage-intro-copy p {
  max-width: 900px;
  margin-bottom: 14px;
  color: #42546a;
  font-size: 15px;
  line-height: 1.9;
}
.page-advantages .advantage-intro-photo {
  min-height: 310px;
  border-radius: 28px;
}
.page-advantages .advantage-intro-photo img {
  min-height: 310px;
  object-position: center;
}
.page-advantages .response-command-panel-v2 {
  min-height: auto;
  padding: 30px;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 24px;
  align-items: stretch;
}
.page-advantages .response-command-panel-v2::before {
  inset: 18px;
  border-width: 1px;
  opacity: .55;
}
.page-advantages .response-command-panel-v2 .response-command-core {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  width: auto;
  height: auto;
  min-height: 250px;
  border-radius: 24px;
  background: linear-gradient(160deg, rgba(255,255,255,.96), rgba(218,239,255,.9));
}
.page-advantages .response-command-panel-v2 .response-command-core strong {
  font-size: 27px;
  letter-spacing: -.35px;
}
.page-advantages .response-command-panel-v2 .response-command-core span {
  max-width: 150px;
  font-size: 12px;
  line-height: 1.65;
  font-weight: 800;
}
.page-advantages .response-command-grid {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.page-advantages .response-command-grid p {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: auto;
  min-height: 118px;
  padding: 20px 22px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.08));
}
.page-advantages .response-command-grid em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 24px;
  margin-bottom: 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  color: rgba(255,255,255,.78);
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}
.page-advantages .response-command-grid b {
  font-size: 22px;
  letter-spacing: -.25px;
}
.page-advantages .response-command-grid span {
  max-width: 230px;
  font-size: 13px;
  line-height: 1.65;
  font-weight: 650;
}
.page-advantages .advantage-photo-cards-section > .container {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.page-advantages .advantage-photo-card-grid {
  width: 100%;
  box-shadow: none;
}
.page-advantages .advantage-photo-card {
  min-height: 380px;
}
.page-advantages .advantage-photo-card div {
  min-height: 380px;
  padding: 76px clamp(42px, 6vw, 96px) 56px;
}
.page-advantages .value-compare-panel b {
  font-size: 24px;
  letter-spacing: -.25px;
}
@media (max-width: 1180px) {
  .page-advantages .response-command-panel-v2 { grid-template-columns: 1fr; }
  .page-advantages .response-command-panel-v2 .response-command-core { min-height: 150px; }
}
@media (max-width: 768px) {
  .page-advantages .advantage-intro-photo-layout { gap: 30px; }
  .page-advantages .response-command-grid { grid-template-columns: 1fr; }
  .page-advantages .advantage-photo-card { min-height: 320px; }
  .page-advantages .advantage-photo-card div { min-height: 320px; padding: 48px 28px; }
}

/* 20260619 advantages image spacing response panel correction */
.page-advantages .advantage-intro-photo img[src*="advantage-cooperation-meeting"] {
  object-position: center 44%;
}
.page-advantages .advantage-intro-photo::after {
  background: linear-gradient(135deg, rgba(6,34,76,.46), rgba(0,91,172,.18) 58%, rgba(0,164,228,.05));
}
.page-advantages .advantage-compare-section {
  padding-top: 58px;
  padding-bottom: 42px;
}
.page-advantages .advantage-compare-section + .advantage-photo-cards-section {
  padding-top: 42px;
}
.page-advantages .advantage-photo-cards-section {
  padding-bottom: 50px;
}
.page-advantages .advantage-photo-cards-section + .advantage-client-view {
  padding-top: 44px;
}
.page-advantages .advantage-response-photo-section {
  background-image: linear-gradient(115deg, rgba(6,34,76,.94), rgba(0,91,172,.80) 58%, rgba(0,164,228,.62)), url('../images/advantage-response-command-unsplash.jpg');
  background-position: center 42%;
}
.page-advantages .advantage-response-photo-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(6,34,76,.30), rgba(0,91,172,.36));
  backdrop-filter: blur(1.2px);
}
.page-advantages .advantage-response-photo-section .container {
  position: relative;
  z-index: 1;
}
.page-advantages .response-command-panel-v3 {
  min-height: 360px;
  padding: 0;
  display: flex;
  align-items: center;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  overflow: visible;
}
.page-advantages .response-command-panel-v3::before,
.page-advantages .response-command-panel-v3::after {
  display: none;
}
.page-advantages .response-command-panel-v3 .response-command-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 34px;
}
.page-advantages .response-command-panel-v3 .response-command-grid p {
  min-height: 142px;
  padding: 28px 30px;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,.075));
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: 0 22px 50px rgba(0,28,68,.22), inset 0 1px 0 rgba(255,255,255,.16);
}
.page-advantages .response-command-panel-v3 .response-command-grid b {
  font-size: 24px;
  line-height: 1.18;
}
.page-advantages .response-command-panel-v3 .response-command-grid span {
  max-width: 260px;
  font-size: 13px;
  line-height: 1.72;
}
@media (max-width: 1180px) {
  .page-advantages .response-command-panel-v3 .response-command-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .page-advantages .advantage-compare-section { padding-top: 46px; padding-bottom: 34px; }
  .page-advantages .advantage-compare-section + .advantage-photo-cards-section { padding-top: 34px; }
  .page-advantages .advantage-photo-cards-section + .advantage-client-view { padding-top: 36px; }
  .page-advantages .response-command-panel-v3 .response-command-grid { gap: 16px; }
  .page-advantages .response-command-panel-v3 .response-command-grid p { min-height: auto; padding: 22px; }
}

/* 20260619 advantages hero image spacing and mobile responsive correction */
.page-advantages .advantage-intro-photo img[src*="advantage-large-team-workshop"] {
  object-position: center 48%;
}
.page-advantages .advantage-compare-section {
  padding-top: 42px;
  padding-bottom: 42px;
}
.page-advantages .advantage-compare-section + .advantage-photo-cards-section {
  padding-top: 42px;
}
.page-advantages .value-compare-panel {
  margin-top: 0;
}
@media (max-width: 1180px) {
  .page-advantages .advantage-intro-photo-layout {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .page-advantages .advantage-intro-photo {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .page-advantages .advantage-tech-hero {
    padding-top: 58px;
  }
  .page-advantages .advantage-intro-photo-layout {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }
  .page-advantages .advantage-intro-copy h3 {
    font-size: 28px;
    line-height: 1.22;
  }
  .page-advantages .advantage-intro-copy p {
    font-size: 14px;
    line-height: 1.82;
  }
  .page-advantages .advantage-intro-photo {
    min-height: 230px;
    border-radius: 24px;
  }
  .page-advantages .advantage-intro-photo img {
    min-height: 230px;
    object-position: center center;
  }
  .page-advantages .advantage-intro-photo span {
    left: 18px;
    right: 18px;
    bottom: 16px;
    font-size: 13px;
    line-height: 1.35;
  }
  .page-advantages .advantage-independent-grid {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  .page-advantages .value-compare-panel {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  .page-advantages .advantage-compare-section,
  .page-advantages .advantage-compare-section + .advantage-photo-cards-section {
    padding-top: 34px;
    padding-bottom: 34px;
  }
  .page-advantages .advantage-photo-card-grid {
    grid-template-columns: 1fr;
  }
  .page-advantages .advantage-photo-card,
  .page-advantages .advantage-photo-card div {
    min-height: 300px;
  }
  .page-advantages .advantage-photo-card div {
    padding: 42px 22px;
  }
  .page-advantages .response-photo-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .page-advantages .response-command-panel-v3 {
    min-height: auto;
  }
  .page-advantages .response-command-panel-v3 .response-command-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .page-advantages .risk-control-list {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 480px) {
  .page-advantages .advantage-intro-copy h3 {
    font-size: 25px;
  }
  .page-advantages .advantage-intro-photo {
    min-height: 205px;
    border-radius: 20px;
  }
  .page-advantages .advantage-intro-photo img {
    min-height: 205px;
  }
  .page-advantages .advantage-photo-card h3 {
    font-size: 24px;
  }
  .page-advantages .advantage-photo-card p,
  .page-advantages .response-command-panel-v3 .response-command-grid span {
    font-size: 12.5px;
  }
}

/* 20260619 advantages hero expert image and gap final correction */
.page-advantages .advantage-intro-photo img[src*="advantage-hr-expert-clients"] {
  object-position: center 46%;
}
.page-advantages .advantage-intro-photo::after {
  background: linear-gradient(135deg, rgba(6,34,76,.48), rgba(0,91,172,.18) 58%, rgba(0,164,228,.05));
}
.page-advantages .advantage-compare-section {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.page-advantages .advantage-compare-section + .advantage-photo-cards-section {
  padding-top: 34px !important;
}
.page-advantages .value-compare-panel {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .page-advantages .advantage-compare-section {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .page-advantages .advantage-compare-section + .advantage-photo-cards-section {
    padding-top: 28px !important;
  }
}

/* 20260619 advantages response readability and gap correction */
.page-advantages .response-command-panel-v3 .response-command-grid em {
  display: none !important;
}
.page-advantages .response-command-panel-v3 .response-command-grid p {
  min-height: 136px;
  padding: 30px 32px;
  background: linear-gradient(145deg, rgba(10,45,86,.44), rgba(0,91,172,.24));
  border: 1px solid rgba(255,255,255,.28);
  box-shadow: 0 22px 50px rgba(0,28,68,.26), inset 0 1px 0 rgba(255,255,255,.18);
}
.page-advantages .response-command-panel-v3 .response-command-grid b {
  color: #ffffff;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.2px;
  text-shadow: 0 3px 14px rgba(0,25,58,.34);
}
.page-advantages .response-command-panel-v3 .response-command-grid span {
  display: block;
  margin-top: 16px;
  max-width: 285px;
  color: rgba(255,255,255,.96);
  font-size: 14px;
  line-height: 1.76;
  font-weight: 500;
  letter-spacing: .05px;
  text-shadow: 0 2px 10px rgba(0,25,58,.28);
}
.page-advantages .advantage-response-photo-section {
  background-image: linear-gradient(115deg, rgba(6,34,76,.96), rgba(0,91,172,.82) 58%, rgba(0,164,228,.64)), url('../images/advantage-response-command-unsplash.jpg');
}
.page-advantages .advantage-response-photo-section::before {
  background: linear-gradient(90deg, rgba(6,34,76,.42), rgba(0,91,172,.42));
  backdrop-filter: blur(1.6px);
}
.page-advantages .advantage-compare-section {
  padding-bottom: 20px !important;
}
.page-advantages .advantage-compare-section + .advantage-photo-cards-section {
  padding-top: 20px !important;
}
@media (max-width: 768px) {
  .page-advantages .response-command-panel-v3 .response-command-grid p {
    min-height: auto;
    padding: 24px 22px;
  }
  .page-advantages .response-command-panel-v3 .response-command-grid b {
    font-size: 22px;
  }
  .page-advantages .response-command-panel-v3 .response-command-grid span {
    margin-top: 12px;
    font-size: 13px;
  }
  .page-advantages .advantage-compare-section {
    padding-bottom: 18px !important;
  }
  .page-advantages .advantage-compare-section + .advantage-photo-cards-section {
    padding-top: 18px !important;
  }
}

/* 20260619 advantages forced gap correction */
.page-advantages .advantage-compare-section {
  padding-top: 34px !important;
  padding-bottom: 10px !important;
}
.page-advantages .advantage-compare-section + .advantage-photo-cards-section {
  padding-top: 10px !important;
}
.page-advantages .advantage-compare-section .value-compare-panel {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .page-advantages .advantage-compare-section {
    padding-top: 28px !important;
    padding-bottom: 8px !important;
  }
  .page-advantages .advantage-compare-section + .advantage-photo-cards-section {
    padding-top: 8px !important;
  }
}

/* 20260619 advantages compare-to-photo gap triple increase */
.page-advantages .advantage-compare-section {
  padding-bottom: 30px !important;
}
.page-advantages .advantage-compare-section + .advantage-photo-cards-section {
  padding-top: 30px !important;
}
@media (max-width: 768px) {
  .page-advantages .advantage-compare-section {
    padding-bottom: 24px !important;
  }
  .page-advantages .advantage-compare-section + .advantage-photo-cards-section {
    padding-top: 24px !important;
  }
}

/* 20260619 advantages correct hero-to-compare gap increase */
.page-advantages .advantage-tech-hero {
  padding-bottom: 156px !important;
}
.page-advantages .advantage-compare-section {
  padding-top: 84px !important;
}
.page-advantages .advantage-tech-hero .advantage-independent-grid {
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .page-advantages .advantage-tech-hero {
    padding-bottom: 92px !important;
  }
  .page-advantages .advantage-compare-section {
    padding-top: 58px !important;
  }
}
@media (max-width: 480px) {
  .page-advantages .advantage-tech-hero {
    padding-bottom: 76px !important;
  }
  .page-advantages .advantage-compare-section {
    padding-top: 46px !important;
  }
}

/* 20260619 advantages correct hero-to-compare gap half reduction */
.page-advantages .advantage-tech-hero {
  padding-bottom: 78px !important;
}
.page-advantages .advantage-compare-section {
  padding-top: 42px !important;
}
@media (max-width: 768px) {
  .page-advantages .advantage-tech-hero {
    padding-bottom: 46px !important;
  }
  .page-advantages .advantage-compare-section {
    padding-top: 29px !important;
  }
}
@media (max-width: 480px) {
  .page-advantages .advantage-tech-hero {
    padding-bottom: 38px !important;
  }
  .page-advantages .advantage-compare-section {
    padding-top: 23px !important;
  }
}

/* 20260622 cases page content and layout upgrade */
.page-cases .case-overview-section { padding-bottom: 72px; }
.case-overview-layout { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); gap: 34px; align-items: stretch; }
.case-overview-copy { padding: 38px 42px; border-radius: 28px; background: linear-gradient(135deg, #ffffff 0%, #f4f9ff 100%); border: 1px solid #dfeaf5; box-shadow: 0 20px 56px rgba(0,44,95,.08); }
.case-overview-copy h3 { margin: 8px 0 18px; color: #14223b; font-size: 30px; line-height: 1.28; font-weight: 900; }
.case-overview-copy p { margin: 0 0 14px; color: #52657b; font-size: 15px; line-height: 1.95; }
.case-overview-value { display: grid; gap: 14px; }
.case-overview-value div { padding: 24px 26px; border-radius: 22px; background: #fff; border: 1px solid #dfeaf5; box-shadow: 0 16px 42px rgba(0,44,95,.075); }
.case-overview-value strong { display: block; margin-bottom: 10px; color: #005BAC; font-size: 19px; font-weight: 900; }
.case-overview-value span { display: block; color: #5f6f86; font-size: 14px; line-height: 1.76; }
.case-spotlight-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 24px; margin-top: 34px; align-items: stretch; }
.case-spotlight-main { padding: 42px 44px; border-radius: 30px; background: radial-gradient(circle at 88% 18%, rgba(0,164,228,.34), transparent 34%), linear-gradient(135deg, #003f86 0%, #0077c8 56%, #02a7df 100%); color: #fff; box-shadow: 0 24px 70px rgba(0,74,150,.22); }
.case-spotlight-main > span { display: inline-flex; margin-bottom: 14px; color: rgba(232,247,255,.82); font-size: 13px; font-weight: 900; letter-spacing: .5px; }
.case-spotlight-main h3 { margin: 0 0 16px; color: #fff; font-size: 30px; line-height: 1.32; font-weight: 900; }
.case-spotlight-main p { max-width: 820px; margin: 0 0 24px; color: rgba(238,249,255,.88); font-size: 15px; line-height: 1.9; }
.case-spotlight-steps { display: grid; gap: 14px; }
.case-spotlight-steps div { padding: 18px 20px; border-radius: 18px; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); }
.case-spotlight-steps b { display: block; margin-bottom: 7px; color: #fff; font-size: 15px; font-weight: 900; }
.case-spotlight-steps em { display: block; color: rgba(235,248,255,.83); font-style: normal; font-size: 13.5px; line-height: 1.8; }
.case-spotlight-side { display: grid; gap: 16px; }
.case-spotlight-side div { padding: 28px 26px; border-radius: 24px; background: #fff; border: 1px solid #dfeaf5; box-shadow: 0 18px 48px rgba(0,44,95,.08); }
.case-spotlight-side strong { display: block; margin-bottom: 10px; color: #005BAC; font-size: 28px; line-height: 1; font-weight: 900; }
.case-spotlight-side span { display: block; color: #5b6d82; font-size: 14px; line-height: 1.72; }
.case-library-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; margin-top: 34px; }
.case-story-card { position: relative; min-height: 285px; padding: 30px 30px 28px; border-radius: 26px; background: linear-gradient(180deg, #fff 0%, #f7fbff 100%); border: 1px solid #dfeaf5; box-shadow: 0 18px 46px rgba(0,44,95,.075); overflow: hidden; transition: transform .22s ease, box-shadow .22s ease; }
.case-story-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: linear-gradient(180deg, #005BAC, #00A4E4); }
.case-story-card:hover { transform: translateY(-5px); box-shadow: 0 26px 62px rgba(0,44,95,.12); }
.case-story-head { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.case-story-head span { flex: 0 0 auto; display: inline-flex; padding: 7px 11px; border-radius: 999px; background: #e8f4ff; color: #005BAC; font-size: 12px; font-weight: 900; }
.case-story-head h4 { margin: 0; color: #14223b; font-size: 23px; line-height: 1.32; font-weight: 900; }
.case-story-card p { margin: 0 0 18px; color: #5b6d82; font-size: 14.5px; line-height: 1.86; }
.case-story-card dl { display: grid; grid-template-columns: 88px 1fr; gap: 10px 14px; margin: 0; padding-top: 18px; border-top: 1px solid #e5eef7; }
.case-story-card dt { color: #005BAC; font-size: 13px; font-weight: 900; }
.case-story-card dd { margin: 0; color: #34495e; font-size: 13.5px; line-height: 1.72; }
.case-value-section .matrix-section-head p { color: rgba(232,247,255,.84); }
.case-value-board { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; margin-top: 36px; }
.case-value-board div { min-height: 165px; padding: 26px 24px; border-radius: 22px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); box-shadow: 0 20px 50px rgba(0,28,68,.16); }
.case-value-board strong { display: block; margin-bottom: 12px; color: #fff; font-size: 21px; line-height: 1.35; font-weight: 900; }
.case-value-board span { display: block; color: rgba(232,247,255,.82); font-size: 14px; line-height: 1.78; }
.case-method-section .case-method-timeline div { background: linear-gradient(180deg, #ffffff, #f6faff); }
@media (max-width: 1100px) {
  .case-overview-layout,
  .case-spotlight-grid { grid-template-columns: 1fr; }
  .case-overview-value { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .case-spotlight-side { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 860px) {
  .case-overview-value,
  .case-spotlight-side,
  .case-library-grid,
  .case-value-board { grid-template-columns: 1fr; }
  .case-overview-copy,
  .case-spotlight-main { padding: 30px 24px; border-radius: 24px; }
  .case-spotlight-main h3,
  .case-overview-copy h3 { font-size: 25px; }
  .case-story-card { min-height: auto; padding: 26px 22px; }
}
@media (max-width: 520px) {
  .case-story-head { display: block; }
  .case-story-head span { margin-bottom: 10px; }
  .case-story-head h4 { font-size: 20px; }
  .case-story-card dl { grid-template-columns: 1fr; gap: 6px; }
  .case-value-board div { min-height: auto; }
}

/* 20260622 cases focus expression refinement */
.page-cases .case-indicator-section .value-output-grid span {
  font-size: 12.5px;
  line-height: 1.62;
  color: #4f6175;
}
.page-cases .case-story-card dl {
  grid-template-columns: 92px 1fr;
  gap: 12px 16px;
  padding-top: 20px;
}
.page-cases .case-story-card dt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #e8f4ff;
  color: #005BAC;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  white-space: nowrap;
}
.page-cases .case-story-card dd {
  color: #33485f;
  font-size: 13.2px;
  line-height: 1.78;
}
.page-cases .case-story-card dt:nth-of-type(1) {
  background: #fff1e6;
  color: #c65d00;
}
.page-cases .case-story-card dt:nth-of-type(2) {
  background: #e8f4ff;
  color: #005BAC;
}
.page-cases .case-story-card dt:nth-of-type(3) {
  background: #e9f9f1;
  color: #16824d;
}
@media (max-width: 520px) {
  .page-cases .case-story-card dl { grid-template-columns: 1fr; gap: 7px; }
  .page-cases .case-story-card dt { width: fit-content; }
  .page-cases .case-indicator-section .value-output-grid span { font-size: 12px; }
}

/* 20260622 cases no-repeat layout refinement */
.page-cases .case-library-section .matrix-section-head p {
  max-width: 790px;
}
.case-library-grid-refined {
  gap: 26px 24px;
}
.case-story-card-refined {
  min-height: 0;
  padding: 30px 30px 30px;
}
.case-story-card-refined .case-story-head {
  margin-bottom: 15px;
}
.case-context-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  padding-bottom: 17px;
  border-bottom: 1px solid #e5eef7;
}
.case-context-line em {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(0,91,172,.075);
  color: #005BAC;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .1px;
}
.page-cases .case-story-card-refined dl {
  padding-top: 0;
  border-top: 0;
  grid-template-columns: 92px 1fr;
  gap: 13px 16px;
}
.page-cases .case-story-card-refined dt {
  align-self: start;
}
.page-cases .case-story-card-refined dd {
  font-size: 13.4px;
  line-height: 1.78;
}
@media (max-width: 768px) {
  .case-library-grid-refined { gap: 18px; }
  .case-story-card-refined { padding: 26px 22px; }
}
@media (max-width: 520px) {
  .case-context-line { gap: 7px; margin-bottom: 16px; }
  .case-context-line em { font-size: 11.5px; padding: 5px 9px; }
  .page-cases .case-story-card-refined dl { grid-template-columns: 1fr; gap: 7px; }
}

/* 20260622 cases clarity and focus refinement */
.page-cases .case-spotlight-grid-v2 {
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr);
  gap: 30px;
}
.page-cases .case-spotlight-main-v2 > span {
  padding: 7px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(238,249,255,.90);
}
.page-cases .case-spotlight-main-v2 > p {
  max-width: 920px;
  margin-bottom: 30px;
  font-size: 15px;
  line-height: 1.86;
}
.page-cases .case-spotlight-focus {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
}
.page-cases .case-spotlight-focus div {
  position: relative;
  min-height: 182px;
  padding: 24px 22px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 18px 44px rgba(0,28,68,.13);
}
.page-cases .case-spotlight-focus div::before {
  content: "";
  position: absolute;
  left: 22px;
  top: 18px;
  width: 34px;
  height: 4px;
  border-radius: 999px;
  background: #ffbd59;
}
.page-cases .case-spotlight-focus .solution::before { background: #8fe3ff; }
.page-cases .case-spotlight-focus .value::before { background: #63e6a6; }
.page-cases .case-spotlight-focus b {
  display: block;
  margin: 18px 0 12px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1.28;
  font-weight: 900;
}
.page-cases .case-spotlight-focus em {
  display: block;
  color: rgba(235,248,255,.86);
  font-size: 13px;
  line-height: 1.78;
  font-style: normal;
}
.page-cases .case-spotlight-side-v2 div {
  min-height: 0;
  padding: 32px 28px;
}
.page-cases .case-library-section .matrix-section-head p {
  max-width: 720px;
  line-height: 1.82;
}
.page-cases .case-context-line-v2 {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 16px;
  background: linear-gradient(90deg, rgba(0,91,172,.075), rgba(0,164,228,.035));
  border: 1px solid #dfeaf5;
}
.page-cases .case-context-line-v2 strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  background: #005BAC;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}
.page-cases .case-context-line-v2 span {
  color: #324962;
  font-size: 13.5px;
  line-height: 1.65;
  font-weight: 760;
}
.page-cases .case-story-card-refined dl {
  gap: 14px 18px;
}
.page-cases .case-story-card-refined dt {
  background: transparent !important;
  justify-content: flex-start;
  min-height: auto;
  padding: 0;
  border-radius: 0;
  font-size: 12.5px;
  line-height: 1.45;
  letter-spacing: .1px;
}
.page-cases .case-story-card-refined dt:nth-of-type(1) { color: #c65d00; }
.page-cases .case-story-card-refined dt:nth-of-type(2) { color: #005BAC; }
.page-cases .case-story-card-refined dt:nth-of-type(3) { color: #16824d; }
@media (max-width: 1024px) {
  .page-cases .case-spotlight-focus { grid-template-columns: 1fr; }
  .page-cases .case-spotlight-focus div { min-height: auto; }
}
@media (max-width: 520px) {
  .page-cases .case-context-line-v2 { grid-template-columns: 1fr; gap: 9px; }
  .page-cases .case-context-line-v2 strong { width: fit-content; }
}

/* 20260622 cases remove scenario positioning line */
.case-story-card-refined .case-story-head {
  margin-bottom: 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(0,91,172,.10);
}
.case-story-card-refined dl {
  margin-top: 0;
}
.case-story-card-refined dl dt:first-child {
  margin-top: 0;
}

/* 20260622 about page history and profile redesign */
.page-about .about-history-vertical-section {
  background: radial-gradient(circle at 16% 16%, rgba(0,164,228,.10), transparent 28%), linear-gradient(180deg,#f6f9fd 0%,#ffffff 100%);
}
.page-about .about-history-vertical { position: relative; max-width: 980px; margin: 52px auto 0; display: grid; gap: 22px; }
.page-about .about-history-vertical::before { content: ""; position: absolute; left: 29px; top: 20px; bottom: 20px; width: 2px; background: linear-gradient(180deg, rgba(0,91,172,0), rgba(0,164,228,.65), rgba(0,91,172,0)); }
.page-about .about-history-vertical .history-node { min-height: 0; display: grid; grid-template-columns: 60px minmax(0,1fr); align-items: start; gap: 22px; padding: 0; background: transparent; border: 0; box-shadow: none; overflow: visible; }
.page-about .about-history-vertical .history-node:nth-child(even) { margin-top: 0; transform: none; }
.page-about .about-history-vertical .history-node::after { display: none; }
.page-about .about-history-vertical .history-node i { width: 60px; height: 60px; margin: 0; border-radius: 18px; font-size: 13px; box-shadow: 0 16px 34px rgba(0,91,172,.24); }
.page-about .about-history-vertical .history-node div { padding: 26px 30px; border-radius: 24px; background: rgba(255,255,255,.86); border: 1px solid #dfeaf5; box-shadow: 0 18px 44px rgba(0,44,95,.08); }
.page-about .about-history-vertical .history-node b { margin: 0 0 10px; font-size: 28px; letter-spacing: -.3px; }
.page-about .about-history-vertical .history-node span { font-size: 15px; line-height: 1.85; }
.page-about .about-command-section { background: linear-gradient(135deg,#071d3a 0%,#0b3568 48%,#005BAC 100%); color: #fff; overflow: hidden; }
.page-about .about-command-panel { position: relative; padding: 46px; border-radius: 34px; background: radial-gradient(circle at 88% 14%, rgba(115,216,255,.24), transparent 28%), rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 30px 90px rgba(0,22,54,.28); }
.page-about .about-command-panel::before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(255,255,255,.10); border-radius: 26px; pointer-events: none; }
.page-about .about-command-head { position: relative; z-index: 1; max-width: 860px; }
.page-about .about-command-head .section-kicker, .page-about .about-section-split .section-kicker { color: #00A4E4; }
.page-about .about-command-head h3, .page-about .about-section-split h3 { margin: 8px 0 12px; color: #fff; font-size: 40px; line-height: 1.22; letter-spacing: -.5px; }
.page-about .about-command-head p { color: rgba(232,247,255,.82); font-size: 15px; line-height: 1.9; }
.page-about .about-command-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; margin-top: 34px; }
.page-about .about-command-grid div { min-height: 184px; padding: 24px 22px; border-radius: 22px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.16); }
.page-about .about-command-grid em { display: block; color: #75d8ff; font-style: normal; font-size: 12px; font-weight: 900; letter-spacing: 1.6px; }
.page-about .about-command-grid b { display: block; margin: 18px 0 10px; color: #fff; font-size: 22px; line-height: 1.25; }
.page-about .about-command-grid span { color: rgba(232,247,255,.78); font-size: 14px; line-height: 1.78; }
.page-about .about-service-matrix-section, .page-about .about-team-section { background: linear-gradient(180deg,#ffffff 0%,#f5f9fe 100%); }
.page-about .about-section-split { display: grid; grid-template-columns: minmax(280px,.48fr) minmax(0,1fr); gap: 46px; align-items: end; margin-bottom: 34px; }
.page-about .about-section-split h3 { color: #14223b; }
.page-about .about-section-split p { margin: 0; color: #53677f; font-size: 15px; line-height: 1.9; }
.page-about .about-service-matrix { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; border-radius: 30px; overflow: hidden; background: #fff; box-shadow: 0 24px 70px rgba(0,44,95,.10); border: 1px solid #dfeaf5; }
.page-about .about-service-matrix article { position: relative; min-height: 240px; padding: 34px 28px; border-right: 1px solid #e4edf6; background: linear-gradient(180deg,#fff,#f7fbff); }
.page-about .about-service-matrix article:last-child { border-right: 0; }
.page-about .about-service-matrix article::before { content: ""; position: absolute; left: 28px; top: 28px; width: 36px; height: 4px; border-radius: 99px; background: linear-gradient(90deg,#005BAC,#00A4E4); }
.page-about .about-service-matrix strong { display: block; margin-top: 30px; color: #14223b; font-size: 23px; line-height: 1.3; }
.page-about .about-service-matrix span { display: block; margin-top: 14px; color: #53677f; font-size: 14px; line-height: 1.82; }
.page-about .about-values-section { background: radial-gradient(circle at 12% 18%, rgba(0,164,228,.10), transparent 28%), #fff; }
.page-about .about-values-panel { padding: 44px; border-radius: 34px; background: linear-gradient(135deg,#f4f9fe,#ffffff); border: 1px solid #dfeaf5; box-shadow: 0 24px 70px rgba(0,44,95,.09); }
.page-about .about-strength-board { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; margin-top: 38px; }
.page-about .about-strength-board div { min-height: 168px; padding: 24px 18px; border-radius: 22px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 18px 46px rgba(0,22,54,.14); }
.page-about .about-strength-board strong { display: block; color: #fff; font-size: 23px; line-height: 1.24; margin-bottom: 12px; }
.page-about .about-strength-board span { color: rgba(232,247,255,.78); font-size: 13px; line-height: 1.7; }
.page-about .about-team-lanes { display: grid; gap: 14px; }
.page-about .about-team-lanes div { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 26px; align-items: center; padding: 24px 28px; border-radius: 22px; background: #fff; border: 1px solid #dfeaf5; box-shadow: 0 14px 34px rgba(0,44,95,.07); }
.page-about .about-team-lanes b { color: #005BAC; font-size: 22px; line-height: 1.28; }
.page-about .about-team-lanes span { color: #53677f; font-size: 15px; line-height: 1.82; }
@media (max-width: 1180px) { .page-about .about-command-grid, .page-about .about-service-matrix { grid-template-columns: repeat(2,minmax(0,1fr)); } .page-about .about-strength-board { grid-template-columns: repeat(3,minmax(0,1fr)); } .page-about .about-service-matrix article:nth-child(2) { border-right: 0; } .page-about .about-service-matrix article { border-bottom: 1px solid #e4edf6; } .page-about .about-service-matrix article:nth-child(n+3) { border-bottom: 0; } }
@media (max-width: 768px) { .page-about .about-history-vertical::before { left: 23px; } .page-about .about-history-vertical .history-node { grid-template-columns: 48px minmax(0,1fr); gap: 14px; } .page-about .about-history-vertical .history-node i { width: 48px; height: 48px; border-radius: 15px; } .page-about .about-history-vertical .history-node div { padding: 22px 20px; } .page-about .about-command-panel { padding: 30px 22px; border-radius: 26px; } .page-about .about-command-grid, .page-about .about-service-matrix, .page-about .about-section-split, .page-about .about-strength-board { grid-template-columns: 1fr; } .page-about .about-command-head h3, .page-about .about-section-split h3 { font-size: 30px; } .page-about .about-service-matrix article { border-right: 0 !important; border-bottom: 1px solid #e4edf6 !important; } .page-about .about-service-matrix article:last-child { border-bottom: 0 !important; } .page-about .about-values-panel { padding: 28px 20px; } .page-about .about-team-lanes div { grid-template-columns: 1fr; gap: 10px; } }

/* 20260622 about page current feedback refinement */
.page-about .inner-hero-main p {
  max-width: 900px;
  color: rgba(232,247,255,.88);
  font-size: 20px;
  line-height: 1.9;
  letter-spacing: .1px;
}
.page-about .about-profile-refined .about-brand-points.one-line div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 96px;
  border-left: 0;
  border-top: 3px solid #00A4E4;
  background: linear-gradient(180deg,#f6fbff 0%, #ffffff 100%);
  box-shadow: 0 14px 34px rgba(0,44,95,.065);
}
.page-about .about-profile-refined .about-brand-points.one-line b {
  margin-bottom: 10px;
  font-size: 15px;
  letter-spacing: .1px;
}
.page-about .about-profile-refined .about-brand-points.one-line span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  color: #14223b;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 850;
  white-space: normal;
}
.page-about .about-history-vertical-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(0,164,228,.14), transparent 28%),
    radial-gradient(circle at 82% 6%, rgba(0,91,172,.10), transparent 26%),
    linear-gradient(180deg,#f5f9fe 0%,#ffffff 100%);
}
.page-about .about-history-vertical-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(0,91,172,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(0,91,172,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%);
  pointer-events: none;
}
.page-about .about-history-vertical-section .matrix-section-head {
  position: relative;
  z-index: 1;
}
.page-about .about-history-vertical {
  max-width: 1060px;
  gap: 28px;
  margin-top: 58px;
  padding: 10px 0 10px;
}
.page-about .about-history-vertical::before {
  left: 36px;
  top: 12px;
  bottom: 12px;
  width: 3px;
  background: linear-gradient(180deg, rgba(0,91,172,0), rgba(0,164,228,.92) 14%, rgba(0,91,172,.86) 72%, rgba(0,91,172,0));
  box-shadow: 0 0 22px rgba(0,164,228,.22);
}
.page-about .about-history-vertical .history-node {
  grid-template-columns: 74px minmax(0,1fr);
  gap: 26px;
  align-items: stretch;
}
.page-about .about-history-vertical .history-node i {
  align-self: start;
  width: 74px;
  height: 74px;
  border-radius: 22px;
  background: linear-gradient(135deg,#005BAC,#00A4E4);
  border: 6px solid rgba(255,255,255,.72);
  box-shadow: 0 18px 40px rgba(0,91,172,.26), 0 0 0 1px rgba(0,164,228,.18);
}
.page-about .about-history-vertical .history-node div {
  position: relative;
  min-height: 132px;
  padding: 30px 34px 30px 38px;
  border-radius: 26px;
  background:
    linear-gradient(90deg, rgba(0,91,172,.07), rgba(0,164,228,0) 34%),
    rgba(255,255,255,.92);
  border: 1px solid rgba(0,91,172,.10);
  box-shadow: 0 22px 56px rgba(0,44,95,.09);
  overflow: hidden;
}
.page-about .about-history-vertical .history-node div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg,#005BAC,#00A4E4);
}
.page-about .about-history-vertical .history-node div::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -54px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,164,228,.13), rgba(0,164,228,0) 68%);
}
.page-about .about-history-vertical .history-node b {
  position: relative;
  z-index: 1;
  color: #005BAC;
  font-size: 32px;
  line-height: 1.08;
}
.page-about .about-history-vertical .history-node span {
  position: relative;
  z-index: 1;
  max-width: 820px;
  color: #53677f;
  font-size: 15px;
  line-height: 1.9;
}
.page-about .about-command-section {
  background:
    radial-gradient(circle at 84% 12%, rgba(115,216,255,.20), transparent 30%),
    linear-gradient(145deg,#061a34 0%,#092f5d 48%,#005BAC 100%);
}
.page-about .about-command-panel {
  padding: 52px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.055)),
    radial-gradient(circle at 88% 18%, rgba(0,164,228,.26), transparent 30%);
}
.page-about .about-command-grid div {
  min-height: 202px;
  background: linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.075));
  backdrop-filter: blur(8px);
  transition: transform .25s ease, background .25s ease;
}
.page-about .about-command-grid div:hover {
  transform: translateY(-5px);
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.09));
}
.page-about .about-service-matrix-section {
  background:
    radial-gradient(circle at 90% 18%, rgba(0,164,228,.08), transparent 24%),
    linear-gradient(180deg,#ffffff 0%,#f5f9fe 100%);
}
.page-about .about-service-matrix {
  border: 0;
  gap: 16px;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.page-about .about-service-matrix article {
  border: 1px solid #dfeaf5 !important;
  border-radius: 24px;
  box-shadow: 0 18px 48px rgba(0,44,95,.08);
  overflow: hidden;
}
.page-about .about-values-panel {
  background:
    radial-gradient(circle at 82% 20%, rgba(0,164,228,.12), transparent 30%),
    linear-gradient(135deg,#f6fbff,#ffffff);
}
.page-about .about-strength-section {
  position: relative;
  overflow: hidden;
}
.page-about .about-strength-section::before {
  content: "";
  position: absolute;
  left: -80px;
  top: 40px;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(115,216,255,.18), rgba(115,216,255,0) 68%);
}
.page-about .about-team-lanes div {
  border-left: 4px solid #00A4E4;
}
@media (max-width: 1180px) {
  .page-about .about-history-vertical .history-node { grid-template-columns: 64px minmax(0,1fr); gap: 18px; }
  .page-about .about-history-vertical::before { left: 31px; }
  .page-about .about-history-vertical .history-node i { width: 64px; height: 64px; }
  .page-about .about-command-panel { padding: 34px; }
}
@media (max-width: 768px) {
  .page-about .inner-hero-main p { font-size: 16px; line-height: 1.75; }
  .page-about .about-profile-refined .about-brand-points.one-line { grid-template-columns: 1fr !important; }
  .page-about .about-history-vertical { gap: 20px; margin-top: 38px; }
  .page-about .about-history-vertical .history-node { grid-template-columns: 54px minmax(0,1fr); gap: 14px; }
  .page-about .about-history-vertical::before { left: 26px; }
  .page-about .about-history-vertical .history-node i { width: 54px; height: 54px; border-radius: 18px; border-width: 4px; }
  .page-about .about-history-vertical .history-node div { padding: 22px 20px 22px 24px; }
  .page-about .about-history-vertical .history-node b { font-size: 25px; }
  .page-about .about-command-grid,
  .page-about .about-service-matrix,
  .page-about .about-strength-board { grid-template-columns: 1fr !important; }
  .page-about .about-section-split { grid-template-columns: 1fr; gap: 18px; }
  .page-about .about-team-lanes div { grid-template-columns: 1fr; gap: 10px; }
}

/* 20260622 about page six feedback refinement */
.page-about .inner-hero-main p {
  font-size: 17px !important;
  line-height: 1.9 !important;
  font-weight: 500 !important;
  color: rgba(232,247,255,.86) !important;
  max-width: 900px;
}
.page-about .about-brand-hero.about-profile-refined {
  grid-template-columns: minmax(0,1.12fr) minmax(340px,.78fr);
  align-items: stretch;
  gap: 36px;
}
.page-about .about-brand-dashboard {
  align-self: stretch;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-left: 14px;
  transform: translateX(18px);
}
.page-about .about-brand-dashboard div {
  min-height: 116px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 20px;
}
.page-about .about-brand-dashboard strong { font-size: 29px; }
.page-about .matrix-section-head h3,
.page-about .about-command-head h3,
.page-about .about-section-split h3,
.page-about .about-culture-layout h3 {
  font-size: 34px !important;
  line-height: 1.24 !important;
  letter-spacing: -.35px !important;
}
.page-about .about-history-vertical-section {
  background: linear-gradient(180deg,#f3f8fd 0%,#ffffff 100%) !important;
}
.page-about .about-history-vertical-section::before { display: none !important; }
.page-about .about-history-timeline {
  position: relative;
  max-width: 980px;
  margin: 54px auto 0;
  padding: 8px 0 10px;
}
.page-about .about-history-timeline::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  transform: translateX(-50%);
  background: #dbe7f2;
}
.page-about .history-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) 84px minmax(0,1fr);
  align-items: center;
  min-height: 130px;
  margin: 18px 0;
}
.page-about .history-card > span {
  grid-column: 2;
  justify-self: center;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: #0b3b78;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(0,44,95,.16);
}
.page-about .history-card div {
  position: relative;
  max-width: 430px;
  padding: 26px 30px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e2ebf4;
  box-shadow: 0 14px 34px rgba(0,44,95,.08);
}
.page-about .history-card.right div { grid-column: 3; justify-self: start; }
.page-about .history-card.left div { grid-column: 1; justify-self: end; }
.page-about .history-card b {
  display: block;
  margin-bottom: 12px;
  color: #14223b;
  font-size: 21px;
  line-height: 1.3;
  font-weight: 900;
}
.page-about .history-card p {
  margin: 0;
  color: #53677f;
  font-size: 15px;
  line-height: 1.78;
}
.page-about .about-command-section {
  background: linear-gradient(135deg,#06224c 0%,#005BAC 68%,#118ed0 100%) !important;
}
.page-about .about-command-panel {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.page-about .about-command-panel::before { display: none !important; }
.page-about .about-command-head { max-width: 760px; }
.page-about .about-command-head p {
  max-width: 720px;
  margin-top: 14px;
  color: rgba(232,247,255,.84);
}
.page-about .about-command-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 26px;
  margin-top: 42px;
}
.page-about .about-command-grid div {
  min-height: 0 !important;
  padding: 0 4px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.page-about .about-command-grid div:hover { transform: none !important; background: transparent !important; }
.page-about .about-command-grid em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  color: #b9edff;
}
.page-about .about-command-grid b {
  margin: 0 0 12px;
  font-size: 23px;
}
.page-about .about-command-grid span {
  display: block;
  max-width: 235px;
  font-size: 14px;
  line-height: 1.82;
}
.page-about .about-section-stack {
  display: block !important;
  max-width: 860px;
  margin-bottom: 32px;
}
.page-about .about-section-stack .section-kicker { margin-bottom: 8px; }
.page-about .about-section-stack h3 { margin: 8px 0 14px !important; color: #14223b !important; }
.page-about .about-section-stack p {
  max-width: 760px;
  margin: 0 !important;
  color: #53677f;
  font-size: 15px;
  line-height: 1.88;
}
.page-about .about-team-section .about-section-stack p { max-width: 820px; }
.page-about .about-service-matrix { gap: 20px; }
.page-about .about-service-matrix article {
  min-height: 210px;
  padding: 34px 26px 30px;
}
.page-about .about-service-matrix strong { font-size: 22px; }
.page-about .about-team-lanes {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 20px;
}
.page-about .about-team-lanes div {
  display: block;
  min-height: 172px;
  padding: 30px 32px;
  border-left: 0 !important;
}
.page-about .about-team-lanes b {
  display: block;
  margin-bottom: 16px;
  font-size: 23px;
}
.page-about .about-team-lanes span { display: block; }
@media (max-width: 1180px) {
  .page-about .about-brand-hero.about-profile-refined { grid-template-columns: 1fr; }
  .page-about .about-brand-dashboard { margin-left: 0; transform: none; }
  .page-about .about-command-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .page-about .inner-hero-main p { font-size: 15px !important; line-height: 1.78 !important; }
  .page-about .about-history-timeline::before { left: 38px; }
  .page-about .history-card { grid-template-columns: 76px minmax(0,1fr); gap: 14px; }
  .page-about .history-card > span { grid-column: 1; min-width: 64px; font-size: 12px; }
  .page-about .history-card.left div,
  .page-about .history-card.right div { grid-column: 2; justify-self: stretch; }
  .page-about .about-command-grid,
  .page-about .about-team-lanes { grid-template-columns: 1fr; }
  .page-about .about-command-grid span { max-width: none; }
}

/* 20260622 about page second feedback premium refinement */
.page-about .about-profile-refined .about-brand-points.one-line { gap: 12px !important; }
.page-about .about-profile-refined .about-brand-points.one-line div {
  padding: 16px 12px !important;
  min-width: 0;
}
.page-about .about-profile-refined .about-brand-points.one-line span {
  white-space: nowrap !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  letter-spacing: -.3px;
}
.page-about .about-history-timeline {
  max-width: 1120px !important;
  margin-top: 48px !important;
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 18px;
  padding-top: 68px !important;
}
.page-about .about-history-timeline::before {
  left: 5% !important;
  right: 5% !important;
  top: 48px !important;
  bottom: auto !important;
  width: auto !important;
  height: 2px !important;
  transform: none !important;
  background: linear-gradient(90deg, rgba(0,91,172,0), rgba(0,164,228,.7), rgba(0,91,172,0)) !important;
}
.page-about .history-card {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
}
.page-about .history-card > span {
  position: absolute;
  top: -48px;
  left: 50%;
  transform: translateX(-50%);
  min-width: 84px !important;
  height: 38px !important;
  padding: 0 16px !important;
  white-space: nowrap;
  font-size: 14px !important;
}
.page-about .history-card div {
  max-width: none !important;
  min-height: 214px;
  padding: 28px 22px !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg,#ffffff,#f8fbff) !important;
}
.page-about .history-card b { font-size: 21px !important; }
.page-about .history-card p { font-size: 14px !important; line-height: 1.78 !important; }
.page-about .about-command-head { max-width: 1180px !important; }
.page-about .about-command-head p,
.page-about .about-section-stack p,
.page-about .matrix-section-head p,
.page-about .about-culture-layout p,
.page-about .about-team-lanes span,
.page-about .about-command-grid span {
  white-space: nowrap !important;
  max-width: none !important;
}
.page-about .about-command-grid {
  gap: 34px !important;
  margin-top: 46px !important;
}
.page-about .about-command-grid div {
  position: relative;
  padding-top: 54px !important;
}
.page-about .about-command-grid em {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  background: linear-gradient(135deg, rgba(117,216,255,.36), rgba(255,255,255,.12)) !important;
}
.page-about .about-command-grid b { font-size: 23px !important; }
.page-about .about-command-grid span { font-size: 13px !important; line-height: 1.78 !important; }
.page-about .about-values-panel {
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.page-about .about-values-section {
  background:
    radial-gradient(circle at 82% 24%, rgba(0,164,228,.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f6faff 100%) !important;
}
.page-about .about-culture-layout {
  grid-template-columns: .92fr 1.08fr !important;
  gap: 58px !important;
  align-items: center;
  padding: 12px 0;
}
.page-about .culture-ellipse {
  min-height: 310px;
  padding: 26px;
  border-radius: 34px;
  background: radial-gradient(circle at center, rgba(0,164,228,.10), rgba(255,255,255,0) 62%);
  border: 0 !important;
}
.page-about .culture-ellipse::before {
  content: "";
  position: absolute;
  inset: 38px 34px;
  border-radius: 50%;
  border: 2px solid rgba(0,164,228,.22);
  box-shadow: inset 0 0 34px rgba(0,164,228,.08), 0 0 34px rgba(0,164,228,.08);
}
.page-about .culture-ellipse::after {
  content: "";
  position: absolute;
  inset: 70px 90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,91,172,.12), rgba(0,91,172,0) 70%);
}
.page-about .culture-ellipse span {
  z-index: 2;
  min-width: 72px;
  height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(135deg,#005BAC,#00A4E4);
  box-shadow: 0 12px 28px rgba(0,91,172,.22);
  color: #fff;
  font-size: 15px;
  font-weight: 900;
}
.page-about .about-strength-section {
  background:
    radial-gradient(circle at 18% 18%, rgba(115,216,255,.16), transparent 28%),
    linear-gradient(135deg,#06224c 0%,#005BAC 68%,#118ed0 100%) !important;
}
.page-about .about-strength-board { display: none !important; }
.page-about .about-strength-showcase {
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  gap: 26px;
  align-items: stretch;
  margin-top: 40px;
}
.page-about .strength-core {
  position: relative;
  overflow: hidden;
  padding: 34px 30px;
  border-radius: 28px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 22px 58px rgba(0,22,54,.18);
}
.page-about .strength-core span {
  display: block;
  margin-bottom: 18px;
  color: #b9edff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.5px;
}
.page-about .strength-core strong {
  display: block;
  color: #fff;
  font-size: 30px;
  line-height: 1.22;
  font-weight: 900;
}
.page-about .strength-core p {
  margin: 18px 0 0;
  color: rgba(232,247,255,.82);
  font-size: 14px;
  line-height: 1.85;
}
.page-about .strength-items {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.page-about .strength-items div {
  padding: 26px 24px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 46px rgba(0,22,54,.12);
}
.page-about .strength-items b {
  display: block;
  color: #fff;
  font-size: 23px;
  line-height: 1.24;
  margin-bottom: 12px;
}
.page-about .strength-items span {
  display: block;
  color: rgba(232,247,255,.80);
  font-size: 13px;
  line-height: 1.7;
  white-space: nowrap;
}
.page-about .about-team-lanes {
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 18px !important;
}
.page-about .about-team-lanes div {
  min-height: 210px !important;
  padding: 32px 24px !important;
  border-radius: 26px !important;
  background: linear-gradient(180deg,#ffffff,#f7fbff) !important;
}
.page-about .about-team-lanes b { font-size: 22px !important; }
.page-about .about-team-lanes span { font-size: 13px !important; line-height: 1.78 !important; }
@media (max-width: 1180px) {
  .page-about .about-history-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); padding-top: 0 !important; }
  .page-about .about-history-timeline::before { display: none; }
  .page-about .history-card > span { position: static; transform: none; margin-bottom: 14px; }
  .page-about .about-command-head p,
  .page-about .about-section-stack p,
  .page-about .matrix-section-head p,
  .page-about .about-culture-layout p,
  .page-about .about-team-lanes span,
  .page-about .about-command-grid span { white-space: normal !important; }
  .page-about .about-strength-showcase { grid-template-columns: 1fr; }
  .page-about .about-team-lanes { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 768px) {
  .page-about .about-history-timeline,
  .page-about .strength-items,
  .page-about .about-team-lanes { grid-template-columns: 1fr !important; }
  .page-about .about-culture-layout { grid-template-columns: 1fr !important; }
  .page-about .culture-ellipse { min-height: 260px; }
}



/* 20260622 about page third feedback full redesign */
.page-about .about-profile-refined .about-brand-points.one-line {
  display: grid !important;
  grid-template-columns: minmax(0,1.02fr) minmax(0,1.22fr) minmax(0,1.16fr);
  gap: 16px;
  align-items: stretch;
}
.page-about .about-profile-refined .about-brand-points.one-line div {
  min-width: 0;
  overflow: visible;
  padding: 18px 26px 18px 18px;
  border-left: 0;
  border-top: 3px solid #00A4E4;
  border-radius: 14px;
  background: linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
  box-shadow: 0 16px 36px rgba(0,44,95,.07);
}
.page-about .about-profile-refined .about-brand-points.one-line b { margin-bottom: 10px; font-size: 15px; }
.page-about .about-profile-refined .about-brand-points.one-line span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: visible;
  color: #001f4f;
  font-size: 14px;
  line-height: 1.45;
  letter-spacing: -.25px;
}
.page-about .about-history-vertical-section {
  background:
    radial-gradient(circle at 14% 18%, rgba(0,164,228,.10), transparent 30%),
    linear-gradient(180deg,#f6f9fd 0%,#ffffff 100%);
}
.page-about .history-premium-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 18px;
  max-width: 1180px;
  margin: 58px auto 0;
  padding: 38px 0 0;
}
.page-about .history-premium-flow::before {
  content: "";
  position: absolute;
  left: 7%;
  right: 7%;
  top: 22px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(0,91,172,0), rgba(0,164,228,.75), rgba(0,91,172,0));
  box-shadow: 0 0 28px rgba(0,164,228,.25);
}
.page-about .history-premium-flow .history-card {
  position: relative;
  min-height: 236px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none !important;
}
.page-about .history-premium-flow .history-card::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -26px;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  border-radius: 50%;
  background: #00A4E4;
  border: 5px solid #e8f7ff;
  box-shadow: 0 0 0 6px rgba(0,164,228,.12);
}
.page-about .history-premium-flow .history-card > span {
  position: absolute;
  left: 50%;
  top: -76px;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 96px;
  height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(135deg,#004b9b,#0078ce);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 16px 30px rgba(0,91,172,.22);
}
.page-about .history-premium-flow .history-card div {
  position: relative;
  min-height: 220px;
  padding: 30px 24px 28px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,252,255,.96));
  border: 1px solid #dfeaf5;
  box-shadow: 0 22px 52px rgba(0,44,95,.09);
  overflow: hidden;
}
.page-about .history-premium-flow .history-card div::after {
  content: "";
  position: absolute;
  right: -36px;
  bottom: -36px;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,164,228,.16), rgba(0,164,228,0) 70%);
}
.page-about .history-premium-flow .history-card b {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 0 14px;
  color: #14223b;
  font-size: 21px;
  line-height: 1.25;
}
.page-about .history-premium-flow .history-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #53677f;
  font-size: 14px;
  line-height: 1.82;
}
.page-about .about-command-section {
  background: linear-gradient(135deg,#051a35 0%,#073866 52%,#0076bd 100%);
}
.page-about .about-command-panel {
  padding: 54px 56px 58px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 8%, rgba(115,216,255,.26), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 34px 90px rgba(0,22,54,.30);
}
.page-about .about-command-panel::before { display: none; }
.page-about .command-premium-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
  margin-top: 34px;
}
.page-about .command-premium-grid div {
  min-height: 136px;
  display: grid;
  grid-template-columns: 58px minmax(110px,.38fr) minmax(0,1fr);
  align-items: center;
  gap: 18px;
  padding: 24px 28px;
  border-radius: 22px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.15);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 44px rgba(0,22,54,.16);
}
.page-about .command-premium-grid em {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: rgba(117,216,255,.18);
  color: #75d8ff;
  font-size: 13px;
  letter-spacing: .8px;
}
.page-about .command-premium-grid b { margin: 0; color: #fff; font-size: 22px; white-space: nowrap; }
.page-about .command-premium-grid span { color: rgba(232,247,255,.82); font-size: 14px; line-height: 1.75; }
.page-about .about-values-section { background: linear-gradient(180deg,#ffffff 0%,#f6f9fd 100%); }
.page-about .about-values-premium {
  display: grid;
  grid-template-columns: minmax(0,1fr) 380px;
  gap: 54px;
  align-items: center;
  padding: 56px 58px;
  border-radius: 36px;
  background:
    radial-gradient(circle at 82% 20%, rgba(0,164,228,.12), transparent 34%),
    linear-gradient(135deg,#f8fbff,#ffffff);
  box-shadow: 0 28px 80px rgba(0,44,95,.09);
}
.page-about .about-values-premium h3 { margin: 10px 0 16px; color:#14223b; font-size:40px; line-height:1.22; }
.page-about .about-values-premium p { max-width: 760px; color:#53677f; font-size:15px; line-height:1.9; }
.page-about .values-orbit {
  position: relative;
  min-height: 300px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,91,172,.12), transparent 34%),
    linear-gradient(180deg,#eef8ff,#ffffff);
  border: 1px solid #dcebf7;
  box-shadow: inset 0 0 34px rgba(0,164,228,.08);
}
.page-about .values-orbit::before,
.page-about .values-orbit::after {
  content: "";
  position: absolute;
  inset: 42px 66px;
  border: 2px solid rgba(0,164,228,.22);
  border-radius: 50%;
}
.page-about .values-orbit::after { inset: 78px 104px; border-color: rgba(0,91,172,.18); }
.page-about .values-orbit strong {
  position: absolute;
  left: 50%; top: 50%; transform: translate(-50%,-50%);
  display: inline-flex; align-items: center; justify-content: center;
  width: 112px; height: 112px; border-radius: 50%;
  color: #fff; background: linear-gradient(135deg,#005BAC,#00A4E4);
  box-shadow: 0 20px 42px rgba(0,91,172,.24);
  font-size: 16px;
}
.page-about .values-orbit span {
  position: absolute;
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 72px; height: 36px; padding: 0 14px; border-radius: 999px;
  color: #fff; font-weight: 900; font-size: 14px;
  background: linear-gradient(135deg,#005BAC,#0097d8);
  box-shadow: 0 14px 28px rgba(0,91,172,.18);
}
.page-about .values-orbit span:nth-of-type(1){left:50%;top:28px;transform:translateX(-50%);} 
.page-about .values-orbit span:nth-of-type(2){right:42px;top:80px;} 
.page-about .values-orbit span:nth-of-type(3){right:48px;bottom:70px;} 
.page-about .values-orbit span:nth-of-type(4){left:50%;bottom:28px;transform:translateX(-50%);} 
.page-about .values-orbit span:nth-of-type(5){left:42px;bottom:70px;} 
.page-about .values-orbit span:nth-of-type(6){left:42px;top:80px;} 
.page-about .about-strength-section {
  background: radial-gradient(circle at 12% 12%, rgba(115,216,255,.14), transparent 32%), linear-gradient(135deg,#061b35 0%,#004b8f 55%,#0096d6 100%);
}
.page-about .about-strength-premium {
  display: grid;
  grid-template-columns: 360px minmax(0,1fr);
  gap: 26px;
  margin-top: 42px;
  align-items: stretch;
}
.page-about .strength-focus {
  position: relative;
  min-height: 310px;
  padding: 38px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 24px 62px rgba(0,22,54,.20);
  overflow: hidden;
}
.page-about .strength-focus::after { content:""; position:absolute; right:-52px; bottom:-52px; width:160px; height:160px; border-radius:50%; background:radial-gradient(circle,rgba(117,216,255,.20),rgba(117,216,255,0) 70%); }
.page-about .strength-focus span { color:#75d8ff; font-size:12px; font-weight:900; letter-spacing:2px; }
.page-about .strength-focus strong { display:block; margin:32px 0 20px; color:#fff; font-size:32px; line-height:1.24; }
.page-about .strength-focus p { color:rgba(232,247,255,.82); font-size:15px; line-height:1.85; }
.page-about .strength-rings {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}
.page-about .strength-rings div {
  min-height: 146px;
  padding: 28px 30px;
  border-radius: 26px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 18px 44px rgba(0,22,54,.15);
}
.page-about .strength-rings b { display:block; color:#fff; font-size:25px; line-height:1.25; margin-bottom:14px; }
.page-about .strength-rings span { color:rgba(232,247,255,.80); font-size:14px; line-height:1.75; }
.page-about .about-team-section { background: linear-gradient(180deg,#ffffff 0%,#f5f9fe 100%); }
.page-about .about-team-premium {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
  margin-top: 30px;
}
.page-about .about-team-premium div {
  position: relative;
  min-height: 238px;
  padding: 30px 26px 28px;
  border-radius: 26px;
  background: #fff;
  border: 1px solid #dfeaf5;
  box-shadow: 0 22px 54px rgba(0,44,95,.08);
  overflow: hidden;
}
.page-about .about-team-premium div::after { content:""; position:absolute; right:-32px; top:-32px; width:92px; height:92px; border-radius:50%; background:rgba(0,164,228,.10); }
.page-about .about-team-premium i { display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center; border-radius:14px; color:#005BAC; background:#eaf7ff; font-style:normal; font-size:13px; font-weight:900; }
.page-about .about-team-premium b { display:block; margin:26px 0 14px; color:#005BAC; font-size:23px; line-height:1.25; }
.page-about .about-team-premium span { display:block; color:#53677f; font-size:14px; line-height:1.78; }
@media (max-width:1180px) {
  .page-about .history-premium-flow,
  .page-about .about-team-premium { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-about .history-premium-flow::before { display:none; }
  .page-about .history-premium-flow .history-card > span,
  .page-about .history-premium-flow .history-card::before { position: static; transform:none; margin:0 0 14px; }
  .page-about .command-premium-grid,
  .page-about .about-values-premium,
  .page-about .about-strength-premium { grid-template-columns: 1fr; }
  .page-about .command-premium-grid div { grid-template-columns: 52px minmax(100px,.35fr) minmax(0,1fr); }
}
@media (max-width:760px) {
  .page-about .about-profile-refined .about-brand-points.one-line,
  .page-about .history-premium-flow,
  .page-about .command-premium-grid,
  .page-about .strength-rings,
  .page-about .about-team-premium { grid-template-columns: 1fr; }
  .page-about .about-profile-refined .about-brand-points.one-line span { white-space: normal; }
  .page-about .command-premium-grid div { grid-template-columns: 1fr; }
  .page-about .about-values-premium { padding: 34px 24px; }
}


/* 20260623 about page three feedback refinement */
.page-about .overall-strength-showcase {
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.page-about .overall-strength-head {
  max-width: 880px;
  margin-bottom: 34px;
}
.page-about .overall-strength-head .section-kicker { color: #75d8ff; }
.page-about .overall-strength-head h3 {
  margin: 8px 0 14px;
  color: #fff;
  font-size: 40px;
  line-height: 1.22;
  letter-spacing: -.5px;
}
.page-about .overall-strength-head p {
  color: rgba(232,247,255,.84);
  font-size: 15px;
  line-height: 1.9;
}
.page-about .overall-strength-layout {
  display: grid;
  grid-template-columns: 380px minmax(0,1fr);
  gap: 24px;
  align-items: stretch;
}
.page-about .strength-center-card {
  position: relative;
  min-height: 360px;
  padding: 38px 36px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 85% 18%, rgba(117,216,255,.22), transparent 32%),
    linear-gradient(160deg, rgba(255,255,255,.18), rgba(255,255,255,.075));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 30px 76px rgba(0,22,54,.25);
  overflow: hidden;
}
.page-about .strength-center-card::before {
  content: "";
  position: absolute;
  right: -72px;
  bottom: -72px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(117,216,255,.22), rgba(117,216,255,0) 70%);
}
.page-about .strength-center-card span {
  position: relative;
  z-index: 1;
  color: #75d8ff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 2px;
}
.page-about .strength-center-card strong {
  position: relative;
  z-index: 1;
  display: block;
  margin: 58px 0 22px;
  color: #fff;
  font-size: 34px;
  line-height: 1.22;
  letter-spacing: -.4px;
}
.page-about .strength-center-card p {
  position: relative;
  z-index: 1;
  color: rgba(232,247,255,.82);
  font-size: 15px;
  line-height: 1.9;
}
.page-about .strength-capability-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}
.page-about .strength-capability-list article {
  position: relative;
  min-height: 170px;
  padding: 28px 30px;
  border-radius: 26px;
  background: rgba(255,255,255,.11);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 44px rgba(0,22,54,.14);
  overflow: hidden;
}
.page-about .strength-capability-list article::after {
  content: "";
  position: absolute;
  right: -28px;
  top: -28px;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: rgba(117,216,255,.14);
}
.page-about .strength-capability-list em {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(117,216,255,.18);
  color: #75d8ff;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}
.page-about .strength-capability-list b {
  display: block;
  margin: 22px 0 10px;
  color: #fff;
  font-size: 24px;
  line-height: 1.25;
}
.page-about .strength-capability-list span {
  display: block;
  color: rgba(232,247,255,.80);
  font-size: 14px;
  line-height: 1.75;
}
.page-about .about-values-section {
  background:
    radial-gradient(circle at 88% 12%, rgba(0,164,228,.10), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f6f9fd 100%);
}
.page-about .about-culture-stack {
  padding: 58px;
  border-radius: 36px;
  background: linear-gradient(135deg,#f8fbff,#ffffff);
  border: 1px solid #dfeaf5;
  box-shadow: 0 28px 80px rgba(0,44,95,.09);
}
.page-about .culture-stack-head {
  max-width: 920px;
  margin-bottom: 34px;
}
.page-about .culture-stack-head h3 {
  margin: 10px 0 16px;
  color: #14223b;
  font-size: 40px;
  line-height: 1.22;
  letter-spacing: -.5px;
}
.page-about .culture-stack-head p {
  color: #53677f;
  font-size: 15px;
  line-height: 1.95;
}
.page-about .culture-core-grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 14px;
}
.page-about .culture-core-grid article {
  position: relative;
  min-height: 142px;
  padding: 24px 20px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid #dfeaf5;
  box-shadow: 0 16px 38px rgba(0,44,95,.07);
  overflow: hidden;
}
.page-about .culture-core-grid article::before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 34px;
  height: 4px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg,#005BAC,#00A4E4);
}
.page-about .culture-core-grid b {
  display: block;
  margin-bottom: 14px;
  color: #005BAC;
  font-size: 22px;
  line-height: 1.25;
}
.page-about .culture-core-grid span {
  display: block;
  color: #53677f;
  font-size: 13px;
  line-height: 1.72;
}
@media (max-width:1180px) {
  .page-about .overall-strength-layout { grid-template-columns: 1fr; }
  .page-about .culture-core-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .page-about .strength-capability-list,
  .page-about .culture-core-grid { grid-template-columns: 1fr; }
  .page-about .about-culture-stack { padding: 34px 24px; }
}


/* 20260623 about page differentiated section redesign */
.page-about .capability-blueprint { color:#fff; }
.page-about .blueprint-copy { max-width: 860px; margin-bottom: 42px; }
.page-about .blueprint-copy .section-kicker { color:#75d8ff; }
.page-about .blueprint-copy h3 { margin:8px 0 14px; color:#fff; font-size:40px; line-height:1.22; letter-spacing:-.5px; }
.page-about .blueprint-copy p { color:rgba(232,247,255,.84); font-size:15px; line-height:1.9; }
.page-about .blueprint-map { position:relative; min-height:430px; padding:36px 42px; border-radius:36px; background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045)); border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 86px rgba(0,22,54,.26); overflow:hidden; }
.page-about .blueprint-map::before { content:""; position:absolute; inset:52px 80px; border:1px dashed rgba(117,216,255,.24); border-radius:30px; }
.page-about .blueprint-core { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; width:260px; min-height:138px; padding:28px 26px; border-radius:30px; text-align:center; background:linear-gradient(135deg,#005BAC,#00A4E4); box-shadow:0 24px 62px rgba(0,22,54,.30); }
.page-about .blueprint-core span { display:block; color:rgba(255,255,255,.76); font-size:12px; font-weight:900; letter-spacing:1.8px; }
.page-about .blueprint-core strong { display:block; margin-top:14px; color:#fff; font-size:27px; line-height:1.22; }
.page-about .blueprint-layer { position:absolute; z-index:1; width:330px; padding:22px 24px; border-radius:24px; background:rgba(255,255,255,.105); border:1px solid rgba(255,255,255,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); }
.page-about .blueprint-layer::after { content:""; position:absolute; width:54px; height:2px; background:linear-gradient(90deg,rgba(117,216,255,.1),rgba(117,216,255,.65)); top:50%; }
.page-about .blueprint-layer b { display:block; color:#fff; font-size:22px; margin-bottom:10px; }
.page-about .blueprint-layer span { display:block; color:rgba(232,247,255,.78); font-size:14px; line-height:1.7; }
.page-about .blueprint-layer.layer-1 { left:42px; top:50px; }
.page-about .blueprint-layer.layer-2 { right:42px; top:50px; }
.page-about .blueprint-layer.layer-3 { left:42px; bottom:50px; }
.page-about .blueprint-layer.layer-4 { right:42px; bottom:50px; }
.page-about .blueprint-layer.layer-1::after,.page-about .blueprint-layer.layer-3::after { right:-54px; }
.page-about .blueprint-layer.layer-2::after,.page-about .blueprint-layer.layer-4::after { left:-54px; transform:rotate(180deg); }
.page-about .culture-manifesto { padding:58px; border-radius:0; background:transparent; border:0; box-shadow:none; }
.page-about .culture-manifesto-head { max-width:960px; margin:0 auto 34px; text-align:center; }
.page-about .culture-manifesto-head h3 { margin:10px 0 16px; color:#14223b; font-size:40px; line-height:1.22; letter-spacing:-.5px; }
.page-about .culture-manifesto-head p { color:#53677f; font-size:16px; line-height:1.95; }
.page-about .culture-keyword-row { display:flex; justify-content:center; gap:14px; flex-wrap:nowrap; margin:0 auto 28px; }
.page-about .culture-keyword-row span { display:inline-flex; align-items:center; justify-content:center; min-width:118px; height:54px; border-radius:999px; color:#005BAC; background:#fff; border:1px solid #dcebf7; font-size:20px; font-weight:900; box-shadow:0 16px 34px rgba(0,44,95,.07); }
.page-about .culture-note-line { display:flex; align-items:center; justify-content:center; gap:18px; max-width:960px; margin:0 auto; padding:18px 28px; border-radius:18px; background:linear-gradient(90deg,#eef8ff,#ffffff); border:1px solid #dcebf7; }
.page-about .culture-note-line b { color:#005BAC; font-size:16px; white-space:nowrap; }
.page-about .culture-note-line em { color:#53677f; font-style:normal; font-size:15px; line-height:1.7; }
.page-about .evidence-console { display:grid; grid-template-columns:360px minmax(0,1fr); gap:34px; margin-top:44px; align-items:stretch; }
.page-about .evidence-main { position:relative; padding:42px 38px; border-radius:34px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); box-shadow:0 24px 70px rgba(0,22,54,.20); overflow:hidden; }
.page-about .evidence-main::after { content:""; position:absolute; right:-60px; bottom:-60px; width:190px; height:190px; border-radius:50%; background:radial-gradient(circle,rgba(117,216,255,.20),rgba(117,216,255,0) 70%); }
.page-about .evidence-main span { color:#75d8ff; font-size:12px; font-weight:900; letter-spacing:2px; }
.page-about .evidence-main strong { display:block; margin:54px 0 20px; color:#fff; font-size:34px; line-height:1.22; }
.page-about .evidence-main p { color:rgba(232,247,255,.82); font-size:15px; line-height:1.9; }
.page-about .evidence-meter { display:grid; align-content:center; gap:22px; padding:34px; border-radius:34px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.13); }
.page-about .evidence-meter div { display:grid; grid-template-columns:120px minmax(0,1fr) 230px; align-items:center; gap:18px; }
.page-about .evidence-meter b { color:#fff; font-size:19px; }
.page-about .evidence-meter i { position:relative; height:12px; border-radius:999px; background:rgba(255,255,255,.12); overflow:hidden; }
.page-about .evidence-meter i::before { content:""; position:absolute; left:0; top:0; bottom:0; width:var(--w); border-radius:999px; background:linear-gradient(90deg,#75d8ff,#00A4E4); box-shadow:0 0 18px rgba(117,216,255,.35); }
.page-about .evidence-meter span { color:rgba(232,247,255,.78); font-size:14px; line-height:1.6; }
.page-about .delivery-team-process { max-width:900px; margin-bottom:36px; }
.page-about .delivery-team-process h3 { margin:8px 0 14px; color:#14223b; font-size:40px; line-height:1.22; letter-spacing:-.5px; }
.page-about .delivery-team-process p { color:#53677f; font-size:15px; line-height:1.9; }
.page-about .team-process-line { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:34px 0 10px; }
.page-about .team-process-line::before { content:""; position:absolute; left:8%; right:8%; top:56px; height:3px; border-radius:999px; background:linear-gradient(90deg,rgba(0,91,172,.08),rgba(0,164,228,.72),rgba(0,91,172,.08)); }
.page-about .team-process-line article { position:relative; padding:64px 24px 0; text-align:center; }
.page-about .team-process-line em { position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1; display:inline-flex; width:46px; height:46px; align-items:center; justify-content:center; border-radius:50%; color:#fff; background:linear-gradient(135deg,#005BAC,#00A4E4); box-shadow:0 16px 34px rgba(0,91,172,.22); font-style:normal; font-weight:900; }
.page-about .team-process-line b { display:block; color:#005BAC; font-size:24px; margin-bottom:14px; }
.page-about .team-process-line span { display:block; color:#53677f; font-size:14px; line-height:1.76; }
@media (max-width:1180px){
  .page-about .blueprint-map{min-height:auto;display:grid;gap:16px;padding:28px;}
  .page-about .blueprint-core,.page-about .blueprint-layer{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;width:auto;}
  .page-about .blueprint-map::before,.page-about .blueprint-layer::after{display:none;}
  .page-about .evidence-console{grid-template-columns:1fr;}
  .page-about .evidence-meter div{grid-template-columns:110px minmax(0,1fr);}
  .page-about .evidence-meter span{grid-column:2;}
  .page-about .culture-keyword-row{flex-wrap:wrap;}
}
@media (max-width:760px){
  .page-about .team-process-line{grid-template-columns:1fr;gap:20px;}
  .page-about .team-process-line::before{display:none;}
  .page-about .culture-note-line{display:block;text-align:center;}
  .page-about .evidence-meter div{grid-template-columns:1fr;}
  .page-about .evidence-meter span{grid-column:auto;}
}


/* 20260623 culture spacing and evidence focus refinement */
.page-about .culture-manifesto {
  max-width: 1180px;
  margin: 0 auto;
  padding: 62px 0 58px;
}
.page-about .culture-manifesto-head {
  max-width: none;
  margin: 0 0 36px;
  text-align: left;
  display: grid;
  grid-template-columns: 300px minmax(0,1fr);
  column-gap: 64px;
  align-items: end;
}
.page-about .culture-manifesto-head .section-kicker,
.page-about .culture-manifesto-head h3 { grid-column: 1; }
.page-about .culture-manifesto-head h3 { margin-bottom: 0; }
.page-about .culture-manifesto-head p {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: end;
  max-width: 720px;
  font-size: 16px;
  line-height: 2;
}
.page-about .culture-keyword-row {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  justify-content: stretch;
  gap: 18px;
  margin: 0 0 30px;
  width: 100%;
}
.page-about .culture-keyword-row span {
  min-width: 0;
  width: 100%;
  height: 60px;
  border-radius: 18px;
  background: linear-gradient(180deg,#ffffff,#f6fbff);
}
.page-about .culture-note-line {
  max-width: none;
  justify-content: flex-start;
  padding: 22px 30px;
  border-radius: 22px;
  background: linear-gradient(90deg,#eaf7ff 0%,#ffffff 100%);
}
.page-about .evidence-console {
  grid-template-columns: 330px minmax(0,1fr);
  gap: 30px;
}
.page-about .evidence-main {
  background: linear-gradient(180deg,#ffffff 0%,#f3f9ff 100%);
  border: 1px solid rgba(255,255,255,.85);
  box-shadow: 0 28px 76px rgba(0,22,54,.20);
}
.page-about .evidence-main::before {
  content: "";
  position: absolute;
  left: 38px;
  top: 0;
  width: 54px;
  height: 5px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg,#005BAC,#00A4E4);
}
.page-about .evidence-main::after {
  background: radial-gradient(circle, rgba(0,164,228,.16), rgba(0,164,228,0) 70%);
}
.page-about .evidence-main span {
  color: #005BAC;
}
.page-about .evidence-main strong {
  margin: 48px 0 18px;
  color: #005BAC;
  font-size: 38px;
}
.page-about .evidence-main p {
  color: #005BAC;
  font-size: 16px;
  line-height: 1.95;
  font-weight: 700;
}
@media (max-width:1180px) {
  .page-about .culture-manifesto-head { grid-template-columns: 1fr; row-gap: 18px; }
  .page-about .culture-manifesto-head .section-kicker,
  .page-about .culture-manifesto-head h3,
  .page-about .culture-manifesto-head p { grid-column: auto; grid-row: auto; }
  .page-about .culture-keyword-row { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .page-about .evidence-console { grid-template-columns: 1fr; }
}
@media (max-width:760px) {
  .page-about .culture-keyword-row { grid-template-columns: repeat(2,minmax(0,1fr)); }
}


/* 20260623 strength evidence text size refinement */
.page-about .evidence-main strong {
  font-size: 31px;
  line-height: 1.22;
  letter-spacing: -.4px;
}
.page-about .evidence-main p {
  font-size: 14px;
  line-height: 1.85;
  font-weight: 400;
}


/* 20260623 culture description inline layout refinement */
.page-about .culture-manifesto-head {
  grid-template-columns: 260px minmax(0,1fr);
  column-gap: 58px;
  align-items: start;
  margin-bottom: 48px;
}
.page-about .culture-manifesto-head p {
  align-self: start;
  max-width: none;
  white-space: nowrap;
  font-size: 15px;
  line-height: 1.8;
  padding-top: 28px;
}
.page-about .culture-keyword-row {
  margin-top: 0;
}
@media (max-width:1180px) {
  .page-about .culture-manifesto-head p {
    white-space: normal;
    padding-top: 0;
  }
}


/* 20260623 culture description moved under title */
.page-about .culture-manifesto-head {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  row-gap: 0;
  column-gap: 0;
  align-items: start;
  margin-bottom: 52px;
  text-align: left;
}
.page-about .culture-manifesto-head .section-kicker,
.page-about .culture-manifesto-head h3,
.page-about .culture-manifesto-head p {
  grid-column: 1;
  grid-row: auto;
}
.page-about .culture-manifesto-head h3 {
  margin: 10px 0 18px;
}
.page-about .culture-manifesto-head p {
  align-self: start;
  max-width: none;
  white-space: nowrap;
  padding-top: 0;
  margin: 0;
  color: #53677f;
  font-size: 15px;
  line-height: 1.8;
  font-weight: 400;
}
.page-about .culture-keyword-row {
  margin-top: 0;
}
@media (max-width:1180px) {
  .page-about .culture-manifesto-head p {
    white-space: normal;
  }
}


/* 20260623 culture kicker left alignment */
.page-about .culture-manifesto-head {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  justify-items: start;
  align-items: start;
  text-align: left;
  margin-bottom: 52px;
}
.page-about .culture-manifesto-head .section-kicker {
  justify-self: start;
  margin-left: 0;
  transform: none;
}
.page-about .culture-manifesto-head h3,
.page-about .culture-manifesto-head p {
  justify-self: start;
  text-align: left;
}
.page-about .culture-manifesto-head p {
  white-space: nowrap;
  max-width: none;
}
@media (max-width:1180px) {
  .page-about .culture-manifesto-head p {
    white-space: normal;
  }
}


/* 20260623 delivery team head center refinement */
.page-about .delivery-team-process {
  max-width: 1120px;
  margin: 0 auto 42px;
  text-align: center;
}
.page-about .delivery-team-process > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.page-about .delivery-team-process .section-kicker {
  align-self: center;
  justify-self: center;
}
.page-about .delivery-team-process h3 {
  text-align: center;
}
.page-about .delivery-team-process p {
  text-align: center;
  max-width: none;
  white-space: nowrap;
  margin: 0 auto;
  font-weight: 400;
}
@media (max-width:1180px) {
  .page-about .delivery-team-process p {
    white-space: normal;
  }
}

/* 20260623 stats inline label refinement */
.stats-grid {
  gap: 18px;
}
.stat-item {
  padding: 18px 8px;
}
.stat-inline-label {
  display: block;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.5;
  opacity: .86;
  letter-spacing: 0;
}
@media (max-width: 1180px) {
  .stat-inline-label { white-space: normal; }
}

/* 20260623 mobile fix: homepage service system only */
@media (max-width: 1180px) {
  .core-advantage-layout.solution-pyramid-section {
    grid-template-columns: 1fr;
    min-height: auto;
    gap: 34px;
  }
}
@media (max-width: 768px) {
  .core-advantage-layout.solution-pyramid-section {
    padding: 28px 16px;
    gap: 20px;
    border-radius: 20px;
    overflow: hidden;
  }
  .core-advantage-layout.solution-pyramid-section .advantage-triangle-visual {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    margin: 0 auto 4px;
    padding: 0;
    transform: none;
    overflow: hidden;
  }
  .core-advantage-layout.solution-pyramid-section .service-triangle-final-img {
    width: 100%;
    max-width: 360px;
    max-height: none;
    margin: 0 auto;
    object-fit: contain;
  }
  .core-advantage-layout.solution-pyramid-section .advantage-system-copy {
    width: 100%;
  }
  .core-advantage-layout.solution-pyramid-section .advantage-title-bar {
    width: 100%;
    justify-content: center;
    min-height: 0;
    padding: 10px 12px;
    font-size: 17px;
    line-height: 1.35;
    white-space: normal;
  }
  .core-advantage-layout.solution-pyramid-section .advantage-copy-list {
    display: grid;
    gap: 16px;
  }
  .core-advantage-layout.solution-pyramid-section .advantage-copy-item {
    grid-template-columns: 18px 1fr;
    gap: 12px;
  }
  .core-advantage-layout.solution-pyramid-section .advantage-copy-item i {
    width: 18px;
    height: 18px;
    margin-top: 5px;
  }
  .core-advantage-layout.solution-pyramid-section .advantage-copy-item h4 {
    font-size: 18px;
    line-height: 1.25;
  }
  .core-advantage-layout.solution-pyramid-section .advantage-copy-item p,
  .core-advantage-layout.solution-pyramid-section .advantage-companion-text {
    font-size: 13px;
    line-height: 1.65;
  }
  .core-advantage-layout.solution-pyramid-section .advantage-companion-text {
    margin: 14px 0 0;
  }
}
@media (max-width: 390px) {
  .core-advantage-layout.solution-pyramid-section {
    padding: 24px 12px;
  }
  .core-advantage-layout.solution-pyramid-section .service-triangle-final-img {
    max-width: 320px;
  }
}