:root {
  --bg:#ffffff;--bg-alt:#f8fafc;--bg-card:#ffffff;
  --blue:#00579c;--blue-dim:#004a85;--blue-deep:#003a6e;
  --blue-glow:rgba(0,87,156,0.22);--blue-faint:rgba(0,87,156,0.07);--blue-mid:rgba(0,87,156,0.14);
  --border:rgba(148,163,184,0.28);--border-hi:rgba(0,87,156,0.20);
  --t1:#0f172a;--t2:#475569;--t3:#94a3b8;
  --font:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--t1);background:var(--bg);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}ul{list-style:none}img{display:block;max-width:100%}

.section{padding:72px 0}
.lbl--white{background:rgba(255,255,255,.10);color:rgba(255,255,255,.85)}

.btn{border-radius:10px;font-weight:600;transition:all .2s;cursor:pointer;display:inline-flex;align-items:center;gap:6px;border:none;font-family:var(--font)}
.btn--lg{font-size:15px;padding:13px 26px}
.btn--md{font-size:14px;padding:11px 22px}
.btn--sm{font-size:13px;padding:8px 18px}
.btn--primary{background:var(--blue);color:#fff}
.btn--primary:hover{background:var(--blue-dim);transform:translateY(-1px);box-shadow:0 6px 20px -6px var(--blue-glow)}
.btn--ghost{background:transparent;color:var(--t1);border:1.5px solid var(--border)}
.btn--ghost:hover{border-color:var(--blue);color:var(--blue)}
.btn--outline-white{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.btn--outline-white:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7)}
.btn--hero-primary{background:#fff;color:var(--blue);height:41px;min-height:41px;padding:4px 20px 4px 4px;border-radius:100px;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:var(--font-size-body);line-height:1;text-decoration:none;box-sizing:border-box;box-shadow:0 12px 30px -10px rgba(0,20,55,.45);transition:transform .22s,box-shadow .22s}
.btn--hero-primary .ic{width:33px;height:33px;border-radius:50%;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.btn--hero-primary .ic svg{width:14px;height:14px;display:block}
.btn--hero-primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px -10px rgba(0,20,55,.5)}

/* ===== ENG CARD ===== */
.eng-card{--accent:#00579c;background-color:var(--bg-card);background-image:radial-gradient(circle,rgba(0,87,156,.06) 1px,transparent 1.3px);background-size:22px 22px;border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.7);transition:border-color .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.eng-card::before{content:'';position:absolute;top:10px;left:10px;width:14px;height:14px;border-top:1.5px solid var(--accent);border-left:1.5px solid var(--accent);border-top-left-radius:4px;opacity:.3;transition:opacity .35s,transform .35s}
.eng-card::after{content:'';position:absolute;bottom:10px;right:10px;width:14px;height:14px;border-bottom:1.5px solid var(--accent);border-right:1.5px solid var(--accent);border-bottom-right-radius:4px;opacity:.3;transition:opacity .35s,transform .35s}
.eng-card:hover{border-color:rgba(0,87,156,.32);transform:translateY(-5px);box-shadow:0 22px 40px -18px rgba(0,87,156,.22),inset 0 1px 0 rgba(255,255,255,.7)}
.eng-card:hover::before{opacity:1;transform:translate(-2px,-2px)}
.eng-card:hover::after{opacity:1;transform:translate(2px,2px)}

/* Banner：页面按需引入 common/industry-hero.css */

/* ===== STATS（浅色四列指标） ===== */
.global-support-page .tech-stats-section {
  padding: var(--space-module) 0;
  background: var(--bg);
}
.global-support-page .hero-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 0;
}
.global-support-page .hero-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 var(--space-card);
  box-sizing: border-box;
}
.global-support-page .hero-stat:not(:last-child) {
  border-right: 1px solid var(--color-border);
}
.global-support-page .hero-stat-num {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  font-size: var(--font-size-3xl);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: var(--color-title);
}
.global-support-page .hero-stat-num span {
  display: block;
  font-size: var(--font-size-base);
  font-weight: 500;
  letter-spacing: 0;
  color: var(--color-title);
}
.global-support-page .hero-stat-desc {
  margin: 0;
  max-width: 16em;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 1.55;
  color: var(--color-block-dec);
}

/* ===== WHY (Support Highlights) ===== */
.global-support-page .tech-why-section {
  padding: 0 0 var(--space-section);
  background: var(--bg);
}
.global-support-page .why-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-card);
  align-items: stretch;
}
.global-support-page .why-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: calc(var(--space-card) + 22px) calc(var(--space-card) + 8px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--gradient-2);
  box-sizing: border-box;
  transition: background 0.28s ease, border-color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;
}
.global-support-page .why-card-title {
  margin: 0 0 12px;
  font-size: var(--font-size-module-title);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--color-title);
  transition: color 0.28s ease;
  min-height: 50px;
}
.global-support-page .why-card-desc {
  margin: 0;
  flex: 1;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary);
  transition: color 0.28s ease;
}
.global-support-page .why-card:hover {
  background-color: var(--color-primary);
  background-image:
    url('/static/skin/images/service/technical/block-1-hover-bg.png'),
    var(--gradient-1);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: cover, cover;
  border-color: transparent;
  transform: translateY(-4px);
  box-shadow: var(--shadow-selected);
}
.global-support-page .why-card:hover .why-card-title {
  color: var(--color-text-on-dark);
}
.global-support-page .why-card:hover .why-card-desc {
  color: var(--color-text-on-dark-muted);
}

/* ===== SERVICE TIERS ===== */
.global-support-page .tech-tiers-section {
  padding: var(--space-section) 0;
  background: var(--bg-alt);
}
.global-support-page .pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-card);
  align-items: stretch;
}
.global-support-page .pricing-col {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  padding: calc(var(--space-card) + 12px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--bg);
  box-shadow: 0 8px 24px -18px rgba(15, 23, 42, 0.18);
  box-sizing: border-box;
  transition: background 0.28s ease, border-color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;
}
.global-support-page .pricing-col--featured,
.global-support-page .pricing-col:hover {
  background-color: var(--color-primary);
  background-image:
    url('/static/skin/images/service/technical/block-2-hover-bg.png'),
    var(--gradient-1);
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: cover, cover;
  border-color: transparent;
  transform: translateY(-4px);
  box-shadow: var(--shadow-selected);
}

/* 悬停其他卡片时，Production 取消选中；离开后自动恢复 */
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) {
  background-color: var(--bg);
  background-image: none;
  border-color: var(--color-border);
  transform: none;
  box-shadow: 0 8px 24px -18px rgba(15, 23, 42, 0.18);
}
.global-support-page .pricing-head {
  text-align: left;
  padding: 0;
  margin-bottom: var(--space-card);
}
.global-support-page .pricing-name {
  margin: 0 0 6px;
  font-size: var(--font-size-3xl);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: var(--color-title);
  transition: color 0.28s ease;
}
.global-support-page .pricing-tier-badge {
  display: block;
  width: fit-content;
  margin: 0 0 10px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  font-size: var(--font-size-body);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-block-dec);
  transition: color 0.28s ease;
}
.global-support-page .pricing-tagline {
  margin: 0 0 var(--space-card);
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 1.55;
  color: var(--color-text-secondary);
  transition: color 0.28s ease;
}
.global-support-page .pricing-sla-value {
  margin: 0 0 6px;
  font-size: var(--font-size-display);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  color: var(--color-primary);
  transition: color 0.28s ease;
}
.global-support-page .pricing-sla-unit {
  margin-left: 4px;
  font-size: inherit;
  font-weight: inherit;
}
.global-support-page .pricing-sla-label {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-block-dec);
  transition: color 0.28s ease;
}
.global-support-page .pricing-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0;
  gap: 12px;
}
.global-support-page .pricing-divider { display: none; }
.global-support-page .pricing-popular { display: none; }
.global-support-page .pricing-feature {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 1.55;
  color: var(--color-text-secondary);
  transition: color 0.28s ease;
}
.global-support-page .pricing-check {
  width: 8px;
  height: 8px;
  margin-top: 7px;
  border-radius: 50%;
  background: var(--color-primary);
  color: transparent;
  flex-shrink: 0;
  transition: background 0.28s ease;
}
.global-support-page .pricing-check svg { display: none; }
.global-support-page .pricing-footer {
  margin-top: var(--space-card);
  padding: 0;
}
.global-support-page .pricing-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 41px;
  min-height: 41px;
  padding: 4px 18px 4px 4px;
  border-radius: var(--radius-pill);
  background: var(--color-primary);
  color: var(--color-text-on-dark);
  font-size: var(--font-size-body);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.28s ease, color 0.28s ease;
}
.global-support-page .pricing-cta .ic {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: var(--bg);
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.28s ease, color 0.28s ease;
}
.global-support-page .pricing-cta .ic svg {
  width: 14px;
  height: 14px;
  display: block;
}

/* featured / hover text · accents */
.global-support-page .pricing-col--featured .pricing-name,
.global-support-page .pricing-col--featured .pricing-sla-value,
.global-support-page .pricing-col:hover .pricing-name,
.global-support-page .pricing-col:hover .pricing-sla-value {
  color: var(--color-text-on-dark);
}
.global-support-page .pricing-col--featured .pricing-feature,
.global-support-page .pricing-col--featured .pricing-tagline,
.global-support-page .pricing-col--featured .pricing-sla-label,
.global-support-page .pricing-col:hover .pricing-feature,
.global-support-page .pricing-col:hover .pricing-tagline,
.global-support-page .pricing-col:hover .pricing-sla-label {
  color: rgba(255, 255, 255, 0.6);
}
.global-support-page .pricing-col--featured .pricing-tier-badge,
.global-support-page .pricing-col:hover .pricing-tier-badge {
  color: #ffffff;
}
.global-support-page .pricing-col--featured .pricing-check,
.global-support-page .pricing-col:hover .pricing-check {
  background: var(--color-text-on-dark);
}
.global-support-page .pricing-col--featured .pricing-cta,
.global-support-page .pricing-col:hover .pricing-cta {
  background: var(--bg);
  color: var(--color-primary);
}
.global-support-page .pricing-col--featured .pricing-cta .ic,
.global-support-page .pricing-col:hover .pricing-cta .ic {
  background: var(--color-primary);
  color: var(--color-text-on-dark);
}

/* 悬停其他卡片时，恢复 Production 默认文字色 */
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) .pricing-name {
  color: var(--color-title);
}
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) .pricing-sla-value {
  color: var(--color-primary);
}
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) .pricing-feature,
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) .pricing-tagline {
  color: var(--color-text-secondary);
}
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) .pricing-sla-label,
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) .pricing-tier-badge {
  color: var(--color-block-dec);
}
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) .pricing-check {
  background: var(--color-primary);
}
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) .pricing-cta {
  background: var(--color-primary);
  color: var(--color-text-on-dark);
}
.global-support-page .pricing-grid:hover .pricing-col--featured:not(:hover) .pricing-cta .ic {
  background: var(--bg);
  color: var(--color-primary);
}

/* ===== SLA MATRIX ===== */
.global-support-page .tech-sla-section {
  padding: var(--space-section) 0;
  background: var(--bg);
}
.global-support-page .sla-matrix {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-card);
  align-items: stretch;
}
.global-support-page .sla-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: calc(var(--space-card) + 8px) var(--space-card);
  border-radius: var(--radius-md);
  background: linear-gradient(357deg, #d2e7ff4d 2%, #d2e7ff1a 69%);
  border: 1px solid #E5E8EF;
  box-sizing: border-box;
  transition: background 0.28s ease, border-color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;
}
.global-support-page .sla-col:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-selected);
}
.global-support-page .sla-col-title {
  margin: 0 0 4px;
  font-size: var(--font-size-module-title);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: var(--color-title);
  transition: color 0.28s ease;
}
.global-support-page .sla-col-row {
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 1.55;
  color: var(--color-text-secondary);
  transition: color 0.28s ease;
}

.global-support-page .tech-sla-section .sla-note {
  margin: var(--space-card) 0 0;
  font-size: var(--font-size-caption);
  font-style: italic;
  line-height: 1.55;
  color: var(--color-block-dec);
}

/* ===== PROCESS (Workflow) ===== */
.global-support-page .tech-process-section {
  padding: 0;
  background: var(--bg);
}
.global-support-page .process-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-card);
  align-items: stretch;
}
.global-support-page .process-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: var(--space-card);
  align-items: center;
  min-height: 220px;
  overflow: hidden;
  border-radius: var(--radius-md);
  
background: linear-gradient(342deg, #d2e7ff4d 20%, #d2e7ff1a 53%);
border: 1px solid #E5E8EF;
  transition: background 0.28s ease, border-color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;
}
.global-support-page .process-card:hover {

  background: linear-gradient(109deg, #023d73 0%, #02569b 64%, #014a86 97%);
  border-color: transparent;
  transform: translateY(-4px);
  box-shadow: var(--shadow-selected);
  border: 0;
}
.global-support-page .process-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 8px 24px 8px 28px;
}
.global-support-page .process-title {
  margin: 0 0 12px;
  font-size: var(--font-size-module-title);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.3;
  color: var(--color-title);
  transition: color 0.28s ease;
}
.global-support-page .process-desc {
  margin: 0;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary);
  transition: color 0.28s ease;
}
.global-support-page .process-media {
  min-width: 0;
  height: 100%;
  min-height: 160px;
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  overflow: hidden;
}
.global-support-page .process-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.global-support-page .process-card:hover .process-title {
  color: var(--color-text-on-dark);
}
.global-support-page .process-card:hover .process-desc {
  color: var(--color-text-on-dark-muted);
}
.global-support-page .process-num { display: none; }

/* ===== DELIVERY ASSURANCE ===== */
.global-support-page .tech-assure-section {
  padding: var(--space-section) 0;
  background: var(--bg);
}
.global-support-page .assure-panels {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-card);
  align-items: stretch;
}
.global-support-page .assure-panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
  padding: calc(var(--space-card) + 12px);
  background: linear-gradient(358deg, #d2e7ff4d 2%, #d2e7ff1a 96%);
  border: 1px solid #E5E8EF;
  border-radius: var(--radius-md);
  box-sizing: border-box;
  transition: background 0.28s ease, border-color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;
}
.global-support-page .assure-panel-icon {
  width: 64px;
  height: 64px;
  margin: 0 0 16px;
  flex-shrink: 0;
}
.global-support-page .assure-panel-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.global-support-page .assure-panel-title {
  margin: 0;
  font-size: var(--font-size-module-title);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--color-title);
  transition: color 0.28s ease;
}
.global-support-page .assure-panel-sub {
  margin: 6px 0 0;
  font-size: var(--font-size-body);
  font-weight: 500;
  line-height: 1.5;
  color: var(--color-text-secondary);
  transition: color 0.28s ease;
}
.global-support-page .assure-panel-desc {
  margin: 14px 0 0;
  flex: 1;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-block-dec);
  transition: color 0.28s ease;
}
.global-support-page .assure-panel-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--space-card);
}
.global-support-page .assure-chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(0, 87, 156, 0.28);
  background: transparent;
  font-family: var(--font-sans);
  font-size: var(--font-size-caption);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-primary);
  transition: color 0.28s ease, border-color 0.28s ease, background 0.28s ease;
}
.global-support-page .assure-panel:hover {
  background-color: var(--color-primary);
  background-image:
    url('/static/skin/images/service/technical/block-5-hover-bg.png'),
    var(--gradient-1);
  background-repeat: no-repeat, no-repeat;
  background-position: right center, center;
  background-size: 100% auto, cover;
  border-color: transparent;
  transform: translateY(-4px);
  box-shadow: var(--shadow-selected);
}
.global-support-page .assure-panel:hover .assure-panel-title,
.global-support-page .assure-panel:hover .assure-panel-sub {
  color: var(--color-text-on-dark);
}
.global-support-page .assure-panel:hover .assure-panel-desc {
  color: var(--color-text-on-dark-muted);
}
.global-support-page .assure-panel:hover .assure-chip {
  color: var(--color-text-on-dark);
  border-color: rgba(255, 255, 255, 0.45);
  background: transparent;
}

/* ===== ADVANTAGES (5-col) ===== */
.adv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.adv-card{padding:26px 22px 24px}
.adv-card::after{display:none}
.adv-card:nth-child(1){--accent:#00579c}.adv-card:nth-child(2){--accent:#004a85}.adv-card:nth-child(3){--accent:#0277bd}.adv-card:nth-child(4){--accent:#003c6e}.adv-card:nth-child(5){--accent:#005b9f}
.adv-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:all .35s}
.adv-icon svg{width:16px;height:16px}
.adv-card:nth-child(1) .adv-icon{background:rgba(0,87,156,.08);color:var(--accent)}
.adv-card:nth-child(2) .adv-icon{background:transparent;border:1.5px solid var(--border-hi);color:var(--accent)}
.adv-card:nth-child(3) .adv-icon{background:rgba(0,87,156,.08);border:1.5px dashed var(--border-hi);border-radius:50%;color:var(--accent)}
.adv-card:nth-child(4) .adv-icon{background:rgba(0,87,156,.08);border-radius:6px;color:var(--accent)}
.adv-card:nth-child(5) .adv-icon{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#0d83d4));color:#fff;box-shadow:0 5px 12px -4px color-mix(in srgb,var(--accent) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
.adv-card:hover .adv-icon{transform:translateY(-2px)}
.adv-card-title{font-size:14px;font-weight: 500;color:var(--t1);margin-bottom:6px}
.adv-card-desc{font-size: 14px;color:var(--t2);line-height:1.6}
.adv-card:hover{transform:translateY(-4px)}

/* ===== ADD-ON SERVICES ===== */
.global-support-page .tech-addon-section {
  padding: var(--space-section) 0;
  background: var(--bg-alt);
}
.global-support-page .usecase-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-card);
  align-items: stretch;
}
.global-support-page .usecase-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
  min-height: 240px;
  padding: calc(var(--space-card) + 12px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--bg);
  box-shadow: 0 8px 24px -18px rgba(15, 23, 42, 0.18);
  box-sizing: border-box;
  transition: background 0.28s ease, border-color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease;
}
.global-support-page .usecase-title {
  margin: 0;
  font-size: var(--font-size-module-title);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--color-title);
  transition: color 0.28s ease;
}
.global-support-page .usecase-num {
  margin: 8px 0 0;
  font-family: var(--font-sans);
  font-size: var(--font-size-body);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-block-dec);
  transition: color 0.28s ease;
}
.global-support-page .usecase-sub {
  margin: 14px 0 0;
  flex: 1;
  font-size: var(--font-size-body);
  font-weight: 400;
  font-style: normal;
  line-height: 1.7;
  color: var(--color-text-secondary);
  transition: color 0.28s ease;
}
.global-support-page .usecase-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--space-card);
  padding-top: 0;
  border-top: none;
}
.global-support-page .usecase-tag {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(0, 87, 156, 0.28);
  background: transparent;
  font-family: var(--font-sans);
  font-size: var(--font-size-caption);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--color-primary);
  transition: color 0.28s ease, border-color 0.28s ease, background 0.28s ease;
}
.global-support-page .usecase-card:hover {
  background-color: var(--color-primary);
  background-image:
    url('/static/skin/images/service/technical/block-6-hover-bg.png'),
    var(--gradient-1);
  background-repeat: no-repeat, no-repeat;
  background-position: center;
  background-size: 100% auto, cover;
  border-color: transparent;
  transform: translateY(-4px);
  box-shadow: var(--shadow-selected);
}
.global-support-page .usecase-card:hover .usecase-title,
.global-support-page .usecase-card:hover .usecase-num {
  color: var(--color-text-on-dark);
}
.global-support-page .usecase-card:hover .usecase-sub {
  color: var(--color-text-on-dark-muted);
}
.global-support-page .usecase-card:hover .usecase-tag {
  color: var(--color-text-on-dark);
  border-color: rgba(255, 255, 255, 0.45);
  background: transparent;
}
.global-support-page .usecase-mark { display: none; }

/* ===== FAQ ===== */
.global-support-page .tech-faq-section {
  padding: var(--space-section) 0 0;
  background: var(--bg);
}
.global-support-page .faq-grid {
  display: flex;
  flex-direction: column;
  gap: var(--space-card);
  margin: 0 auto;
}
.global-support-page .faq-item {
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: linear-gradient(309deg, #d2e7ff4d 44%, #d2e7ff1a 61%);
  overflow: hidden;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}
.global-support-page .faq-item:hover {
  border-color: rgba(0, 87, 156, 0.28);
  box-shadow: var(--shadow-selected);
}
.global-support-page .faq-q {
  position: relative;
  cursor: default;
  padding: calc(var(--space-card) + 2px) calc(var(--space-card) + 44px) calc(var(--space-card) + 2px) calc(var(--space-card) + 4px);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 1.45;
  color: var(--color-title);
  transition: color 0.28s ease;
}
.global-support-page .faq-q::after {
  content: '';
  position: absolute;
  right: var(--space-card);
  top: 50%;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--color-primary);
  transform: translateY(-50%);
  transition: background 0.28s ease, box-shadow 0.28s ease;
}
.global-support-page .faq-q::before {
  content: '+';
  position: absolute;
  right: var(--space-card);
  top: 50%;
  z-index: 1;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-lg);
  font-weight: 700;
  line-height: 1;
  color: var(--color-text-on-dark);
  transform: translateY(-50%);
  transition: transform 0.28s ease, color 0.28s ease;
}
.global-support-page .faq-item:hover .faq-q::after {
  background: var(--color-primary-dim);
  box-shadow: 0 6px 14px -6px var(--blue-glow);
}
.global-support-page .faq-item:hover .faq-q::before {
  content: '−';
  color: var(--color-text-on-dark);
}
.global-support-page .faq-a {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.global-support-page .faq-item:hover .faq-a {
  max-height: 280px;
}
.global-support-page .faq-a p {
  margin: 0;
  padding: 0 calc(var(--space-card) + 44px) calc(var(--space-card) + 4px) calc(var(--space-card) + 4px);
  border-top: none;
  font-size: var(--font-size-body);
  font-weight: 400;
  line-height: 1.7;
  color: var(--color-text-secondary);
}

/* ===== CTA ===== */
/* .cta-section{padding:100px 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fafc 0%,#eef2f9 100%)}
.cta-inner{position:relative;z-index:2;text-align:center}
.cta-title{font-size:clamp(28px,3.2vw,48px);font-weight:600;letter-spacing:-.02em;color:var(--t1);margin:14px 0 10px}
.cta-sub{font-size:17px;color:var(--t2);margin-bottom:48px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6}
.cta-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto}
.cta-card{background:#fff;border:none;border-radius:18px;padding:34px 30px;display:flex;flex-direction:column;gap:14px;text-align:left;min-height:300px;box-shadow:0 1px 3px rgba(15,23,42,.04),0 18px 44px -26px rgba(0,40,90,.30);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease,background-color .3s ease}
.cta-card:hover{transform:translateY(-4px);box-shadow:0 26px 56px -28px rgba(0,40,90,.40)}
.cta-card--primary{position:relative;overflow:hidden;background-image:radial-gradient(circle,rgba(255,255,255,.10) 1px,transparent 1.4px),radial-gradient(120% 120% at 80% 10%,rgba(13,131,212,.45) 0%,transparent 55%),linear-gradient(150deg,#013463 0%,#00284d 55%,#001b38 100%);background-size:26px 26px,100% 100%,100% 100%}
.cta-card-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-family:var(--font)}
.cta-card--primary .cta-card-label{color:rgba(255,255,255,.7);display:inline-flex;align-items:center;gap:7px}
.cta-card--primary .cta-card-label::before{content:"";width:6px;height:6px;border-radius:50%;background:#7fc4ff}
.cta-card-title{font-size:20px;font-weight:700;color:var(--t1);letter-spacing:-.02em;margin-bottom:0}
.cta-card--primary .cta-card-title{color:#fff}
.cta-card-body{font-size:13.5px;color:var(--t2);line-height:1.65;flex:1}
.cta-card--primary .cta-card-body{color:rgba(255,255,255,.78)}
.cta-link{font-size:14px;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:gap .2s,color .2s}
.cta-link:hover{gap:9px}
.cta-card:not(.cta-card--primary):hover{background-image:radial-gradient(circle,rgba(255,255,255,.10) 1px,transparent 1.4px),radial-gradient(120% 120% at 80% 10%,rgba(13,131,212,.45) 0%,transparent 55%),linear-gradient(150deg,#013463 0%,#00284d 55%,#001b38 100%);background-size:26px 26px,100% 100%,100% 100%}
.cta-card:not(.cta-card--primary):hover .cta-card-label{color:rgba(255,255,255,.7)}
.cta-card:not(.cta-card--primary):hover .cta-card-title{color:#fff}
.cta-card:not(.cta-card--primary):hover .cta-card-body{color:rgba(255,255,255,.78)}
.cta-card:not(.cta-card--primary):hover .cta-link{color:#7fc4ff}
.btn--white{background:#fff;color:var(--blue);border-radius:100px;padding:12px 24px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.btn--white:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(0,0,0,.4)} */

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .adv-grid{grid-template-columns:repeat(3,1fr)}
  .usecase-grid{grid-template-columns:repeat(2,1fr)}
  .global-support-page .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-module)}
  .global-support-page .hero-stat{padding:0 var(--space-card) var(--space-card)}
  .global-support-page .hero-stat:nth-child(odd){border-right:1px solid var(--color-border)}
  .global-support-page .hero-stat:nth-child(even){border-right:none}
  .global-support-page .hero-stat:nth-child(-n+2){border-bottom:1px solid var(--color-border);padding-bottom:var(--space-module)}
  .global-support-page .hero-stat:nth-child(n+3){border-bottom:none}
  .global-support-page .pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .global-support-page .sla-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}
  .global-support-page .process-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
  .section{padding:var(--space-section) 0}
  .global-support-page .why-grid{grid-template-columns:1fr;gap:var(--space-card)}
  .global-support-page .why-card{min-height:0;padding:var(--space-card)}
  .global-support-page .pricing-grid{grid-template-columns:1fr;gap:var(--space-card)}
  .global-support-page .pricing-col{padding:var(--space-card)}
  .global-support-page .sla-matrix{grid-template-columns:1fr 1fr;gap:var(--space-card)}
  .global-support-page .sla-col{padding:var(--space-card)}
  .global-support-page .process-grid{grid-template-columns:1fr;gap:var(--space-card)}
  .global-support-page .process-card{
    grid-template-columns:1fr;
    min-height:0;
    padding:var(--space-card);
  }
  .global-support-page .process-media{min-height:180px}
  .global-support-page .assure-panels{grid-template-columns:1fr;gap:var(--space-card)}
  .global-support-page .assure-panel{padding:var(--space-card)}
  .global-support-page .usecase-grid{grid-template-columns:1fr;gap:var(--space-card)}
  .global-support-page .usecase-card{padding:var(--space-card);min-height:0}
  .adv-grid{grid-template-columns:1fr;gap:12px}
}
@media(max-width:640px){
.section{padding:var(--space-section) 0}
  .global-support-page .tech-stats-section{padding:var(--space-card) 0}
  .global-support-page .hero-stats{grid-template-columns:1fr 1fr;row-gap:var(--space-card)}
  .global-support-page .hero-stat{padding:var(--space-card) var(--space-card) 0}
  .global-support-page .hero-stat:nth-child(-n+2){padding-bottom:var(--space-card)}
  .global-support-page .hero-stat-num{font-size:var(--font-size-2xl);margin-bottom:8px}
  .global-support-page .hero-stat-num span{font-size:var(--font-size-body)}
  .global-support-page .hero-stat-desc{font-size:var(--font-size-caption);max-width:none}
  .global-support-page .why-card{padding:var(--space-card)}
  .global-support-page .why-card-title{font-size:var(--font-size-module-title)}
  .global-support-page .why-card-desc{font-size:var(--font-size-body)}
  .global-support-page .pricing-grid{grid-template-columns:1fr}
  .global-support-page .pricing-name{font-size:var(--font-size-2xl)}
  .global-support-page .pricing-sla-value{font-size:var(--font-size-8xl)}
  .global-support-page .pricing-cta{width:100%;justify-content:flex-start}
  .global-support-page .sla-matrix{grid-template-columns:1fr}
  .global-support-page .tech-sla-section .sla-note{font-size:var(--font-size-caption)}
  .global-support-page .process-card{gap:var(--space-card)}
  .global-support-page .process-copy{padding:0}
  .global-support-page .process-media{min-height:160px}
  .global-support-page .assure-panels{gap:var(--space-card)}
  .global-support-page .assure-panel{border-radius:var(--radius-md);padding:var(--space-card)}
  .global-support-page .assure-panel-icon{width:52px;height:52px;margin-bottom:12px}
  .global-support-page .assure-panel-title{font-size:var(--font-size-module-title)}
  .global-support-page .assure-panel-sub{font-size:var(--font-size-body)}
  .global-support-page .assure-panel-desc{font-size:var(--font-size-body);margin-top:12px}
  .global-support-page .assure-chip{font-size:var(--font-size-caption);padding:4px 10px}
  .global-support-page .assure-panel:hover{
    background-position: right bottom, center;
    background-size: 70% auto, cover;
  }
  .global-support-page .usecase-grid{gap:var(--space-card)}
  .global-support-page .usecase-card{
    border-radius:var(--radius-md);
    padding:var(--space-card);
  }
  .global-support-page .usecase-title{font-size:var(--font-size-module-title)}
  .global-support-page .usecase-num{font-size:var(--font-size-body)}
  .global-support-page .usecase-sub{font-size:var(--font-size-body)}
  .global-support-page .usecase-tag{font-size:var(--font-size-caption);padding:4px 10px}
  .global-support-page .usecase-card:hover{
    background-position: right bottom, center;
    background-size: 65% auto, cover;
  }
  .adv-grid{grid-template-columns:1fr;gap:10px}
  .adv-card{padding:20px 18px;border-radius:12px}
  .adv-card-title{font-size:14px}
  .adv-card-desc{font-size: 14px}
  .global-support-page .faq-grid{gap:var(--space-card);max-width:none}
  .global-support-page .faq-q{
    padding:var(--space-card) calc(var(--space-card) + 40px) var(--space-card) var(--space-card);
    font-size:var(--font-size-base);
  }
  .global-support-page .faq-q::before,
  .global-support-page .faq-q::after{
    right:var(--space-card);
    width:26px;
    height:26px;
  }
  .global-support-page .faq-a p{
    padding:0 calc(var(--space-card) + 40px) var(--space-card) var(--space-card);
    font-size:var(--font-size-body);
  }
  .nav-links{display:none}
}