/* =========================================================
   WEIJIA SOFT — FINAL CONSOLIDATED DESIGN SYSTEM
   V18.6.2 CSS Consolidation

   Principles:
   - Current HTML/JS selectors only; obsolete components removed.
   - Superseded declarations for identical selector/property pairs removed.
   - No visual redesign: final cascade values are retained in place.
   - One canonical token block, responsive rules remain conditional.
   ========================================================= */
:root {
  --navy: #071a2d;
  --navy2: #0b2947;
  --blue: #0b6fff;
  --cyan: #00cfe8;
  --mint: #55e6c1;
  --white: #fff;
  --bg: #f4f8fc;
  --bg2: #eaf2f9;
  --line: #d9e5ee;
  --ink: #102235;
  --muted: #66788a;
  --shadow: 0 24px 70px rgba(7,26,45,.12);
  --radius: 18px;
  --radius2: 28px;
  --accent: #0b6fff;
  --v12-cyan: #63e6ff;
  --v12-blue: #4f8cff;
  --v12-navy: #071528;
  --v12-panel: #0b1c31;
  --v12-line: rgba(108,180,255,.22);
  --v13-surface: #f7f9fc;
  --v13-border: #dfe8f0;
  --v13-text: #0b1f33;
  --v13-muted: #64788b;
  --v13-glow: 0 24px 80px rgba(5,31,57,.12);
  --v15-line: rgba(10,42,72,.11);
  --v15-ink: #091d31;
  --v15-blue: #0b6fff;
  --v17-photo-radius: 14px;
  --v17-photo-line: rgba(7,31,54,.12);
  --v17-photo-shadow: 0 16px 42px rgba(4,24,42,.07);
  --brand-navy: #08253f;
  --brand-navy-deep: #061b30;
  --brand-blue: #0867d4;
  --brand-blue-hover: #0759b9;
  --brand-cyan: #43cfe0;
  --brand-ink: #0a2946;
  --brand-text: #34495c;
  --brand-muted: #627384;
  --brand-line: #dfe6ed;
  --brand-soft: #f6f8fa;
  --brand-card: #ffffff;
  --brand-radius: 10px;
  --brand-shadow: 0 5px 18px rgba(7,26,45,.035);
}

/* V20.5 — Reference-accurate ten-node receiving workflow */
.yard-case-reference-v205{padding:76px 0 82px!important;background:#fff!important;border-top:1px solid #e8eff5;border-bottom:1px solid #e8eff5}
.yard-case-intro-v205{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:54px;align-items:end;margin-bottom:25px}
.yard-case-intro-v205 .scene-eyebrow{margin-bottom:8px;color:#078ba7!important;background:transparent!important;border:0!important;padding:0!important;font-size:12px;letter-spacing:.18em}
.yard-case-intro-v205 .scene-eyebrow::before{background:#25b8c7!important}
.yard-case-intro-v205 h2{margin:0;color:#081d34;font-size:clamp(31px,3.15vw,45px);line-height:1.17;letter-spacing:-.035em}
.yard-case-intro-v205>p{max-width:590px;margin:0 0 2px;color:#52687a;font-size:15px;line-height:1.8}
.yard-case-shell-v205{overflow:hidden;border:1px solid #c7dce9;border-radius:24px;background:#f7fbfd;box-shadow:0 24px 58px rgba(27,79,116,.13)}
.yard-case-scroll-v205{overflow-x:auto;overscroll-behavior-inline:contain;border-radius:24px;scrollbar-color:#86c9e5 #e9f4f8;scrollbar-width:thin}
.yard-case-scroll-v205:focus-visible{outline:3px solid rgba(38,170,217,.4);outline-offset:4px}
.yard-case-board-v205{position:relative;width:1120px;min-height:690px;padding:24px 20px 18px;background:linear-gradient(rgba(44,139,174,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(44,139,174,.055) 1px,transparent 1px),radial-gradient(circle at 52% 10%,rgba(72,205,231,.14),transparent 35%),linear-gradient(180deg,#fbfeff 0%,#f0f8fb 100%);background-size:18px 18px,18px 18px,auto,auto}
.yard-case-board-v205::after{content:"";position:absolute;z-index:0;right:8px;bottom:68px;width:250px;height:150px;opacity:.12;background:repeating-linear-gradient(0deg,#137fa9 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,#137fa9 0 1px,transparent 1px 26px);clip-path:polygon(12% 100%,12% 32%,35% 32%,35% 14%,57% 14%,57% 0,100% 0,100% 100%)}
.yard-case-grid-v205{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.yard-case-lane-v205{position:relative;min-width:0}
.yard-case-lane-v205>header{position:relative;height:64px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 14px;color:#fff;background:linear-gradient(135deg,#07345a 0%,#075782 56%,#052d4c 100%);border:1px solid rgba(68,190,224,.4);border-radius:8px 8px 3px 3px;box-shadow:0 10px 22px rgba(5,61,98,.2),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.yard-case-lane-v205>header::before{content:"";position:absolute;inset:-45% auto -45% -45%;width:32%;opacity:0;background:linear-gradient(90deg,transparent,rgba(113,230,255,.24),transparent);transform:skewX(-16deg)}
.yard-case-lane-v205>header::after{content:"";position:absolute;right:10px;bottom:4px;width:28px;height:2px;background:#49d7ef;box-shadow:6px 4px 0 #49d7ef}
.yard-case-lane-v205>header svg{position:relative;z-index:1;width:31px;height:31px;flex:0 0 auto;fill:none;stroke:#62daf3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(88,213,242,.36))}
.yard-case-lane-v205>header>div{position:relative;z-index:1;min-width:0}
.yard-case-lane-v205>header strong,.yard-case-lane-v205>header small{display:block}
.yard-case-lane-v205>header strong{font-size:15px;line-height:1.18;letter-spacing:.02em}
.yard-case-lane-v205>header small{margin-top:3px;color:#bfdfeb;font-size:9px;line-height:1.22}
.yard-case-lane-v205>header[role="button"]{cursor:pointer}
.yard-case-lane-v205>header[role="button"]:hover,.yard-case-lane-v205>header[role="button"]:focus-visible,.yard-case-lane-v205>header.is-current-system{border-color:rgba(85,225,250,.92);box-shadow:0 0 0 3px rgba(48,198,229,.13),0 14px 30px rgba(5,61,98,.24),inset 0 0 19px rgba(40,199,232,.12);filter:brightness(1.08)}
.yard-case-lane-v205>header.is-current-system::before{opacity:1;animation:yardCaseHeaderSweepV205 1.45s ease-in-out infinite}
.yard-case-lane-body-v205{position:relative;height:535px}
.yard-case-card-v205{position:absolute;z-index:3;left:13px;right:13px;display:flex;align-items:center;min-height:88px;padding:15px 14px;border:1px solid rgba(93,194,218,.55);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(237,251,252,.94));box-shadow:0 11px 25px rgba(24,88,122,.11),inset 0 0 0 1px rgba(255,255,255,.74);overflow:hidden;transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease,opacity .28s ease}
.yard-case-card-v205::after{content:"";position:absolute;top:0;left:-45%;width:32%;height:100%;opacity:0;background:linear-gradient(90deg,transparent,rgba(80,218,235,.13),transparent);transform:skewX(-17deg);pointer-events:none}
.yard-case-top-v205{top:28px;height:164px}
.yard-case-middle-v205{top:212px;min-height:92px}
.yard-case-bottom-v205{top:367px;min-height:88px}
.yard-case-result-v205{min-height:114px}
.yard-case-operation-v205{min-height:120px}
.yard-case-confirm-v205{min-height:110px}
.yard-case-monitor-v205{height:190px;align-items:flex-start}
.yard-case-card-title-v205{position:relative;z-index:2;display:grid;grid-template-columns:29px minmax(0,1fr);gap:9px;align-items:start;width:100%}
.yard-case-card-title-v205>span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #c8e4f4;border-radius:50%;background:#eaf5ff;color:#147fd4;font-size:10.5px;font-weight:900;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
.yard-case-card-title-v205 strong,.yard-case-card-title-v205 small{display:block}
.yard-case-card-title-v205 strong{color:#102a42;font-size:13px;line-height:1.38}
.yard-case-card-title-v205 small{margin-top:4px;color:#5d7385;font-size:10.5px;line-height:1.45}
.yard-case-gate-v205{display:block;padding-bottom:9px}
.yard-case-gate-v205>img{position:relative;z-index:1;display:block;width:100%;height:50px;margin-top:7px;border-radius:8px;object-fit:cover;object-position:center 52%;filter:saturate(.88) contrast(.98)}
.yard-case-monitor-image-v205{position:absolute;z-index:1;right:14px;bottom:12px;left:14px;height:60px}
.yard-case-monitor-image-v205 img{display:block;width:100%;height:100%;border-radius:8px;object-fit:cover;filter:brightness(.64) saturate(.82)}
.yard-case-monitor-image-v205 span{position:absolute;right:6px;bottom:6px;padding:4px 7px;border:1px solid rgba(159,255,214,.42);border-radius:999px;background:rgba(5,127,78,.9);color:#effff7;font-size:7.5px;font-weight:800;box-shadow:0 4px 12px rgba(0,57,38,.28)}
.yard-case-card-v205[role="button"]{cursor:pointer}
.yard-case-card-v205[role="button"]:focus-visible{outline:3px solid rgba(32,188,228,.4);outline-offset:3px}
.yard-case-card-v205.is-related{border-color:#8bcfe5}
.yard-case-card-v205.is-complete .yard-case-card-title-v205>span{background:#248bd7;color:#fff;border-color:#248bd7}
.yard-case-card-v205.is-current{z-index:5;border-color:#2ac4e3;box-shadow:0 0 0 4px rgba(42,196,227,.13),0 17px 36px rgba(24,114,166,.19),inset 0 0 22px rgba(54,211,230,.08);transform:translateY(-3px)}
.yard-case-card-v205.is-current::after{opacity:1;animation:yardCaseCardSweepV205 1.35s ease-out infinite}
.yard-case-card-v205.is-current .yard-case-card-title-v205>span{background:#13b9d8;color:#fff;border-color:#13b9d8;box-shadow:0 0 0 5px rgba(19,185,216,.13),0 0 16px rgba(19,185,216,.28);transform:scale(1.04)}
.yard-case-end-v205{position:absolute;z-index:3;top:486px;left:50%;display:flex;align-items:center;gap:8px;min-width:132px;min-height:39px;padding:0 17px;border:1px solid #72d57d;border-radius:999px;background:linear-gradient(180deg,#c8f6ab,#84dc67);color:#0c4a21;font-size:13px;font-weight:800;box-shadow:0 7px 18px rgba(56,160,69,.2),inset 0 1px 0 rgba(255,255,255,.7);transform:translateX(-50%)}
.yard-case-end-v205 i{width:8px;height:8px;border-radius:50%;background:#1ca748;box-shadow:0 0 0 4px rgba(28,167,72,.13)}
.yard-case-links-v205{position:absolute;z-index:1;inset:0;width:100%;height:690px;overflow:visible;pointer-events:none}
.yard-case-links-v205 path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.yard-case-links-v205 marker path{fill:none;stroke:#67badd;stroke-width:2;transition:stroke .25s ease;filter:drop-shadow(0 0 3px rgba(40,173,220,.34))}
.yard-case-links-v205 #yard-case-arrow-orange-v205 path{stroke:#ee9140}
.yard-case-link-track-v205{stroke:#9ecfe3;stroke-width:2.2;filter:drop-shadow(0 0 4px rgba(44,153,198,.16));transition:stroke .25s ease,filter .25s ease}
.yard-case-link-pulse-v205{stroke:#24c7e5;stroke-width:3;stroke-dasharray:9 13;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 5px rgba(36,199,229,.62))}
.yard-case-link-sync-v205 .yard-case-link-track-v205{stroke:#eda05b}
.yard-case-link-sync-v205 .yard-case-link-pulse-v205{stroke:#ff922e;filter:drop-shadow(0 0 5px rgba(255,146,46,.58))}
.yard-case-link-feedback-v205 .yard-case-link-track-v205{stroke:#79b9df}
.yard-case-links-v205 g.is-live .yard-case-link-track-v205{stroke:#27bfe0;filter:drop-shadow(0 0 6px rgba(36,199,229,.52))}
.yard-case-links-v205 g.is-live.yard-case-link-sync-v205 .yard-case-link-track-v205{stroke:#ff8f29;filter:drop-shadow(0 0 6px rgba(255,143,41,.46))}
.yard-case-links-v205 g.is-flowing .yard-case-link-pulse-v205{opacity:1;animation:yardCaseLinkFlowV205 .72s linear infinite}
.yard-case-outcomes-v205{position:absolute;z-index:3;right:276px;bottom:38px;left:276px;display:flex;justify-content:space-between;gap:22px}
.yard-case-outcomes-v205 span{display:grid;place-items:center;min-width:145px;min-height:38px;padding:0 16px;border:1px solid #76afe8;border-radius:999px;background:linear-gradient(180deg,#d9eaff,#a9cdf7);color:#12385b;font-size:13px;font-weight:800;box-shadow:0 7px 17px rgba(50,117,184,.14),inset 0 1px 0 rgba(255,255,255,.78)}
.yard-case-note-v205{position:absolute;z-index:3;right:250px;bottom:9px;left:250px;margin:0;color:#476475;font-size:10.5px;line-height:1.35;text-align:center}
@media(hover:hover){.yard-case-card-v205[role="button"]:hover:not(.is-current){border-color:#66c9e4;box-shadow:0 14px 31px rgba(24,114,166,.16);transform:translateY(-2px)}}
@keyframes yardCaseLinkFlowV205{to{stroke-dashoffset:-44}}
@keyframes yardCaseHeaderSweepV205{0%{left:-45%}66%,100%{left:118%}}
@keyframes yardCaseCardSweepV205{0%{left:-45%}72%,100%{left:120%}}
@media(max-width:900px){.yard-case-reference-v205{padding:62px 0 68px!important}.yard-case-intro-v205{grid-template-columns:1fr;gap:14px;align-items:start}.yard-case-intro-v205>p{max-width:720px}}
@media(max-width:640px){.yard-case-reference-v205{padding:50px 0 56px!important}.yard-case-intro-v205 h2{font-size:29px}.yard-case-intro-v205>p{font-size:13.5px;line-height:1.72}.yard-case-shell-v205,.yard-case-scroll-v205{border-radius:17px}.yard-case-scroll-v205{scroll-snap-type:x proximity}.yard-case-lane-v205{scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){.yard-case-lane-v205>header,.yard-case-card-v205,.yard-case-card-title-v205>span,.yard-case-link-track-v205{transition:none!important}.yard-case-lane-v205>header.is-current-system::before,.yard-case-card-v205.is-current::after,.yard-case-links-v205 g.is-flowing .yard-case-link-pulse-v205{animation:none!important}.yard-case-lane-v205>header.is-current-system::before,.yard-case-card-v205.is-current::after{display:none}.yard-case-links-v205 g.is-flowing .yard-case-link-pulse-v205{stroke-dasharray:none;stroke-dashoffset:0}}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  line-height: 1.72;
}
a {
  text-decoration: none;
  color: inherit;
}
img {
  max-width: 100%;
  display: block;
}
.container {
  margin: auto;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 999;
}
.nav-wrap {
  display: flex;
  align-items: center;
}
.brand {
  gap: 12px;
}
.brand strong {
  display: block;
}
.brand small {
  display: block;
  font-size: 10px;
  letter-spacing: .16em;
}
.main-nav a {
  position: relative;
}
.main-nav a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: .25s;
}
.main-nav a:hover:after, .main-nav a.active:after {
  transform: scaleX(1);
}
.nav-cta, .btn-primary, .btn-secondary, .btn-white, .footer-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 700;
  transition: .25s;
}
.menu-toggle {
  display: none;
  border: 0;
  background: transparent;
  font-size: 28px;
}
.hero {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 75% 20%,rgba(24,200,230,.22),transparent 26%), radial-gradient(circle at 16% 86%,rgba(49,216,172,.18),transparent 20%), linear-gradient(130deg,#061c33 0%,#082d53 32%,#0a5596 70%,#0b72d2 100%);
  color: #fff;
}
.hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size: 44px 44px;
  opacity: .9;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 54px;
  align-items: center;
  min-height: 720px;
  position: relative;
  z-index: 1;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
}
.eyebrow:before {
  content: "";
  height: 2px;
  border-radius: 2px;
}
.hero p {
  margin: 0 0 34px;
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
}
.btn-primary:hover {
  transform: translateY(-2px);
}
.btn-secondary {
  padding: 13px 24px;
}
.btn-white {
  padding: 13px 24px;
  background: #fff;
}
.hero-side {
  display: flex;
  justify-content: center;
}
.section.dark {
  background: linear-gradient(160deg,#072642,#082d53);
  color: #fff;
}
.section-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.section-head h2 {
  line-height: 1.2;
  margin: 10px 0 0;
}
.section.dark .section-head h2 {
  color: #fff;
}
.section-head p {
  max-width: 620px;
  margin: 0;
}
.section.dark .section-head p {
  color: #cfe2f1;
}
.cards {
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
.card {
  transition: .28s;
  overflow: hidden;
  position: relative;
}
.card:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: .28s;
}
.card:hover:before {
  transform: scaleX(1);
}
.icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: linear-gradient(145deg,#eff8ff,#d8f1ff);
  display: grid;
  place-items: center;
  color: var(--blue);
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 18px;
  border: 1px solid #d8ecfa;
}
.card h3 {
  margin: 0 0 12px;
}
.card p {
  margin: 0;
  font-size: 14px;
}
.pill {
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
}
.feature-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  align-items: center;
}
.feature-panel {
  border: 1px solid var(--line);
  padding: 34px;
}
.feature-panel.dark {
  background: linear-gradient(145deg,#072642,#0c4377);
  border-color: rgba(255,255,255,.08);
  color: #fff;
}
.feature-panel.dark p, .feature-panel.dark li {
  color: #d7ebf8;
}
.feature-panel h3 {
  font-size: 30px;
  margin: 0 0 14px;
}
.feature-panel.dark h3 {
  color: #fff;
}
.feature-panel p {
  margin: 0 0 18px;
  color: var(--muted);
}
.feature-panel ul {
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
}
.feature-panel li {
  margin-bottom: 8px;
}
.image-card img {
  border-radius: 28px;
  box-shadow: var(--shadow);
  border: 1px solid var(--line);
}
.breadcrumb {
  font-size: 13px;
}
.info-chip-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.quote {
  padding: 28px 32px;
  border-left: 4px solid var(--cyan);
  font-size: 20px;
  box-shadow: 0 10px 26px rgba(8,45,83,.04);
}
.contact-grid {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 30px;
}
.contact-card, .form-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 28px;
  padding: 34px;
  box-shadow: var(--shadow);
}
.contact-card p {
  color: var(--muted);
  margin: .45rem 0;
}
.contact-visual img {
  border-radius: 24px;
  box-shadow: var(--shadow);
  margin-top: 24px;
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-group.full {
  grid-column: 1/-1;
}
label {
  font-size: 13px;
  font-weight: 700;
  color: var(--navy);
}
input, select, textarea {
  width: 100%;
  padding: 14px 14px;
  border: 1px solid #cfdde9;
  font: inherit;
  outline: none;
}
input:focus, select:focus, textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 4px rgba(11,114,210,.08);
}
textarea {
  min-height: 148px;
  resize: vertical;
}
.cta-band {
  padding: 64px 0;
  color: #fff;
}
.cta-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}
.cta-grid h2 {
  margin: 0 0 8px;
  font-size: 34px;
}
.cta-grid p {
  margin: 0;
  color: #d6ebf9;
}
.site-footer {
  padding: 70px 0 0;
}
.footer-top {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.18fr;
  gap: 34px;
}
.footer-brand-block p {
  font-size: 13px;
  color: #a5bccf;
}
.site-footer .footer-heading {
  margin: 6px 0 14px;
}
.site-footer a {
  display: block;
  margin: 7px 0;
  font-size: 13px;
  color: #bdd1de;
}
.site-footer p {
  font-size: 13px;
  color: #9fb4c5;
}
.footer-btn {
  margin-top: 10px;
  padding: 12px 18px;
  background: rgba(255,255,255,.1);
  color: #fff;
  border: 1px solid rgba(255,255,255,.12);
}
.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 0;
  margin-top: 40px;
  border-top: 1px solid rgba(255,255,255,.08);
  font-size: 12px;
  color: #89a3b8;
}
@media (max-width:1080px) {
  .main-nav {
    position: fixed;
    top: 78px;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    background: #fff;
    padding: 20px 24px;
    box-shadow: var(--shadow);
  }
  .main-nav.open {
    display: flex;
  }
  .main-nav a:after {
    bottom: 2px;
  }
  .menu-toggle {
    display: block;
    margin-left: auto;
  }
  .nav-cta {
    display: none;
  }
  .hero-grid, .feature-layout, .contact-grid {
    grid-template-columns: 1fr;
  }
  .hero-grid {
    min-height: auto;
    padding: 96px 0 80px;
  }
  .cards {
    grid-template-columns: repeat(2,1fr);
  }
  .footer-top {
    grid-template-columns: repeat(2,1fr);
  }
  .cta-grid {
    display: block;
  }
  .cta-grid .btn-white, .cta-grid .btn-primary {
    margin-top: 18px;
  }
}
@media (max-width:720px) {
  .hero p {
    font-size: 16px;
  }
  .cards, .form-grid, .footer-top {
    grid-template-columns: 1fr;
  }
  .section-head {
    display: block;
  }
  .footer-bottom {
    display: block;
  }
}
.legal {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 34px;
}
.legal h2 {
  color: var(--navy);
}
.legal h3 {
  color: var(--navy);
  margin-top: 28px;
}
.legal p, .legal li {
  color: var(--muted);
}
.floating-actions {
  position: fixed;
  right: 18px;
  bottom: 24px;
  z-index: 998;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.floating-actions a, .floating-actions button {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 10px 30px rgba(8,45,83,.16);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.floating-actions a:hover, .floating-actions button:hover {
  color: #fff;
}
.reveal.visible {
  opacity: 1;
  transform: none;
}
@media (max-width:720px) {
  .floating-actions {
    right: 10px;
    bottom: 14px;
  }
}
.sync-product-list {
  display: grid;
  gap: 20px;
}
.sync-product-row {
  display: grid;
  grid-template-columns: 160px 1fr auto;
  gap: 28px;
  align-items: center;
  padding: 30px;
  border: 1px solid var(--line);
  transition: .25s;
}
.sync-product-row:hover {
  transform: translateY(-4px);
}
.sync-product-code {
  font-size: 30px;
  font-weight: 900;
}
.sync-product-row h2 {
  margin: 0 0 5px;
}
.sync-product-row p {
  margin: 0;
  color: var(--muted);
}
.sync-product-row>span {
  color: var(--blue);
  font-weight: 700;
}
.sync-footer {
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
}
@media (max-width:800px) {
  .sync-product-row {
    grid-template-columns: 1fr;
  }
}
.image-card img, .contact-visual img {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 16/9;
}
.scene-intro {
  padding: 34px 0;
}
.scene-intro-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 28px;
}
.scene-intro h2 {
  margin: 8px 0 0;
  font-size: 28px;
  line-height: 1.35;
}
.scene-intro p {
  margin: 0;
  color: var(--muted);
}
@media (max-width:900px) {
  .scene-intro-grid {
    grid-template-columns: 1fr;
  }
}
.brand strong {
  letter-spacing: .05em;
}
.nav-cta {
  letter-spacing: .03em;
}
.eyebrow:before {
  width: 22px;
}
.btn-primary {
  padding: 14px 24px;
}
.btn-primary:hover {
  background: var(--accent);
}
.btn-secondary {
  border: 1px solid #9c978f;
}
.cards {
  gap: 18px;
}
.card {
  border: 1px solid #d1ccc4;
  border-radius: 4px;
  padding: 30px;
  background: #fbfaf8;
  box-shadow: none;
}
.card:before {
  height: 3px;
  background: var(--accent);
}
.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(25,25,25,.09);
  border-color: #b9b3aa;
}
.card h3 {
  color: var(--ink);
  font-size: 21px;
}
.card p {
  color: var(--muted);
}
.card .icon {
  width: auto;
  height: auto;
  display: block;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: var(--accent);
  font-size: 13px;
  letter-spacing: .08em;
  text-align: left;
  margin-bottom: 24px;
}
.pill {
  background: #e5e1da;
  color: #46433f;
  border-radius: 2px;
}
.btn-white {
  color: var(--ink);
}
.scene-intro {
  background: #f7f6f3;
  border-bottom: 1px solid #d2cdc5;
}
.scene-intro h2 {
  color: var(--ink);
}
.feature-panel {
  border-radius: 4px;
  box-shadow: none;
  border-color: #d2cdc5;
  background: #fbfaf8;
}
.image-card img, .contact-visual img {
  box-shadow: none;
}
.quote {
  border-radius: 0;
}
.contact-card, .form-card, .legal {
  border-radius: 4px;
  box-shadow: none;
  background: #fbfaf8;
  border-color: #d2cdc5;
}
input, select, textarea {
  background: #fff;
  border-radius: 2px;
  border-color: #c8c2b9;
}
.submit-btn:hover {
  background: #c9541f;
}
.sync-product-row {
  box-shadow: none;
}
.sync-product-row:hover {
  box-shadow: 0 14px 32px rgba(25,25,25,.08);
}
.site-footer .footer-heading {
  color: #fff;
}
.footer-btn {
  border-color: #555;
}
.visual-product-card {
  display: block;
  transition: .25s;
}
.visual-product-card img {
  display: block;
}
.visual-product-card span {
  font-size: 12px;
  letter-spacing: .12em;
  font-weight: 800;
}
.visual-product-card p {
  font-size: 14px;
}
.company-intro-layout {
  align-items: stretch;
}
.company-intro-layout .feature-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.company-image img {
  height: 100%;
  min-height: 540px;
  object-fit: cover;
}
.hero h1 span {
  display: block;
}
@media (max-width:1080px) {
  .visual-product-grid {
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width:720px) {
  .visual-product-grid {
    grid-template-columns: 1fr;
  }
  .company-image img {
    min-height: 320px;
  }
}
body {
  font-family: "Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif;
  letter-spacing: .005em;
}
.container {
  width: min(1240px,calc(100% - 48px));
}
.site-header {
  border: 0;
}
.brand strong {
  color: #fff;
  font-size: 18px;
}
.brand small {
  color: #7fa2bd;
}
.hero.sync-hero {
  background: #06182a;
  color: #fff;
  position: relative;
}
.hero.sync-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 75% 18%,rgba(0,207,232,.18),transparent 27%),radial-gradient(circle at 12% 86%,rgba(11,111,255,.18),transparent 25%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size: auto,auto,46px 46px,46px 46px;
  opacity: 1;
}
.eyebrow {
  color: #56dced;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .18em;
}
.eyebrow:before {
  background: #55e6c1;
}
.hero h1 {
  color: #fff;
  font-size: clamp(46px,5.1vw,70px);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -.045em;
  margin: 22px 0 24px;
}
.hero h1 span {
  color: #88eaf4;
  font-size: .55em;
  margin-top: 12px;
  font-weight: 550;
  letter-spacing: -.02em;
}
.hero p {
  color: #b9ccda;
  font-size: 17px;
  line-height: 1.9;
}
.btn-primary {
  background: linear-gradient(90deg,#0b6fff,#00bddd);
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 14px 32px rgba(11,111,255,.22);
}
.btn-secondary {
  color: #fff;
  border-color: rgba(255,255,255,.25);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
}
.btn-secondary:hover {
  background: rgba(255,255,255,.09);
}
.hero-proof {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid rgba(255,255,255,.12);
}
.hero-proof div {
  min-width: 115px;
}
.hero-proof strong {
  display: block;
  color: #fff;
  font-size: 22px;
}
.hero-proof span {
  display: block;
  color: #809aae;
  font-size: 12px;
  margin-top: 2px;
}
.section-head {
  border-top: 0;
  padding-top: 0;
  margin-bottom: 42px;
  align-items: flex-end;
}
.section-head h2 {
  color: #0a2035;
  font-size: 40px;
  font-weight: 730;
}
.section-head p {
  color: #66788a;
}
.visual-product-grid {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  gap: 18px;
}
.visual-product-card:nth-child(1), .visual-product-card:nth-child(2) {
  grid-column: span 6;
}
.visual-product-card span {
  color: #0b6fff;
}
.visual-product-card h3 {
  color: #0a2035;
}
.cta-band {
  border-top: 0;
  position: relative;
  overflow: hidden;
}
.cta-band:after {
  content: "";
  position: absolute;
  right: -120px;
  top: -140px;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  border: 1px solid rgba(85,230,193,.18);
}
.btn-white {
  border-radius: 10px;
}
.breadcrumb {
  color: #7fa2bd;
}
.feature-panel, .contact-card, .form-card, .legal {
  border-radius: 18px;
  background: #fff;
  border-color: #dbe7f0;
  box-shadow: 0 12px 36px rgba(7,26,45,.05);
}
.feature-panel h3 {
  color: #0a2035;
}
.quote {
  border-left-color: #0b6fff;
  background: #eef6fc;
  color: #0a2035;
}
.sync-product-row {
  border-radius: 16px;
  background: #fff;
  border-color: #dbe7f0;
}
.sync-product-code {
  color: #0b6fff;
}
.sync-product-row h2 {
  color: #0a2035;
}
.site-footer {
  color: #b8cad9;
}
.site-footer .brand strong {
  color: #fff;
}
.footer-btn {
  border-radius: 9px;
}
.floating-actions a, .floating-actions button {
  border-radius: 12px;
  color: #0a2035;
}
.floating-actions a:hover, .floating-actions button:hover {
  background: #0b6fff;
}
@media (max-width:1080px) {
  .visual-product-card, .visual-product-card:nth-child(1), .visual-product-card:nth-child(2) {
    grid-column: span 6;
  }
}
@media (max-width:720px) {
  .visual-product-card, .visual-product-card:nth-child(1), .visual-product-card:nth-child(2) {
    grid-column: 1/-1;
  }
}
.journey-grid {
  display: grid;
  grid-template-columns: 1.35fr repeat(2,1fr);
  gap: 16px;
}
.journey-core {
  grid-row: span 2;
  min-height: 360px;
  padding: 34px;
  border-radius: 28px;
  color: #fff;
  background: linear-gradient(145deg,#071d34,#0a4f8b);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.journey-core:before {
  content: "";
  position: absolute;
  inset: 30px 30px auto auto;
  width: 170px;
  height: 170px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 30px rgba(255,255,255,.025),0 0 0 60px rgba(255,255,255,.018);
}
.journey-core h3 {
  font-size: 32px;
  margin: 6px 0;
}
.journey-core p {
  color: #d6e8f4;
  margin: 0;
  max-width: 460px;
}
.journey-step {
  min-height: 172px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #fff;
  position: relative;
  transition: .25s;
}
.journey-step:hover {
  box-shadow: var(--shadow);
}
.journey-step b {
  position: absolute;
  right: 20px;
  top: 16px;
  font-size: 28px;
  color: #dce7ee;
}
.journey-step span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  color: var(--blue);
}
.journey-step h4 {
  font-size: 22px;
  color: var(--navy);
  margin: 7px 0;
}
.journey-step p {
  font-size: 13px;
  color: var(--muted);
  margin: 0;
}
.solution-preview-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
}
.solution-tile {
  min-height: 260px;
  padding: 26px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  transition: .25s;
}
.solution-tile:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow);
}
.solution-tile>span {
  font-size: 12px;
  color: var(--blue);
  font-weight: 800;
  letter-spacing: .12em;
}
.solution-tile h3 {
  font-size: 22px;
  color: var(--navy);
  margin: 30px 0 8px;
}
.solution-tile p {
  color: var(--muted);
  font-size: 14px;
  margin: 0 0 auto;
}
.solution-tile b {
  color: var(--blue);
  font-size: 13px;
  margin-top: 24px;
}
.approach-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
}
.approach-grid article {
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: #fff;
}
.approach-grid b {
  font-size: 12px;
  color: var(--blue);
}
.approach-grid h3 {
  color: var(--navy);
  font-size: 20px;
  margin: 22px 0 8px;
}
.approach-grid p {
  color: var(--muted);
  font-size: 14px;
  margin: 0;
}
.solution-detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
.solution-detail .lead {
  color: var(--muted);
  font-size: 16px;
}
.solution-media {
  border-radius: 28px;
  overflow: hidden;
  box-shadow: var(--shadow);
  min-height: 390px;
}
.solution-media img {
  width: 100%;
  height: 100%;
  min-height: 390px;
  object-fit: cover;
}
.solution-points {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 24px 0;
}
.solution-points span {
  padding: 11px 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  font-size: 13px;
  color: #3f5162;
}
.text-link {
  font-weight: 800;
  color: var(--blue);
}
.section-head.light h2 {
  color: #fff;
}
.section-head.light p {
  color: #b8cfde;
}
.product-decision {
  border-top: 1px solid var(--line);
}
.flow-rail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  overflow: auto;
}
.flow-rail span {
  min-width: max-content;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f1f7fb;
  color: var(--navy);
  font-weight: 700;
  font-size: 13px;
}
.flow-rail i {
  font-style: normal;
  color: #91a6b6;
}
.decision-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 16px;
  margin-top: 18px;
}
.decision-grid article {
  padding: 24px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: #fff;
}
.decision-grid h3 {
  color: var(--navy);
  margin: 0 0 9px;
  font-size: 19px;
}
.decision-grid p {
  color: var(--muted);
  margin: 0;
  font-size: 14px;
}
@media (max-width:1000px) {
  .journey-grid {
    grid-template-columns: 1fr 1fr;
  }
  .journey-core {
    grid-column: 1/-1;
    grid-row: auto;
    min-height: 280px;
  }
  .solution-preview-grid, .approach-grid {
    grid-template-columns: 1fr 1fr;
  }
  .solution-detail-grid, .solution-detail-grid.reverse {
    grid-template-columns: 1fr;
  }
  .solution-detail-grid.reverse .solution-media {
    order: 2;
  }
  .decision-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:700px) {
  .journey-grid, .solution-preview-grid, .approach-grid, .solution-points, .decision-grid {
    grid-template-columns: 1fr;
  }
  .solution-media, .solution-media img {
    min-height: 260px;
  }
  .flow-rail {
    justify-content: flex-start;
  }
}
.arch-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg,#061426 0%,#0a2037 58%,#0b2744 100%);
}
.arch-section:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(100,180,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(100,180,255,.05) 1px,transparent 1px);
  background-size: 40px 40px;
  mask-image: linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
}
.arch-section .container {
  position: relative;
  z-index: 1;
}
.arch-section h2, .arch-section h3 {
  color: #fff;
}
.arch-section p {
  color: #b9cadc;
}
.delivery-grid-v12 {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 0;
  margin-top: 34px;
  border: 1px solid #dfe8f1;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
}
.delivery-step-v12 {
  padding: 26px 20px;
  border-right: 1px solid #e5edf5;
}
.delivery-step-v12:last-child {
  border-right: 0;
}
.delivery-step-v12 b {
  display: block;
  color: #3a7cff;
  font-size: 12px;
  letter-spacing: .14em;
  margin-bottom: 18px;
}
.delivery-step-v12 h3 {
  font-size: 17px;
  margin: 0 0 8px;
}
.delivery-step-v12 p {
  font-size: 14px;
  color: #687989;
  line-height: 1.7;
  margin: 0;
}
.global-callout {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 30px;
  align-items: stretch;
}
.global-panel {
  padding: 34px;
  border-radius: 18px;
  background: linear-gradient(145deg,#0a1a2c,#10314d);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.global-panel:after {
  content: "GLOBAL";
  position: absolute;
  right: -15px;
  bottom: -25px;
  font-size: 92px;
  font-weight: 800;
  color: rgba(255,255,255,.035);
  letter-spacing: .02em;
}
.global-panel h3 {
  font-size: 28px;
  color: #fff;
  margin: 8px 0 14px;
}
.global-panel p {
  color: #bfd0e0;
  max-width: 680px;
}
.global-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}
.global-tags span {
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(130,205,255,.25);
  background: rgba(255,255,255,.05);
}
.integrate-panel {
  padding: 34px;
  border: 1px solid #e0e8f0;
  border-radius: 18px;
  background: #f8fbfd;
}
.integrate-panel h3 {
  font-size: 24px;
  margin: 8px 0 14px;
}
.integrate-list {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
  margin-top: 20px;
}
.integrate-list span {
  padding: 10px 12px;
  background: #fff;
  border: 1px solid #e7edf3;
  border-radius: 10px;
  font-size: 13px;
  color: #435b70;
}
@media (max-width:900px) {
  .global-callout {
    grid-template-columns: 1fr;
  }
  .delivery-grid-v12 {
    grid-template-columns: 1fr;
  }
  .delivery-step-v12 {
    border-right: 0;
    border-bottom: 1px solid #e5edf5;
  }
  .delivery-step-v12:last-child {
    border-bottom: 0;
  }
  .integrate-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width:600px) {
  .global-panel, .integrate-panel {
    padding: 24px;
  }
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 92px;
}
body {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
::selection {
  background: #bdeeff;
  color: #06182a;
}
.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 2000;
  transform: translateY(-140%);
  padding: 10px 14px;
  border-radius: 8px;
  background: #fff;
  color: #071a2d;
  box-shadow: var(--shadow);
  font-weight: 700;
}
.skip-link:focus {
  transform: none;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(0,207,232,.45);
  outline-offset: 3px;
}
.nav-wrap {
  transition: height .2s ease;
}
.main-nav a {
  letter-spacing: .01em;
}
.nav-cta {
  font-weight: 750;
  box-shadow: 0 8px 24px rgba(11,111,255,.2);
}
.hero h1 {
  max-width: 760px;
  text-wrap: balance;
}
.hero p {
  max-width: 650px;
}
.hero-actions {
  gap: 12px;
}
.section-head h2 {
  text-wrap: balance;
  max-width: 790px;
}
.section-head>p {
  max-width: 560px;
}
.visual-product-card, .solution-tile, .journey-step, .approach-grid article, .decision-grid article {
  will-change: transform;
}
.visual-product-card:hover, .solution-tile:hover, .journey-step:hover {
  border-color: #b9d8ee;
}
.visual-product-card img, .solution-media img, .company-image img {
  transition: transform .55s cubic-bezier(.2,.7,.2,1),filter .3s ease;
}
.visual-product-card:focus-visible, .solution-tile:focus-visible {
  outline: 3px solid rgba(11,111,255,.24);
  outline-offset: 3px;
}
.arch-section {
  border-top: 1px solid rgba(255,255,255,.03);
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.contact-grid {
  align-items: start;
}
.form-card {
  position: relative;
  overflow: hidden;
}
.form-card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg,#0b6fff,#00cfe8,#55e6c1);
}
.form-group label {
  font-weight: 700;
  color: #2c4053;
}
.form-group input, .form-group select, .form-group textarea {
  width: 100%;
  border: 1px solid #d7e3ec;
  background: #fff;
  border-radius: 10px;
  padding: 13px 14px;
  color: #102235;
  transition: border-color .2s,box-shadow .2s;
  font: inherit;
}
.form-group textarea {
  resize: vertical;
  min-height: 130px;
}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
  border-color: #73b6ff;
  box-shadow: 0 0 0 4px rgba(11,111,255,.08);
  outline: 0;
}
.submit-btn {
  border: 0;
  border-radius: 10px;
  background: linear-gradient(90deg,#0b6fff,#00bddd);
  color: #fff;
  padding: 14px 20px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(11,111,255,.18);
}
.submit-btn:hover {
  filter: brightness(1.035);
}
.consent-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 2px 0 16px;
  color: #65788a;
  font-size: 13px;
  line-height: 1.6;
}
.consent-row input {
  width: 16px;
  height: 16px;
  flex: none;
  margin-top: 3px;
}
.consent-row a {
  color: #0b6fff;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.form-note {
  margin: 12px 0 0;
  color: #7a8b9b;
  font-size: 12px;
  line-height: 1.65;
}
.site-footer a:hover {
  color: #fff;
}
.footer-bottom a {
  display: inline;
  margin: 0;
  color: inherit;
}
.footer-bottom {
  line-height: 1.7;
}
.floating-actions a, .floating-actions button {
  transition: opacity .2s,transform .2s,background .2s,color .2s;
}
.floating-actions a:hover, .floating-actions button:hover {
  transform: translateY(-2px);
}
.reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .52s ease,transform .52s ease;
}
@media (prefers-reduced-motion:reduce) {
  *, *:before, *:after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
  .reveal {
    opacity: 1;
    transform: none;
  }
}
@media (max-width:1080px) {
  .site-header .main-nav {
    top: 76px;
    background: #071a2d;
    border-top: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 24px 50px rgba(0,0,0,.26);
  }
  .main-nav a {
    color: #c4d4e0;
    padding: 10px 0;
  }
}
@media (max-width:720px) {
  .container {
    width: min(100% - 32px,1240px);
  }
  .site-header .main-nav {
    top: 68px;
  }
  .brand {
    min-width: auto;
  }
  .brand strong {
    font-size: 16px;
  }
  .hero h1 {
    font-size: clamp(38px,11vw,50px);
    line-height: 1.1;
    margin-top: 18px;
  }
  .hero h1 span {
    font-size: .52em;
    line-height: 1.35;
  }
  .hero p {
    line-height: 1.8;
  }
  .hero-proof {
    gap: 16px;
  }
  .hero-proof div {
    min-width: 90px;
  }
  .hero-proof strong {
    font-size: 20px;
  }
  .section-head {
    margin-bottom: 30px;
  }
  .section-head h2 {
    font-size: 32px;
    line-height: 1.22;
  }
  .solution-tile, .journey-step {
    border-radius: 16px;
  }
  .cta-grid h2 {
    font-size: 28px;
  }
  .floating-actions {
    display: none;
  }
}
.project-fit .decision-grid article {
  background: #fff;
  border: 1px solid rgba(10,63,115,.10);
}
.project-fit .decision-grid h3 {
  margin-bottom: .55rem;
}
.project-fit .decision-grid p {
  margin: 0;
  color: var(--muted);
}
.form-note {
  max-width: 46rem;
}
.section {
  padding: 92px 0;
}
.section.soft {
  background: linear-gradient(180deg,#f7fafc 0%,#f3f7fa 100%);
}
.section-head {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--v15-line);
}
.section-head h2 {
  letter-spacing: -.025em;
}
.section-head .eyebrow {
  margin-bottom: 12px;
}
.visual-product-card {
  grid-column: span 4;
  overflow: hidden;
}
.visual-product-card img {
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: cover;
}
.visual-product-card>div>span {
  font-size: 11px;
  letter-spacing: .14em;
  color: #4e79a3;
  font-weight: 800;
}
.visual-product-card h3 {
  font-size: 22px;
  letter-spacing: -.015em;
  margin: 8px 0 9px;
}
.visual-product-card p {
  margin: 0;
  color: #687a8b;
  line-height: 1.72;
}
.product-subnav-wrap {
  position: sticky;
  top: 76px;
  z-index: 80;
  backdrop-filter: blur(16px);
  border-bottom: 1px solid #e4ebf1;
}
.product-subnav {
  height: 58px;
  display: flex;
  align-items: center;
  gap: 26px;
  overflow-x: auto;
  scrollbar-width: none;
}
.product-subnav::-webkit-scrollbar {
  display: none;
}
.product-subnav-label {
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .08em;
  color: var(--v15-ink);
  padding-right: 22px;
  border-right: 1px solid #dde6ee;
  white-space: nowrap;
}
.product-subnav a {
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
  transition: color .18s ease;
}
.scene-intro {
  padding-top: 88px;
  padding-bottom: 68px;
}
.scene-intro .container {
  max-width: 1040px;
}
.scene-intro h2 {
  letter-spacing: -.025em;
}
.product-decision, .project-fit {
  scroll-margin-top: 150px;
}
#positioning, #workflow, #fit {
  scroll-margin-top: 150px;
}
.project-fit .decision-grid {
  gap: 14px;
}
.project-fit .decision-grid article {
  box-shadow: none;
  border-radius: 14px;
}
.flow-rail {
  box-shadow: none;
  border: 1px solid var(--v15-line);
}
.cta-band {
  background: linear-gradient(135deg,#071a2d 0%,#0b2945 100%);
}
.cta-band .container {
  padding-top: 4px;
  padding-bottom: 4px;
}
.cta-grid h2 {
  letter-spacing: -.025em;
}
.journey-step:hover {
  transform: none;
}
@media (max-width:1080px) {
  .product-subnav-wrap {
    top: 68px;
  }
}
@media (max-width:720px) {
  .section {
    padding: 68px 0;
  }
  .section-head {
    padding-bottom: 18px;
  }
  .visual-product-grid {
    display: block;
  }
  .visual-product-card {
    display: block;
    margin-bottom: 14px;
  }
  .visual-product-card h3 {
    font-size: 20px;
  }
  .product-subnav-wrap {
    top: 68px;
  }
  .product-subnav {
    height: 52px;
    gap: 18px;
    padding-right: 0;
  }
  .product-subnav-label {
    display: none;
  }
  .product-subnav a {
    font-size: 12px;
  }
  .scene-intro {
    padding-top: 64px;
    padding-bottom: 50px;
  }
}
.v16-hero-copy {
  padding: 82px 0 74px;
  max-width: 610px;
}
.v16-proof {
  display: flex;
  gap: 0;
  margin: 34px 0 32px;
  border-top: 1px solid rgba(255,255,255,.14);
  border-bottom: 1px solid rgba(255,255,255,.14);
  padding: 18px 0;
}
.v16-proof>div {
  padding: 0 28px;
  border-right: 1px solid rgba(255,255,255,.14);
}
.v16-proof>div:first-child {
  padding-left: 0;
}
.v16-proof>div:last-child {
  border-right: 0;
}
.v16-proof strong {
  display: block;
  font-size: 22px;
  color: #fff;
  margin-bottom: 3px;
}
.v16-proof span {
  font-size: 12px;
  color: rgba(255,255,255,.58);
}
.v16-visual {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
}
.v16-visual>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.v16-image-shade {
  position: absolute;
  inset: 0;
}
.v16-dashboard {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.v16-dashboard-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.v16-dashboard-head small {
  font-size: 11px;
}
.v16-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.v16-metrics>div {
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.v16-metrics>div:nth-child(odd) {
  border-right: 1px solid rgba(255,255,255,.1);
  margin-right: 16px;
}
.v16-metrics span, .v16-metrics small {
  display: block;
}
.v16-metrics span {
  font-size: 12px;
  color: rgba(255,255,255,.62);
}
.v16-metrics strong {
  display: block;
  line-height: 1.2;
  color: #fff;
  margin: 7px 0 5px;
}
.v16-metrics small {
  font-size: 11px;
  color: rgba(255,255,255,.42);
}
.v16-dashboard-foot {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 11px;
}
.v16-dashboard-foot i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
@media (max-width:1100px) {
  .v16-hero-copy {
    padding: 76px 0 50px;
    max-width: 720px;
  }
  .v16-visual {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 470px;
  }
}
@media (max-width:720px) {
  .v16-hero-copy {
    padding: 58px 0 38px;
  }
  .v16-proof {
    margin: 28px 0 26px;
  }
  .v16-proof>div {
    padding: 0 14px;
  }
  .v16-proof strong {
    font-size: 18px;
  }
  .v16-proof span {
    font-size: 10px;
  }
  .v16-visual {
    height: 410px;
  }
  .v16-dashboard {
    top: auto;
    bottom: 20px;
    transform: none;
    padding: 16px;
  }
  .v16-metrics>div {
    padding: 13px 10px 12px 0;
  }
  .v16-dashboard-head small {
    display: none;
  }
}
.v16-visual {
  width: 60vw;
  min-height: 640px;
}
.v16-visual>img {
  filter: none;
  object-position: 50% 52%;
  transform: scale(1.003);
}
.v16-image-shade {
  background: linear-gradient(90deg,rgba(6,23,37,.97) 0%,rgba(6,23,37,.76) 22%,rgba(6,23,37,.24) 49%,rgba(6,23,37,.08) 72%,rgba(6,23,37,.20) 100%), linear-gradient(180deg,rgba(4,18,31,.02) 0%,rgba(4,18,31,.12) 68%,rgba(4,18,31,.30) 100%);
}
.v16-dashboard {
  right: max(26px,calc((100vw - 1280px)/2));
  width: min(388px,30vw);
  padding: 20px 20px 17px;
  border-radius: 10px;
  background: rgba(5,22,38,.82);
  border: 1px solid rgba(173,202,226,.18);
  box-shadow: 0 18px 42px rgba(0,0,0,.20);
  backdrop-filter: blur(12px) saturate(105%);
  -webkit-backdrop-filter: blur(12px) saturate(105%);
}
.v16-dashboard-head {
  padding-bottom: 13px;
}
.v16-dashboard-head span {
  font-size: 11px;
  letter-spacing: .14em;
  color: #d4e4f2;
}
.v16-dashboard-head small {
  color: rgba(255,255,255,.44);
}
.v16-metrics>div {
  padding: 16px 14px 14px 0;
}
.v16-metrics strong {
  font-size: 20px;
  font-weight: 590;
  letter-spacing: -.01em;
}
.v16-dashboard-foot {
  padding-top: 13px;
  color: rgba(255,255,255,.48);
}
.v16-dashboard-foot i {
  background: #64b6a7;
  box-shadow: none;
}
.photo-card:not(.large) {
  min-height: 242px;
}
.visual-product-card {
  border-radius: var(--v17-photo-radius);
  border: 1px solid var(--v17-photo-line);
  box-shadow: none;
  background: #fff;
}
.visual-product-card img {
  filter: none;
  aspect-ratio: 16/9;
}
.visual-product-card>div {
  padding: 22px 22px 25px;
}
.visual-product-card:hover {
  transform: none;
  box-shadow: var(--v17-photo-shadow);
}
.visual-product-card:hover img {
  transform: none;
}
.image-card, .contact-visual {
  border-radius: var(--v17-photo-radius) !important;
  overflow: hidden;
}
.image-card img, .contact-visual img {
  filter: none !important;
  border-radius: var(--v17-photo-radius) !important;
}
.visual-product-card:after {
  content: none !important;
}
@media (max-width:1100px) {
  .v16-visual {
    width: 100%;
    min-height: 0;
  }
  .v16-dashboard {
    width: min(380px,88vw);
    right: 5%;
  }
}
@media (max-width:720px) {
  .photo-card:not(.large) {
    min-height: 286px;
  }
  .visual-product-card>div {
    padding: 19px 18px 22px;
  }
  .v16-dashboard {
    left: 16px;
    right: 16px;
    width: auto;
    border-radius: 9px;
  }
  .v16-metrics strong {
    font-size: 17px;
  }
}
.lang-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(15,50,80,.16);
  border-radius: 8px;
  font-size: .82rem;
  font-weight: 700;
  text-decoration: none;
}
.lang-switch:hover {
  border-color: rgba(0,94,184,.38);
  color: var(--brand);
}
.hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.form-status {
  min-height: 1.4em;
  margin: .65rem 0 0;
  font-size: .9rem;
}
.form-status[data-state="success"] {
  color: #16794a;
}
.form-status[data-state="error"] {
  color: #a33a32;
}
.form-status[data-state="pending"], .form-status[data-state="info"] {
  color: #315b79;
}
.field-error {
  display: block;
  margin-top: 7px;
  color: #b42318;
  font-size: .82rem;
  line-height: 1.45;
}
.contact-form :is(input, select, textarea)[aria-invalid="true"] {
  border-color: #d92d20;
  box-shadow: 0 0 0 3px rgba(217,45,32,.12);
}
.contact-form :is(input, select, textarea):focus-visible {
  outline: 3px solid rgba(35,117,255,.26);
  outline-offset: 2px;
}
.partner-relationship-note {
  margin: 24px 0 0;
  color: #60788d;
  font-size: .9rem;
  line-height: 1.7;
  text-align: center;
}
@media (min-width: 1101px) {
  body.product-yard-v193 .product-workflow-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.submit-btn:disabled {
  opacity: .55;
  cursor: wait;
}
.footer-bottom [data-site-filing] {
  margin-left: auto;
  color: inherit;
  text-decoration: none;
}
.footer-bottom [data-site-filing]:hover {
  text-decoration: underline;
}
@media (max-width:900px) {
  .lang-switch {
    order: 3;
    height: 38px;
  }
  .footer-bottom [data-site-filing] {
    margin-left: 0;
  }
}
nn/**/n.brand {
  display: flex;
  align-items: center;
  min-width: 188px;
}
n.brand-logo {
  display: block;
  width: 174px;
  height: auto;
  max-height: 48px;
  object-fit: contain;
  object-position: left center;
}
n.footer-brand .brand-logo {
  width: 184px;
  max-height: 54px;
}
n.customer-practice-section {
  padding-top: 76px;
  padding-bottom: 84px;
}
n.customer-practice-head {
  margin-bottom: 30px;
}
n.customer-logo-grid {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 14px;
  width: 100%;
  margin: 0 auto;
}
n.customer-logo-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 2.22/1;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dbe7f0;
  border-radius: 12px;
  box-shadow: 0 5px 16px rgba(7,26,45,.035);
  transition: border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
n.customer-logo-card:hover {
  transform: translateY(-2px);
  border-color: #c5d8e8;
  box-shadow: 0 10px 24px rgba(7,26,45,.065);
}
n.customer-logo-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  padding: 0;
}

.company-profile-copy h2 {
  font-size: clamp(30px,3.1vw,46px);
  line-height: 1.14;
  margin: 10px 0 20px;
  letter-spacing: -.025em;
}
.company-profile-copy>p {
  max-width: 760px;
  color: #43596a;
  line-height: 1.85;
}
.company-facts {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1px;
  margin-top: 28px;
  border: 1px solid #dbe6ee;
  background: #dbe6ee;
  border-radius: 10px;
  overflow: hidden;
}
.company-facts div {
  background: #fff;
  padding: 18px 20px;
}
.company-facts strong {
  display: block;
  color: #082b4a;
  font-size: 1.05rem;
  margin-bottom: 4px;
}
.company-facts span {
  font-size: .84rem;
  color: #657888;
}
.company-capability-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border-top: 1px solid #d7e2ea;
  border-bottom: 1px solid #d7e2ea;
}
.company-capability-grid article {
  padding: 30px 26px;
  border-right: 1px solid #d7e2ea;
}
.company-capability-grid article:last-child {
  border-right: 0;
}
.company-capability-grid article>span {
  font-size: .75rem;
  letter-spacing: .12em;
  color: #2670b8;
}
.company-capability-grid h3 {
  margin: 18px 0 10px;
  font-size: 1.08rem;
}
.company-capability-grid p {
  margin: 0;
  color: #5d7080;
  line-height: 1.75;
  font-size: .92rem;
}
.delivery-steps {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 18px;
}
.delivery-steps>div {
  padding: 26px 0;
  border-top: 2px solid #173f64;
}
.delivery-steps b {
  font-size: .78rem;
  color: #397bb8;
  letter-spacing: .12em;
}
.delivery-steps h3 {
  margin: 16px 0 8px;
  font-size: 1.06rem;
}
.delivery-steps p {
  margin: 0;
  color: #5d7080;
  line-height: 1.7;
  font-size: .91rem;
}
.practice-note {
  max-width: 980px;
  margin: 22px auto 0;
  text-align: center;
  color: #7a8995;
  font-size: .78rem;
  line-height: 1.7;
}
.company-cta-section {
  padding-top: 20px;
}
.company-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  padding: 44px 48px;
  background: #071f35;
  color: #fff;
  border-radius: 12px;
}
.company-cta h2 {
  margin: 8px 0 10px;
  font-size: clamp(25px,2.7vw,38px);
}
.company-cta p {
  margin: 0;
  max-width: 820px;
  color: #b9cad8;
  line-height: 1.75;
}
.company-cta .eyebrow {
  color: #77baf2;
}
.company-cta .btn {
  flex: 0 0 auto;
}
@media (max-width:980px) {
  .company-capability-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .company-capability-grid article:nth-child(2) {
    border-right: 0;
  }
  .company-capability-grid article:nth-child(-n/**/+2) {
    border-bottom: 1px solid #d7e2ea;
  }
  .delivery-steps {
    grid-template-columns: repeat(2,1fr);
  }
  .company-cta {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width:620px) {
  .company-facts {
    grid-template-columns: 1fr;
  }
  .company-capability-grid, .delivery-steps {
    grid-template-columns: 1fr;
  }
  .company-capability-grid article {
    border-right: 0;
    border-bottom: 1px solid #d7e2ea !important;
    padding: 24px 4px;
  }
  .company-capability-grid article:last-child {
    border-bottom: 0 !important;
  }
  .company-cta {
    padding: 30px 24px;
  }
  .company-cta .btn {
    width: 100%;
    text-align: center;
  }
}
.v16-hero-copy {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.v16-proof {
  max-width: 100%;
}
@media (max-width:1380px) and (min-width:1181px) {
  .v16-hero-copy {
    max-width: none;
    padding-right: 10px;
  }
  .v16-proof>div {
    padding: 0 20px;
  }
  .v16-dashboard {
    width: min(350px,29vw);
  }
}
@media (max-width:1180px) {
  .v16-hero-copy {
    max-width: 780px;
    padding: 72px 0 50px;
  }
  .v16-visual {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 470px;
    min-height: 0;
  }
  .v16-dashboard {
    right: 5%;
    width: min(380px,88vw);
  }
}
@media (max-width:820px) {
  .v16-hero-copy {
    padding: 62px 0 42px;
  }
  .v16-proof {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 0;
  }
  .v16-proof>div {
    min-width: 0;
    padding: 0 12px;
  }
  .v16-proof>div:first-child {
    padding-left: 0;
  }
  .v16-proof>div:last-child {
    padding-right: 0;
  }
}
@media (max-width:560px) {
  .v16-hero-copy {
    padding: 50px 0 34px;
  }
  .v16-proof {
    margin: 24px 0 24px;
    padding: 15px 0;
  }
  .v16-proof strong {
    font-size: 17px;
  }
  .v16-proof span {
    font-size: 9.5px;
    line-height: 1.35;
  }
  .v16-visual {
    height: 390px;
  }
}
@media (min-width:1280px) and (max-width:1400px) and (max-height:820px) {
  .v16-hero-copy {
    padding: 52px 4px 46px 0;
  }
  .v16-proof {
    margin: 24px 0 24px;
    padding: 13px 0;
  }
  .v16-proof>div {
    padding: 0 18px;
  }
  .v16-proof strong {
    font-size: 20px;
    margin-bottom: 2px;
  }
  .v16-proof span {
    font-size: 11px;
  }
  .v16-visual {
    min-height: 600px;
  }
  .v16-dashboard {
    width: min(330px,27vw);
    padding: 16px 16px 14px;
  }
  .v16-dashboard-head {
    padding-bottom: 10px;
  }
  .v16-dashboard-head span {
    font-size: 10.5px;
  }
  .v16-dashboard-head small {
    font-size: 10px;
  }
  .v16-metrics>div {
    padding: 12px 10px 11px 0;
  }
  .v16-metrics span {
    font-size: 10px;
  }
  .v16-metrics strong {
    font-size: 18px;
  }
  .v16-metrics small {
    font-size: 9.5px;
  }
  .v16-dashboard-foot {
    padding-top: 10px;
    font-size: 10px;
  }
}
.customer-logo-grid {
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 16px;
  align-items: stretch;
}
.customer-logo-card {
  aspect-ratio: 2/1;
  min-height: 0;
  background: #fff;
  border: 1px solid #d7e3ec;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 3px 12px rgba(7,26,45,.035);
}
.customer-logo-card img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  padding: 0;
}
.customer-logo-card:hover {
  transform: none;
  border-color: #c5d8e8;
  box-shadow: 0 6px 18px rgba(7,26,45,.055);
}
@media (max-width:1180px) {
  .customer-logo-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
  }
}
@media (max-width:720px) {
  .customer-logo-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }
  .customer-logo-card {
    border-radius: 10px;
  }
}
body.home-refined, body.company-refined {
  background: #fff;
  color: #0d2238;
}
body.home-refined .site-header, body.company-refined .site-header {
  background: rgba(255,255,255,.97) !important;
  border-bottom: 1px solid #dbe5ee !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px);
}
body.home-refined .main-nav a, body.company-refined .main-nav a {
  color: #101820 !important;
  font-weight: 600;
}
body.home-refined .main-nav a:hover, body.home-refined .main-nav a.active, body.company-refined .main-nav a:hover, body.company-refined .main-nav a.active {
  color: #075ec7 !important;
}
body.home-refined .main-nav a:after, body.company-refined .main-nav a:after {
  background: #1267d6 !important;
}
body.home-refined .nav-cta, body.company-refined .nav-cta {
  background: #0867d4 !important;
  border-radius: 7px !important;
}
body.home-refined .menu-toggle, body.company-refined .menu-toggle {
  color: #0d2238 !important;
}
.home-hero {
  position: relative;
  color: #fff;
  overflow: hidden;
}
.home-hero .hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  margin: auto;
}
.home-hero .v16-hero-copy {
  position: relative;
  z-index: 3;
  align-self: center;
}
.home-hero h1 {
  color: #fff;
  white-space: normal;
}
.home-hero .v16-proof {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 0;
  border-top: 1px solid rgba(255,255,255,.16);
  border-bottom: 1px solid rgba(255,255,255,.16);
}
.home-hero .v16-proof>div {
  border-right: 1px solid rgba(255,255,255,.18);
}
.home-hero .v16-proof>div:first-child {
  padding-left: 0;
}
.home-hero .v16-proof>div:last-child {
  border-right: 0;
}
.home-hero .v16-proof strong {
  color: #fff;
}
.home-hero .hero-actions {
  display: flex;
}
.home-hero .btn-primary, .home-hero .btn-secondary {
  border-radius: 7px;
}
.home-hero .btn-primary {
  background: #086be6;
}
.home-hero .btn-secondary {
  background: rgba(6,28,50,.36);
  border: 1px solid rgba(255,255,255,.38);
}
.home-hero .hero-side {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.home-hero .v16-visual {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.home-hero .v16-visual>img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-hero .v16-image-shade {
  position: absolute;
  inset: 0;
}
.home-hero .v16-dashboard {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid rgba(152,194,232,.25);
}
.home-hero .v16-dashboard-head small {
  font-size: 9px;
  color: #a3bbce;
}
.home-hero .v16-metrics {
  grid-template-columns: 1fr 1fr;
}
.home-loop {
  background: #fff;
  border-bottom: 1px solid #e5ebf1;
  padding: 0 !important;
}
.home-loop .section-head {
  display: none;
}
.home-loop .journey-core {
  display: none !important;
}
.home-loop .journey-step {
  position: relative;
}
.home-loop .journey-step:last-child {
  border-right: 0 !important;
}
.home-loop .journey-step h3 {
  font-size: 16px !important;
  margin: 0 0 5px !important;
  color: #0b2239 !important;
}
.home-products, .home-solutions {
  padding: 28px 0 18px !important;
  background: #fff;
}
.home-products .section-head, .home-solutions .section-head {
  margin-bottom: 16px !important;
  padding: 0 !important;
  border: 0 !important;
}
.home-products .section-head .eyebrow, .home-solutions .section-head .eyebrow {
  display: none;
}
.home-products .section-head h2, .home-solutions .section-head h2 {
  font-size: 22px !important;
  letter-spacing: 0 !important;
}
.home-products .section-head p, .home-solutions .section-head p {
  font-size: 13px !important;
  max-width: 680px;
}
.home-products .visual-product-grid {
  display: grid !important;
  grid-template-columns: repeat(5,minmax(0,1fr)) !important;
}
.home-products .visual-product-card, .home-products .visual-product-card:nth-child(n) {
  grid-column: auto !important;
  position: relative;
  border: 0 !important;
  overflow: hidden;
  background: #0b2a4b !important;
  box-shadow: none !important;
}
.home-products .visual-product-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: auto !important;
  object-fit: cover !important;
}
.home-products .visual-product-card:after {
  content: "";
  position: absolute;
  inset: 0;
}
.home-products .visual-product-card>div {
  position: absolute;
  z-index: 2;
  padding: 0 !important;
  color: #fff;
}
.home-products .visual-product-card span {
  color: #fff !important;
  font-weight: 700;
}
.home-products .visual-product-card h3 {
  color: #fff !important;
}
.home-products .visual-product-card p {
  margin: 0;
}
.home-capability-strip {
  color: #fff;
}
.home-capability-grid {
  display: grid;
  grid-template-columns: repeat(5,1fr);
}
.home-capability-grid article {
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(255,255,255,.16);
}
.home-capability-grid article:last-child {
  border-right: 0;
}
.home-capability-grid .cap-icon {
  color: #d9eaff;
}
.home-capability-grid h3 {
  color: #fff;
  margin: 0 0 3px;
}
.home-capability-grid p {
  color: #b9cee0;
  margin: 0;
}
.home-solutions {
  padding-bottom: 34px !important;
}
.home-solutions .solution-preview-grid {
  grid-template-columns: repeat(4,1fr) !important;
  gap: 12px !important;
}
.home-solutions .solution-tile {
  border: 0 !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg,#173f67,#315f88) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.home-solutions .solution-tile span {
  font-size: 10px;
  color: #8fc5f5;
}
.home-solutions .solution-tile h3 {
  color: #fff;
}
.home-solutions .solution-tile p {
  color: #d7e4ef;
  line-height: 1.5;
}
.home-solutions .solution-tile b {
  font-size: 11px;
  color: #fff;
}
.company-banner {
  position: relative;
  padding: 0;
  background: linear-gradient(90deg,rgba(4,34,64,.98) 0%,rgba(4,34,64,.84) 37%,rgba(4,34,64,.22) 72%),url("../images/hero-port-photo-v17.webp") center 54%/cover no-repeat;
  color: #fff;
}
.company-tabs {
  position: sticky;
  z-index: 80;
  background: rgba(255,255,255,.98);
  border-bottom: 1px solid #dfe6ed;
  box-shadow: 0 3px 12px rgba(13,34,56,.035);
}
.company-tabs-inner {
  display: grid;
  grid-template-columns: repeat(5,1fr);
}
.company-tabs a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #46576a;
  border-bottom: 2px solid transparent;
}
.company-tabs a:hover, .company-tabs a:focus {
  color: #075ec7;
  border-bottom-color: #075ec7;
}
.company-refined .section {
  padding: 64px 0;
}
.company-refined .section.soft {
  background: #f7f9fb;
}
.company-refined .section-head h2 {
  font-size: 30px;
}
.company-refined .company-intro-layout {
  gap: 28px;
}
.company-refined .feature-panel {
  box-shadow: none;
  border: 1px solid #e0e7ee;
}
.company-refined .company-capability-grid article, .company-refined .delivery-steps>div {
  box-shadow: none !important;
  border: 1px solid #e1e8ef !important;
  border-radius: 8px !important;
}
.company-refined .customer-practice-head {
  display: block;
  text-align: center;
}
.company-refined .customer-practice-head .eyebrow {
  display: block;
  font-size: 12px;
  letter-spacing: .08em;
}
.company-refined .customer-practice-head p {
  margin: 0 auto;
  max-width: 760px;
}
.company-refined .practice-note {
  text-align: center;
}
.company-refined .company-cta-section {
  padding: 46px 0;
}
.company-refined .company-cta {
  border-radius: 10px;
}
@media (max-width:1180px) {
  body.home-refined .site-header .main-nav, body.company-refined .site-header .main-nav {
    top: 62px !important;
    background: #fff !important;
    border-top: 1px solid #e1e8ef !important;
  }
  .home-hero .hero-grid {
    grid-template-columns: 1fr;
    min-height: 520px;
  }
  .home-hero .v16-hero-copy {
    max-width: 620px;
    padding: 50px 0;
  }
  .home-hero .v16-dashboard {
    right: 4%;
    width: 330px;
    opacity: .95;
  }
  .home-products .visual-product-grid {
    grid-template-columns: repeat(3,1fr) !important;
  }
  .home-capability-grid {
    grid-template-columns: repeat(3,1fr);
  }
  .home-capability-grid article:nth-child(3) {
    border-right: 0;
  }
  .home-solutions .solution-preview-grid {
    grid-template-columns: repeat(2,1fr) !important;
  }
}
@media (max-width:760px) {
  body.home-refined .nav-wrap, body.company-refined .nav-wrap {
    height: 60px !important;
  }
  .home-hero {
    min-height: 640px;
  }
  .home-hero .hero-grid {
    width: min(100% - 30px,1400px);
    min-height: 640px;
  }
  .home-hero .v16-hero-copy {
    padding: 42px 0 260px;
    max-width: none;
  }
  .home-hero h1 {
    font-size: 42px;
  }
  .home-hero .v16-dashboard {
    top: auto;
    bottom: 22px;
    left: 15px;
    right: 15px;
    transform: none;
    width: auto;
  }
  .home-hero .v16-metrics>div {
    min-height: 70px;
  }
  .home-loop .journey-step:nth-child(2) {
    border-right: 0 !important;
  }
  .home-products .visual-product-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .home-products .visual-product-card {
    min-height: 210px;
  }
  .home-capability-grid {
    grid-template-columns: 1fr;
  }
  .home-capability-grid article {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
    padding: 10px 8px;
  }
  .home-solutions .solution-preview-grid {
    grid-template-columns: 1fr !important;
  }
  .company-tabs {
    top: 60px;
    overflow-x: auto;
  }
  .company-tabs-inner {
    display: flex;
    height: 48px;
    min-width: 620px;
  }
  .company-tabs a {
    min-width: 124px;
  }
  .company-refined .customer-logo-grid {
    grid-template-columns: repeat(2,1fr);
  }
}
body.home-refined .nav-wrap, body.company-refined .nav-wrap {
  height: 60px !important;
}
body.home-refined .brand-logo, body.company-refined .brand-logo {
  width: 182px;
  max-height: 43px;
}
body.home-refined .main-nav a, body.company-refined .main-nav a {
  padding: 20px 0 17px !important;
  font-size: 13px;
}
body.home-refined .main-nav a:after, body.company-refined .main-nav a:after {
  bottom: 9px !important;
}
body.home-refined .nav-cta, body.company-refined .nav-cta {
  padding: 9px 15px !important;
  font-size: 13px;
}
.home-hero {
  min-height: 398px;
}
.home-hero .hero-grid {
  min-height: 398px;
  width: min(1400px,calc(100% - 56px));
  grid-template-columns: minmax(0,.74fr) minmax(0,1.26fr);
}
.home-hero .v16-hero-copy {
  padding: 34px 24px 32px 0;
  max-width: 585px;
}
.home-hero .eyebrow {
  font-size: 11px;
  letter-spacing: .17em;
}
.home-hero h1 {
  font-size: clamp(42px,4.1vw,58px);
  line-height: 1.075;
  margin: 13px 0 15px;
}
.home-hero p {
  font-size: 14px;
  line-height: 1.72;
  max-width: 545px;
}
.home-hero .v16-proof {
  margin: 17px 0 17px;
  padding: 12px 0;
}
.home-hero .v16-proof>div {
  padding: 0 20px;
}
.home-hero .v16-proof strong {
  font-size: 21px;
}
.home-hero .v16-proof span {
  font-size: 10px;
}
.home-hero .hero-actions {
  gap: 11px;
}
.home-hero .btn-primary, .home-hero .btn-secondary {
  padding: 11px 18px;
  font-size: 13px;
}
.home-hero .v16-dashboard {
  right: 4%;
  width: 320px;
  border-radius: 9px;
}
.home-hero .v16-dashboard-head {
  padding: 13px 15px 10px;
}
.home-hero .v16-dashboard-head span {
  font-size: 11px;
}
.home-hero .v16-metrics>div {
  min-height: 72px;
  padding: 10px 12px;
}
.home-hero .v16-metrics span {
  font-size: 9px;
}
.home-hero .v16-metrics strong {
  font-size: 17px;
}
.home-hero .v16-metrics small {
  font-size: 8px;
}
.home-hero .v16-dashboard-foot {
  padding: 10px 14px;
  font-size: 9px;
}
.home-loop>.container {
  padding-top: 12px;
  padding-bottom: 12px;
}
.home-loop .journey-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 0 !important;
  border: 0 !important;
  background: #fff !important;
}
.home-loop .journey-step {
  min-height: 84px !important;
  border: 0 !important;
  border-right: 1px solid #dbe5ee !important;
  border-radius: 0 !important;
  padding: 13px 15px 12px 52px !important;
  background: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}
.home-loop .journey-step:before {
  content: attr(data-step);
  position: absolute;
  left: 12px;
  top: 15px;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #edf4fc;
  color: #1267d6;
  font-size: 10px;
  font-weight: 800;
}
.home-loop .journey-step>b {
  display: none !important;
}
.home-loop .journey-step>span {
  display: block;
  font-size: 9px !important;
  letter-spacing: .11em;
  color: #5781a7 !important;
  margin: 0 0 2px;
}
.home-loop .journey-step h4 {
  font-size: 15px !important;
  margin: 0 0 3px !important;
  color: #0b2239 !important;
  line-height: 1.2;
}
.home-loop .journey-step p {
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  color: #647689 !important;
  margin: 0 !important;
}
.home-products {
  padding: 20px 0 16px !important;
}
.home-products .section-head {
  margin-bottom: 11px !important;
}
.home-products .section-head h2 {
  font-size: 20px !important;
}
.home-products .section-head p {
  font-size: 12px !important;
}
.home-products .visual-product-grid {
  gap: 10px !important;
}
.home-products .visual-product-card, .home-products .visual-product-card:nth-child(n) {
  min-height: 210px;
  border-radius: 7px !important;
}
.home-products .visual-product-card>div {
  inset: auto 14px 14px;
}
.home-products .visual-product-card span {
  font-size: 11px;
}
.home-products .visual-product-card h3 {
  font-size: 16px !important;
  margin: 3px 0 6px;
}
.home-products .visual-product-card p {
  font-size: 10.5px !important;
  line-height: 1.48;
}
.home-capability-strip {
  padding: 11px 0;
}
.home-capability-grid article {
  padding: 4px 18px;
  gap: 11px;
}
.home-capability-grid .cap-icon {
  font-size: 23px;
}
.home-capability-grid h3 {
  font-size: 13px;
}
.home-capability-grid p {
  font-size: 9.5px;
}
.home-solutions {
  padding: 20px 0 29px !important;
}
.home-solutions .section-head {
  margin-bottom: 11px !important;
}
.home-solutions .solution-tile {
  min-height: 112px;
  padding: 17px !important;
}
.home-solutions .solution-tile h3 {
  font-size: 16px;
  margin: 11px 0 4px;
}
.home-solutions .solution-tile p {
  font-size: 10.5px;
}
.company-banner {
  min-height: 205px;
}
.company-banner-content {
  padding-top: 40px;
  padding-bottom: 22px;
}
.company-banner h1 {
  margin-bottom: 13px;
}
.company-banner .breadcrumb {
  margin-top: 19px;
}
.company-tabs {
  top: 60px;
}
.company-tabs-inner {
  height: 48px;
}
.company-tabs a {
  font-size: 12.5px;
}
.company-refined .customer-practice-section {
  padding: 38px 0 45px;
}
.company-refined .customer-practice-head {
  margin-bottom: 18px;
}
.company-refined .customer-practice-head h2 {
  font-size: 26px;
  margin: 5px 0 7px;
}
.company-refined .customer-practice-head p {
  font-size: 12.5px;
}
.company-refined .customer-logo-card {
  border-radius: 7px;
}
.company-refined .practice-note {
  margin-top: 15px;
  font-size: 10.5px;
}
@media (min-width:1280px) and (max-width:1400px) and (max-height:820px) {
  .container {
    width: min(1180px,calc(100% - 42px));
  }
  body.home-refined .brand-logo, body.company-refined .brand-logo {
    width: 172px;
  }
  body.home-refined .main-nav, body.company-refined .main-nav {
    gap: 22px;
  }
  .home-hero {
    min-height: 366px;
  }
  .home-hero .hero-grid {
    min-height: 366px;
    width: min(1240px,calc(100% - 48px));
    grid-template-columns: minmax(0,.76fr) minmax(0,1.24fr);
  }
  .home-hero .v16-hero-copy {
    padding: 26px 18px 24px 0;
    max-width: 535px;
  }
  .home-hero .eyebrow {
    font-size: 10px;
  }
  .home-hero h1 {
    font-size: 48px;
    line-height: 1.065;
    margin: 10px 0 12px;
  }
  .home-hero p {
    font-size: 13px;
    line-height: 1.62;
    max-width: 505px;
  }
  .home-hero .v16-proof {
    margin: 13px 0;
    padding: 9px 0;
  }
  .home-hero .v16-proof>div {
    padding: 0 15px;
  }
  .home-hero .v16-proof strong {
    font-size: 19px;
  }
  .home-hero .v16-proof span {
    font-size: 9px;
  }
  .home-hero .btn-primary, .home-hero .btn-secondary {
    padding: 9px 15px;
    font-size: 12px;
  }
  .home-hero .v16-dashboard {
    width: 292px;
    right: 3.2%;
  }
  .home-hero .v16-dashboard-head {
    padding: 10px 12px 8px;
  }
  .home-hero .v16-metrics>div {
    min-height: 61px;
    padding: 8px 10px;
  }
  .home-hero .v16-metrics strong {
    font-size: 15px;
  }
  .home-hero .v16-dashboard-foot {
    padding: 8px 11px;
  }
  .home-loop>.container {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .home-loop .journey-step {
    min-height: 74px !important;
    padding: 10px 10px 9px 45px !important;
  }
  .home-loop .journey-step:before {
    left: 9px;
    top: 12px;
    width: 27px;
    height: 27px;
    font-size: 9px;
  }
  .home-loop .journey-step h4 {
    font-size: 14px !important;
  }
  .home-loop .journey-step p {
    font-size: 9.5px !important;
  }
  .home-products {
    padding-top: 14px !important;
  }
  .home-products .section-head {
    margin-bottom: 8px !important;
  }
  .home-products .visual-product-card, .home-products .visual-product-card:nth-child(n) {
    min-height: 178px;
  }
  .home-products .visual-product-card>div {
    inset: auto 11px 11px;
  }
  .home-products .visual-product-card h3 {
    font-size: 14px !important;
  }
  .home-products .visual-product-card p {
    font-size: 9.5px !important;
    line-height: 1.4;
  }
  .home-capability-strip {
    padding: 8px 0;
  }
  .home-capability-grid article {
    padding: 3px 13px;
  }
  .home-capability-grid .cap-icon {
    font-size: 20px;
  }
  .home-capability-grid h3 {
    font-size: 12px;
  }
  .home-capability-grid p {
    font-size: 8.5px;
  }
  .company-banner {
    min-height: 190px;
  }
  .company-banner-content {
    padding-top: 34px;
    padding-bottom: 18px;
  }
  .company-banner h1 {
    font-size: 29px;
    margin-bottom: 10px;
  }
  .company-banner p {
    font-size: 12px;
  }
  .company-banner .breadcrumb {
    margin-top: 15px;
  }
  .company-refined .customer-practice-section {
    padding: 30px 0 36px;
  }
  .company-refined .customer-logo-grid {
    gap: 8px;
  }
  .company-refined .customer-logo-card {
    aspect-ratio: 2.5/1;
  }
}
@media (max-width:760px) {
  .home-loop .journey-grid {
    grid-template-columns: 1fr 1fr !important;
  }
  .home-loop .journey-step {
    min-height: 82px !important;
    padding: 12px 10px 11px 47px !important;
  }
  .home-loop .journey-step:before {
    left: 9px;
    top: 14px;
  }
  .company-refined .customer-logo-card {
    aspect-ratio: 2.2/1;
  }
}
.home-hero {
  background: #071d34;
}
.home-hero .v16-visual>img {
  object-position: center 53%;
  filter: saturate(.88) contrast(1.025) brightness(.96);
}
.home-hero .v16-image-shade {
  background: linear-gradient(90deg, #061d35 0%, rgba(6,29,53,.94) 22%, rgba(6,29,53,.60) 43%, rgba(6,29,53,.22) 64%, rgba(6,29,53,.07) 82%, rgba(6,29,53,.03) 100%);
}
.home-hero .eyebrow {
  color: #8fc7ff;
}
.home-hero p {
  color: #dbe6f0;
}
.home-hero .v16-proof span {
  color: #b2c5d5;
}
.home-hero .v16-dashboard {
  box-shadow: 0 16px 42px rgba(0,0,0,.16);
  backdrop-filter: blur(7px);
}
.home-hero .v16-dashboard-head small, .home-hero .v16-metrics small {
  color: #b3c6d7;
}
.home-products .visual-product-card img {
  opacity: .72;
  filter: saturate(.86) contrast(1.025) brightness(.97);
}
.home-products .visual-product-card:after {
  background: linear-gradient(180deg, rgba(5,26,47,.06) 0%, rgba(5,26,47,.24) 45%, rgba(5,26,47,.88) 100%);
}
.home-products .visual-product-card p {
  color: #e1eaf1 !important;
}
.home-capability-strip {
  background: #062544;
}
.company-banner {
  background-image: linear-gradient(90deg, rgba(4,34,64,.98) 0%, rgba(4,34,64,.88) 31%, rgba(4,34,64,.48) 50%, rgba(4,34,64,.16) 71%), url("../images/hero-port-photo-v17.webp");
  background-position: center 51%;
}
.company-refined .customer-practice-section {
  background: #fafbfd;
}
.company-refined .customer-practice-head .eyebrow {
  color: #647587;
}
.company-refined .customer-practice-head p {
  color: #667789;
}
.company-refined .customer-logo-card {
  border-color: #dfe7ee;
  box-shadow: 0 2px 8px rgba(7,26,45,.025);
}
.company-refined .customer-logo-card:hover {
  transform: none;
  border-color: #cedce8;
  box-shadow: 0 3px 11px rgba(7,26,45,.04);
}
.company-refined .practice-note {
  color: #7d8b98;
}
@media (min-width:1280px) and (max-width:1400px) and (max-height:820px) {
  .home-hero .v16-visual>img {
    object-position: center 54%;
  }
  .company-banner {
    background-position: center 52%;
  }
}
.site-header {
  backdrop-filter: blur(14px);
}
.nav-wrap {
  height: 64px !important;
  gap: 22px !important;
}
.brand {
  min-width: 154px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}
.brand-logo {
  width: auto !important;
  height: 44px !important;
  max-width: 170px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  flex: none;
}
.main-nav {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: auto;
}
.main-nav a {
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 22px 0 19px !important;
  line-height: 1 !important;
  white-space: nowrap;
}
.main-nav a:after {
  bottom: 9px !important;
  height: 2px !important;
}
.nav-cta {
  background: #0867d4 !important;
  color: #fff !important;
  border-radius: 7px !important;
  padding: 10px 16px !important;
  font-size: 13px !important;
}
.nav-cta:hover {
  background: #0759b9 !important;
}
.lang-switch {
  height: 38px !important;
  min-width: 42px !important;
  color: #19324a !important;
  background: #fff !important;
  border-color: #d6e0e8 !important;
}
.menu-toggle {
  color: #0d2238 !important;
}
.footer-brand .brand-logo {
  width: auto !important;
  height: 52px !important;
  max-width: 205px !important;
  max-height: none !important;
}
.company-refined .customer-practice-section, .company-refined .customer-practice-section.reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}
.company-refined .customer-logo-grid {
  display: grid !important;
  grid-template-columns: repeat(6,minmax(0,1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.company-refined .customer-logo-card {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 2.35/1 !important;
  min-height: 78px !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: #fff !important;
  border: 1px solid #dfe7ee !important;
  overflow: hidden !important;
}
.company-refined .customer-logo-card img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  opacity: 1 !important;
  visibility: visible !important;
}
@media (max-width:1180px) {
  .main-nav {
    gap: 16px;
  }
  .main-nav a {
    font-size: 13px !important;
  }
  .company-refined .customer-logo-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  }
}
@media (max-width:900px) {
  .brand-logo {
    height: 40px !important;
    max-width: 154px !important;
  }
  .main-nav {
    background: #fff !important;
    border-top: 1px solid #e1e8ef !important;
  }
  .main-nav a {
    color: #25384b !important;
    padding: 13px 4px !important;
  }
}
@media (max-width:720px) {
  .nav-wrap {
    height: 60px !important;
  }
  .brand-logo {
    height: 37px !important;
    max-width: 145px !important;
  }
  .company-refined .customer-logo-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  .company-refined .customer-logo-card {
    min-height: 68px !important;
    aspect-ratio: 2.15/1 !important;
  }
  .footer-brand .brand-logo {
    height: 46px !important;
  }
}
.standard-page-banner {
  min-height: 218px;
  background: linear-gradient(90deg,rgba(4,34,64,.98) 0%,rgba(4,34,64,.84) 37%,rgba(4,34,64,.22) 72%),url("../images/hero-port-photo-v17.webp") center 54%/cover no-repeat;
}
.company-style-page .section {
  padding-top: 64px;
  padding-bottom: 64px;
}
.company-style-page .section.soft {
  background: #f6f8fa;
}
.company-style-page .section-head {
  margin-bottom: 30px;
}
.company-style-page .section-head h2 {
  font-size: 30px;
  line-height: 1.25;
  color: #0a2946;
}
.company-style-page .section-head p {
  font-size: 14px;
  line-height: 1.75;
  color: #627384;
}
.company-style-page .feature-panel, .company-style-page .image-card, .company-style-page .contact-card, .company-style-page .form-card, .company-style-page .sync-product-row, .company-style-page .approach-grid article, .company-style-page .solution-detail-grid {
  border-color: #dfe6ed;
  border-radius: 10px;
  box-shadow: 0 5px 18px rgba(7,26,45,.035);
}
.company-style-page .sync-product-row {
  margin-bottom: 12px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.company-style-page .sync-product-row:hover {
  border-color: #c7d8e7;
  box-shadow: 0 9px 24px rgba(7,26,45,.055);
}
.company-style-page .approach-grid article {
  background: #fff;
}
.company-style-page .solution-detail-grid {
  padding: 24px;
  background: #fff;
}
.company-style-page .solution-media img {
  border-radius: 8px;
}
.company-style-page .cta-band {
  background: #08253f;
}
.company-style-page .contact-grid {
  align-items: stretch;
}
.company-style-page .contact-card, .company-style-page .form-card {
  background: #fff;
}
.company-refined .customer-practice-unified {
  padding: 64px 0 70px !important;
}
.company-refined .customer-practice-unified .customer-practice-head {
  display: grid !important;
  grid-template-columns: minmax(0,1.15fr) minmax(280px,.85fr) !important;
  align-items: end !important;
  gap: 40px !important;
  text-align: left !important;
  margin-bottom: 28px !important;
}
.company-refined .customer-practice-unified .customer-practice-head .eyebrow {
  display: block;
  color: #3977ad !important;
  font-size: 11px !important;
  letter-spacing: .12em !important;
}
.company-refined .customer-practice-unified .customer-practice-head h2 {
  margin: 7px 0 0 !important;
  font-size: 30px !important;
  color: #0a2946 !important;
}
.company-refined .customer-practice-unified .customer-practice-head p {
  margin: 0 !important;
  max-width: none !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: #627384 !important;
}
.company-refined .customer-practice-unified .customer-logo-grid {
  gap: 12px !important;
}
.company-refined .customer-practice-unified .customer-logo-card {
  aspect-ratio: 2.35/1 !important;
  min-height: 0 !important;
  background: #fff !important;
  border: 1px solid #dfe6ed !important;
  border-radius: 9px !important;
}
.company-refined .customer-practice-unified .practice-note {
  text-align: left !important;
  margin: 18px 0 0 !important;
  color: #82909e !important;
  font-size: 11px !important;
  line-height: 1.65 !important;
}
@media (max-width:980px) {
  .standard-page-banner {
    min-height: 200px;
  }
  .company-style-page .section {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .company-refined .customer-practice-unified .customer-practice-head {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}
@media (max-width:720px) {
  .standard-page-banner {
    min-height: 180px;
    background-position: center 52%;
  }
  .company-style-page .section {
    padding-top: 44px;
    padding-bottom: 44px;
  }
  .company-style-page .section-head h2 {
    font-size: 26px;
  }
  .company-refined .customer-practice-unified {
    padding: 46px 0 52px !important;
  }
  .company-refined .customer-practice-unified .customer-practice-head h2 {
    font-size: 27px !important;
  }
  .company-refined .customer-practice-unified .customer-logo-card {
    aspect-ratio: 2.15/1 !important;
  }
}
.company-banner.banner-products {
  background-image: linear-gradient(90deg,rgba(4,34,64,.97) 0%,rgba(4,34,64,.82) 38%,rgba(4,34,64,.22) 72%),url("../images/banner-products-v1855.webp");
  background-position: center 48%;
}
.company-banner.banner-solutions {
  background-image: linear-gradient(90deg,rgba(4,34,64,.97) 0%,rgba(4,34,64,.82) 38%,rgba(4,34,64,.22) 72%),url("../images/banner-solutions-v1855.webp");
  background-position: center 53%;
}
.company-banner.banner-services {
  background-image: linear-gradient(90deg,rgba(4,34,64,.98) 0%,rgba(4,34,64,.86) 42%,rgba(4,34,64,.25) 76%),url("../images/banner-services-v1855.webp");
  background-position: center 43%;
}
.company-banner.banner-company {
  background-image: linear-gradient(90deg,rgba(4,34,64,.98) 0%,rgba(4,34,64,.84) 37%,rgba(4,34,64,.22) 72%),url("../images/banner-company-v1855.webp");
  background-position: center 54%;
}
.company-banner.banner-contact {
  background-image: linear-gradient(90deg,rgba(4,34,64,.98) 0%,rgba(4,34,64,.84) 40%,rgba(4,34,64,.24) 74%),url("../images/banner-contact-v1855.webp");
  background-position: center 48%;
}
.home-hero .v16-hero-copy>p {
  max-width: 610px;
  color: #d9e5ee;
  line-height: 1.78;
}
.home-hero h1 {
  max-width: 720px;
  letter-spacing: -.035em;
}
.home-hero .v16-proof span {
  line-height: 1.35;
}
.home-hero .v16-dashboard {
  background: rgba(7,31,54,.78);
  border-color: rgba(175,215,239,.2);
}
.company-style-page .solution-media img, .company-style-page .image-card img {
  filter: saturate(.9) contrast(1.02) brightness(.96);
}
.company-style-page .solution-media, .company-style-page .image-card {
  background: #eef3f7;
}
.arch-section {
  color: #fff;
}
.arch-section h1, .arch-section h2, .arch-section h3, .arch-section h4 {
  color: #fff !important;
}
.arch-section .section-head p {
  color: #c3d5e4 !important;
}
.arch-section .eyebrow {
  color: #63e6f1 !important;
}
body {
  background: #fff;
  color: var(--brand-text);
}
.site-header {
  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid var(--brand-line) !important;
  box-shadow: 0 1px 0 rgba(7,31,56,.025) !important;
}
.site-footer {
  background: var(--brand-navy-deep) !important;
}
.main-nav a {
  color: #25384b !important;
}
.main-nav a:hover, .main-nav a.active {
  color: var(--brand-blue) !important;
}
.main-nav a:after {
  background: var(--brand-blue) !important;
}
.nav-cta, .btn-primary {
  background: var(--brand-blue) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}
.nav-cta:hover, .btn-primary:hover {
  background: var(--brand-blue-hover) !important;
}
.company-banner.standard-page-banner {
  min-height: 218px;
  color: #fff;
  border: 0;
}
.company-banner .company-banner-content {
  padding-top: 48px;
  padding-bottom: 26px;
}
.company-banner .breadcrumb {
  color: #c8d7e3 !important;
  font-size: 12px;
  margin: 0 0 18px;
}
.company-banner .eyebrow {
  color: #69d8e6 !important;
}
.company-banner h1 {
  color: #fff !important;
  font-size: 34px;
  line-height: 1.18;
  margin: 0 0 14px;
  letter-spacing: -.02em;
}
.company-banner p {
  color: #dce7ef !important;
  font-size: 14px;
  line-height: 1.78;
  max-width: 720px;
  margin: 0;
}
.company-banner .hero-actions {
  margin-top: 20px;
  display: flex;
  gap: 12px;
}
.company-banner .btn-secondary {
  color: #fff !important;
  border-color: rgba(255,255,255,.36) !important;
  background: rgba(255,255,255,.05) !important;
}
.company-banner.banner-product-tos {
  background-image: linear-gradient(90deg,rgba(4,34,64,.98) 0%,rgba(4,34,64,.86) 42%,rgba(4,34,64,.24) 76%),url("../images/product-tos-hero-v17.webp");
  background-position: center 48%;
  background-size: cover;
}
.company-banner.banner-product-yos {
  background-image: linear-gradient(90deg,rgba(4,34,64,.98) 0%,rgba(4,34,64,.86) 42%,rgba(4,34,64,.24) 76%),url("../images/product-yos-hero-v17.webp");
  background-position: center 52%;
  background-size: cover;
}
.company-banner.banner-product-gos {
  background-image: linear-gradient(90deg,rgba(4,34,64,.98) 0%,rgba(4,34,64,.86) 42%,rgba(4,34,64,.24) 76%),url("../images/product-gos-hero-v17.webp");
  background-position: center 52%;
  background-size: cover;
}
.company-banner.banner-product-yard {
  background-image: linear-gradient(90deg,rgba(4,34,64,.98) 0%,rgba(4,34,64,.86) 42%,rgba(4,34,64,.24) 76%),url("../images/product-yard-monitor-hero-v17.webp");
  background-position: center 52%;
  background-size: cover;
}
.company-banner.banner-legal {
  background-image: linear-gradient(90deg,rgba(4,34,64,.985) 0%,rgba(4,34,64,.88) 48%,rgba(4,34,64,.35) 100%),url("../images/banner-company-v1855.webp");
  background-position: center 54%;
  background-size: cover;
}
.company-style-page .section, .product-detail-refined .section {
  padding: 64px 0;
}
.company-style-page .section.soft, .product-detail-refined .section.soft {
  background: var(--brand-soft);
}
.company-style-page .section-head, .product-detail-refined .section-head {
  margin-bottom: 30px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--brand-line);
}
.company-style-page .section-head h2, .product-detail-refined .section-head h2 {
  font-size: 30px;
  line-height: 1.25;
  color: var(--brand-ink) !important;
  letter-spacing: -.02em;
}
.company-style-page .section-head p, .product-detail-refined .section-head p {
  font-size: 14px;
  line-height: 1.75;
  color: var(--brand-muted) !important;
}
.company-style-page .eyebrow, .product-detail-refined .eyebrow {
  color: #3977ad;
}
.product-detail-refined .scene-intro {
  background: #fff;
  border-bottom: 1px solid var(--brand-line);
  padding: 42px 0;
}
.product-detail-refined .scene-intro-grid {
  gap: 42px;
}
.product-detail-refined .scene-intro h2 {
  color: var(--brand-ink) !important;
  font-size: 28px;
}
.product-detail-refined .scene-intro p {
  color: var(--brand-muted) !important;
  font-size: 14px;
  line-height: 1.8;
}
.company-style-page .feature-panel, .company-style-page .contact-card, .company-style-page .form-card, .product-detail-refined .feature-panel, .product-detail-refined .decision-grid article, .product-detail-refined .flow-rail, .company-style-page .approach-grid article, .company-style-page .solution-detail-grid, .company-style-page .sync-product-row {
  background: var(--brand-card) !important;
  border: 1px solid var(--brand-line) !important;
  border-radius: var(--brand-radius) !important;
  box-shadow: var(--brand-shadow) !important;
}
.product-detail-refined .feature-panel h3, .product-detail-refined .decision-grid h3 {
  color: var(--brand-ink) !important;
}
.product-detail-refined .decision-grid p {
  color: var(--brand-muted) !important;
}
.product-subnav-wrap {
  background: rgba(255,255,255,.98) !important;
  border-color: var(--brand-line) !important;
  box-shadow: 0 2px 10px rgba(7,26,45,.025) !important;
}
.product-subnav a {
  color: #506273 !important;
}
.product-subnav a:hover {
  color: var(--brand-blue) !important;
}
/* V18.13.2 — Product detail CTA hierarchy: sticky navigation is navigation-only. */
.product-detail-refined .product-subnav {
  justify-content: flex-start;
}
.product-detail-refined .cta-band .cta-text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-weight: 750;
  text-decoration: none;
  white-space: nowrap;
  padding: 8px 0 6px;
  border-bottom: 1px solid rgba(255,255,255,.46);
  transition: border-color .18s ease, opacity .18s ease;
}
.product-detail-refined .cta-band .cta-text-link::after {
  content: "→";
  font-size: 18px;
  line-height: 1;
  transition: transform .18s ease;
}
.product-detail-refined .cta-band .cta-text-link:hover {
  border-color: #fff;
  opacity: .92;
}
.product-detail-refined .cta-band .cta-text-link:hover::after {
  transform: translateX(4px);
}
.product-detail-refined .floating-actions-backtop-only {
  grid-template-columns: 1fr;
}
.arch-section, .cta-band {
  background: var(--brand-navy) !important;
  color: #fff;
}
.arch-section h1, .arch-section h2, .arch-section h3, .arch-section h4, .cta-band h2 {
  color: #fff !important;
}
.arch-section p, .cta-band p {
  color: #c3d5e4 !important;
}
.arch-section .delivery-step-v12 {
  background: #ffffff !important;
  min-height: 210px;
  padding: 30px 28px 28px;
}
.arch-section .delivery-step-v12 b {
  color: var(--brand-blue) !important;
}
.arch-section .delivery-step-v12 h3 {
  color: var(--brand-ink) !important;
  font-size: 18px;
  line-height: 1.4;
}
.arch-section .delivery-step-v12 p {
  color: var(--brand-muted) !important;
  font-size: 14px;
  line-height: 1.75;
}
.company-style-page .legal {
  border: 1px solid var(--brand-line) !important;
  border-radius: var(--brand-radius) !important;
  box-shadow: none !important;
  background: #fff !important;
  padding: 34px !important;
}
.company-style-page .legal h2, .company-style-page .legal h3 {
  color: var(--brand-ink) !important;
}
.company-style-page .legal p, .company-style-page .legal li {
  color: var(--brand-muted) !important;
  line-height: 1.8;
}
.company-refined .customer-practice-unified {
  background: var(--brand-soft) !important;
}
.company-refined .customer-practice-unified .customer-logo-card {
  border-color: var(--brand-line) !important;
  box-shadow: var(--brand-shadow) !important;
}
.company-style-page .solution-media img, .company-style-page .image-card img, .product-detail-refined img:not(.brand-logo), .home-products img, .home-solutions img {
  filter: saturate(.92) contrast(1.025) brightness(.97);
}
.company-style-page .solution-media {
  border-radius: var(--brand-radius) !important;
  box-shadow: var(--brand-shadow) !important;
}
@media (max-width:980px) {
  .company-banner.standard-page-banner {
    min-height: 200px;
  }
  .company-banner .company-banner-content {
    padding-top: 42px;
    padding-bottom: 22px;
  }
  .company-style-page .section, .product-detail-refined .section {
    padding: 54px 0;
  }
  .product-detail-refined .scene-intro {
    padding: 36px 0;
  }
}
@media (max-width:720px) {
  .company-banner.standard-page-banner {
    min-height: 180px;
  }
  .company-banner .company-banner-content {
    padding-top: 34px;
    padding-bottom: 20px;
  }
  .company-banner h1 {
    font-size: 29px;
  }
  .company-banner p {
    font-size: 12.5px;
  }
  .company-style-page .section, .product-detail-refined .section {
    padding: 44px 0;
  }
  .company-style-page .section-head h2, .product-detail-refined .section-head h2 {
    font-size: 26px;
  }
  .product-detail-refined .scene-intro-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

/* =========================================================
   V18.6.3 — Homepage Motion Layer
   Subtle motion for an industrial B2B software presentation.
   ========================================================= */
@media (prefers-reduced-motion: no-preference) {
  .home-refined.motion-enabled .home-hero .v16-hero-copy > * {
    opacity: 0;
    transform: translateY(18px);
  }
  .home-refined.motion-enabled.motion-start .home-hero .v16-hero-copy > * {
    animation: homeHeroIn .72s cubic-bezier(.2,.7,.2,1) both;
  }
  .home-refined.motion-enabled.motion-start .home-hero .v16-hero-copy > *:nth-child(1){animation-delay:.05s}
  .home-refined.motion-enabled.motion-start .home-hero .v16-hero-copy > *:nth-child(2){animation-delay:.14s}
  .home-refined.motion-enabled.motion-start .home-hero .v16-hero-copy > *:nth-child(3){animation-delay:.23s}
  .home-refined.motion-enabled.motion-start .home-hero .v16-hero-copy > *:nth-child(4){animation-delay:.32s}
  .home-refined.motion-enabled.motion-start .home-hero .v16-hero-copy > *:nth-child(5){animation-delay:.41s}

  .home-refined.motion-enabled .home-hero .v16-visual {
    opacity: 0;
    transform: translateX(22px);
  }
  .home-refined.motion-enabled.motion-start .home-hero .v16-visual {
    animation: homeVisualIn .9s .16s cubic-bezier(.2,.7,.2,1) both;
  }
  .home-refined.motion-enabled.motion-start .home-hero .v16-visual > img {
    animation: homeImageSettle 1.25s .12s cubic-bezier(.2,.7,.2,1) both;
  }

  .home-refined.motion-enabled .v16-dashboard {
    opacity: 0;
    transform: translateY(12px) scale(.985);
  }
  .home-refined.motion-enabled.motion-start .v16-dashboard {
    animation: dashboardIn .72s .58s cubic-bezier(.2,.7,.2,1) both, dashboardDrift 7s 1.5s ease-in-out infinite;
  }
  .home-refined.motion-enabled .v16-dashboard-foot i {
    animation: statusPulse 2.4s ease-in-out infinite;
  }
  .home-refined.motion-enabled .v16-metrics > div {
    position: relative;
    overflow: hidden;
  }
  .home-refined.motion-enabled .v16-metrics > div::after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(62,211,224,0), rgba(62,211,224,.52), rgba(62,211,224,0));
    animation: metricScan 6.8s ease-in-out infinite;
  }
  .home-refined.motion-enabled .v16-metrics > div:nth-child(2)::after{animation-delay:1.2s}
  .home-refined.motion-enabled .v16-metrics > div:nth-child(3)::after{animation-delay:2.4s}
  .home-refined.motion-enabled .v16-metrics > div:nth-child(4)::after{animation-delay:3.6s}

  .home-refined.motion-enabled .home-motion-item {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .68s cubic-bezier(.2,.7,.2,1), transform .68s cubic-bezier(.2,.7,.2,1);
    transition-delay: var(--motion-delay, 0ms);
  }
  .home-refined.motion-enabled .home-motion-item.motion-visible {
    opacity: 1;
    transform: none;
  }

  .home-refined.motion-enabled .journey-step.motion-visible,
  .home-refined.motion-enabled .visual-product-card.motion-visible,
  .home-refined.motion-enabled .solution-tile.motion-visible,
  .home-refined.motion-enabled .home-capability-grid article.motion-visible {
    transition-property: opacity, transform, border-color, box-shadow;
  }

  .home-refined.motion-enabled .visual-product-card img {
    transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .35s ease;
  }
  .home-refined.motion-enabled .visual-product-card:hover img {
    transform: scale(1.025);
  }

  @keyframes homeHeroIn {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes homeVisualIn {
    from { opacity: 0; transform: translateX(22px); }
    to { opacity: 1; transform: none; }
  }
  @keyframes homeImageSettle {
    from { transform: scale(1.035); }
    to { transform: scale(1); }
  }
  @keyframes dashboardIn {
    from { opacity: 0; transform: translateY(12px) scale(.985); }
    to { opacity: 1; transform: none; }
  }
  @keyframes dashboardDrift {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
  }
  @keyframes statusPulse {
    0%,100% { opacity: .58; box-shadow: 0 0 0 0 rgba(75,219,198,.18); }
    50% { opacity: 1; box-shadow: 0 0 0 5px rgba(75,219,198,0); }
  }
  @keyframes metricScan {
    0%,74%,100% { right: 100%; opacity: 0; }
    82% { right: 0; opacity: 1; }
    90% { right: 0; opacity: 0; }
  }
}

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


/* V18.7 content rewrite modules */
.company-experience-section .feature-layout{align-items:stretch}
.company-experience-section .feature-panel{display:flex;flex-direction:column;justify-content:center}
.company-qualifications-section .qualification-grid{margin-top:28px}
.company-qualifications-section .practice-note{margin-top:20px}
.cross-regional-note{margin-top:34px;padding:28px 30px;border:1px solid var(--line,#dfe7ee);border-radius:12px;background:#f7fafc}
.cross-regional-note h3{margin:8px 0 10px;color:#102b46;font-size:22px}
.cross-regional-note p{margin:0 0 18px;color:#53697e;line-height:1.75}
.cross-regional-note .global-tags{display:flex;flex-wrap:wrap;gap:10px}
.cross-regional-note .global-tags span{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #dfe8f0;color:#31526c;font-size:12px}
.partners-section .customer-practice-head{text-align:left}
.home-system-site .home-capability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.home-system-site .home-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-system-site .home-capability-grid{grid-template-columns:1fr}.cross-regional-note{padding:22px}}


/* =========================================================
   V18.8 — brochure-aligned content layout
   ========================================================= */
.home-value-section .company-capability-grid,
.home-capability-system .company-capability-grid,
.positioning-grid,
.company-value-grid { margin-top: 30px; }
.home-value-section .company-capability-grid article,
.home-capability-system .company-capability-grid article { background:#fff; }
.home-capability-system { background:#fff; }
.company-core-three { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:30px; }
.company-core-three .card { padding:28px; border:1px solid #dfe6ed; border-radius:10px; background:#fff; box-shadow:0 8px 24px rgba(13,34,56,.05); }
.company-core-three .card h3 { margin:12px 0 10px; color:#102b46; }
.company-core-three .card p { margin:0; color:#5d6f80; line-height:1.75; }
.company-advantage-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-top:34px; border:1px solid #dfe6ed; border-radius:10px; overflow:hidden; background:#fff; }
.company-advantage-grid>div { padding:22px 18px; border-right:1px solid #e4eaf0; }
.company-advantage-grid>div:last-child { border-right:0; }
.company-advantage-grid strong { display:block; color:#0a63c9; font-size:18px; margin-bottom:6px; }
.company-advantage-grid span { display:block; color:#657788; font-size:13px; line-height:1.5; }
.company-tabs-six { grid-template-columns:repeat(6,1fr) !important; }
@media(max-width:1100px){
  .company-core-three { grid-template-columns:1fr; }
  .company-advantage-grid { grid-template-columns:repeat(2,1fr); }
  .company-advantage-grid>div { border-bottom:1px solid #e4eaf0; }
  .company-tabs-six { grid-template-columns:repeat(3,1fr) !important; }
}
@media(max-width:640px){
  .company-advantage-grid { grid-template-columns:1fr; }
  .company-advantage-grid>div { border-right:0; }
  .company-tabs-six { display:flex !important; grid-template-columns:none !important; }
}

/* V18.9 — Company content semantic consolidation */
.positioning-statement{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;padding:28px 0 4px;border-top:1px solid var(--line)}
.positioning-statement strong{font-size:clamp(22px,2vw,30px);line-height:1.35;color:var(--ink)}
.positioning-statement p{margin:0;color:var(--muted);line-height:1.8}
.company-capability-grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.company-capability-grid-three .card{min-height:250px}
.capability-no,.value-no{display:block;color:var(--brand);font-weight:800;letter-spacing:.08em;margin-bottom:16px}
.capability-en{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}
.value-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.company-service-principle{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.company-service-principle strong{color:var(--ink);font-size:18px}
.company-service-principle p{max-width:680px;margin:0;color:var(--muted);line-height:1.75}
@media(max-width:900px){.positioning-statement{grid-template-columns:1fr}.company-capability-grid-three{grid-template-columns:1fr}.value-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.company-service-principle{display:block}.company-service-principle p{margin-top:8px}}
@media(max-width:560px){.value-grid-four{grid-template-columns:1fr}}


/* =========================================================
   V18.10 — Homepage content finalization
   Sales-entry modules only; corporate proof remains on company page.
   ========================================================= */
.home-product-extension{
  margin-top:24px;
  padding:20px 22px;
  display:grid;
  grid-template-columns:minmax(190px,.8fr) minmax(0,2.2fr);
  gap:22px;
  align-items:center;
  background:#f6f8fa;
  border:1px solid #e4eaf0;
  border-radius:10px;
}
.home-product-extension .extension-label{display:flex;flex-direction:column;gap:4px}
.home-product-extension .extension-label span{font-size:11px;letter-spacing:.14em;font-weight:700;color:#58728b}
.home-product-extension .extension-label strong{font-size:18px;color:#102b46}
.home-product-extension .extension-items{display:flex;flex-wrap:wrap;gap:9px}
.home-product-extension .extension-item{
  display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;
  background:#fff;border:1px solid #dde6ee;border-radius:8px;
  color:#29455f;font-size:14px;font-weight:600;
}
.home-decision-section{padding:72px 0;background:#f6f8fa}
.home-decision-section .section-head{margin-bottom:28px}
.home-decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-decision-grid article{
  min-width:0;padding:24px 22px;background:#fff;border:1px solid #e3e9ef;border-radius:10px;
  box-shadow:0 6px 20px rgba(11,42,70,.035);
}
.home-decision-grid article>span{display:block;margin-bottom:24px;color:#0867d4;font-size:12px;font-weight:800;letter-spacing:.12em}
.home-decision-grid h3{margin:0 0 10px;color:#102b46;font-size:19px;line-height:1.35}
.home-decision-grid p{margin:0;color:#5b7084;font-size:14px;line-height:1.75}
@media(max-width:980px){
  .home-product-extension{grid-template-columns:1fr}
  .home-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .home-product-extension{padding:18px}
  .home-product-extension .extension-items{display:grid;grid-template-columns:1fr 1fr}
  .home-product-extension .extension-item{justify-content:center;text-align:center}
  .home-decision-section{padding:54px 0}
  .home-decision-grid{grid-template-columns:1fr}
}


/* =========================================================
   V18.13 — Reference content enrichment
   Compact capability framework, vision, and product value.
   ========================================================= */
.home-capability-strip{padding:44px 0;background:#0b2b49;color:#fff}
.capability-strip-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);gap:32px;align-items:end;margin-bottom:24px}
.capability-strip-head .eyebrow{color:#66ddd7}
.capability-strip-head h2{margin:7px 0 0;color:#fff;font-size:clamp(25px,2.5vw,36px);line-height:1.25}
.capability-strip-head p{margin:0;color:rgba(255,255,255,.72);line-height:1.75}
.capability-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden}
.capability-strip-grid article{padding:22px 20px;min-width:0;background:rgba(255,255,255,.035);border-right:1px solid rgba(255,255,255,.12)}
.capability-strip-grid article:last-child{border-right:0}
.capability-strip-grid article>span{display:block;color:#66ddd7;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:16px}
.capability-strip-grid h3{margin:0 0 8px;color:#fff;font-size:18px}
.capability-strip-grid p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.65}
.company-vision-inline{margin-top:28px;padding:26px 30px;background:#0b2b49;border-radius:10px;color:#fff}
.company-vision-inline .eyebrow{color:#66ddd7}
.company-vision-inline strong{display:block;margin:8px 0 8px;color:#fff;font-size:clamp(22px,2.1vw,30px);line-height:1.35}
.company-vision-inline p{margin:0;color:rgba(255,255,255,.72);line-height:1.75}
.product-value-section{background:#fff}
.product-value-section .section-head{margin-bottom:26px}
.product-value-grid article{background:#f8fafc}
@media(max-width:980px){
  .capability-strip-head{grid-template-columns:1fr;gap:12px}
  .capability-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capability-strip-grid article:nth-child(2){border-right:0}
  .capability-strip-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
}
@media(max-width:620px){
  .home-capability-strip{padding:36px 0}
  .capability-strip-grid{grid-template-columns:1fr}
  .capability-strip-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .capability-strip-grid article:last-child{border-bottom:0}
  .company-vision-inline{padding:22px}
}

/* =========================================================
   V18.13.1 — Service lifecycle dark-section contrast hotfix
   Prevent company-style light-section typography from
   overriding text colors inside the dark architecture section.
   ========================================================= */
.services-refined.company-style-page .arch-section .section-head h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.services-refined.company-style-page .arch-section .section-head > p,
.services-refined.company-style-page .arch-section .section-head p {
  color: #c3d5e4 !important;
  -webkit-text-fill-color: #c3d5e4 !important;
}
.services-refined.company-style-page .arch-section .section-head .eyebrow {
  color: #63e6f1 !important;
  -webkit-text-fill-color: #63e6f1 !important;
}

/* =========================================================
   V18.14 — Global Motion System
   Restrained industrial motion across the full website.
   Motion hierarchy: page entrance / scroll narrative / feedback.
   ========================================================= */
@media (prefers-reduced-motion: no-preference) {
  /* Header feedback: motion is tied to user scroll, not decorative looping. */
  .site-header {
    transition: background-color .28s ease, box-shadow .28s ease, border-color .28s ease;
  }
  .site-header.is-scrolled {
    box-shadow: 0 10px 32px rgba(5, 27, 48, .12);
  }

  /* Non-home page banner entrance. */
  .site-motion-enabled:not(.home-refined) .company-banner-content .site-hero-motion {
    opacity: 0;
    transform: translateY(16px);
  }
  .site-motion-enabled:not(.home-refined).site-motion-start .company-banner-content .site-hero-motion {
    animation: siteHeroIn .7s cubic-bezier(.2,.7,.2,1) both;
    animation-delay: var(--site-motion-delay, 0ms);
  }

  /* Reusable scroll-reveal primitives. */
  .site-motion-enabled .site-motion-item {
    opacity: 0;
    will-change: transform, opacity;
    transition:
      opacity .64s cubic-bezier(.2,.7,.2,1),
      transform .64s cubic-bezier(.2,.7,.2,1),
      border-color .28s ease,
      box-shadow .28s ease;
    transition-delay: var(--site-motion-delay, 0ms);
  }
  .site-motion-enabled .site-motion-up { transform: translateY(20px); }
  .site-motion-enabled .site-motion-left { transform: translateX(-18px); }
  .site-motion-enabled .site-motion-right { transform: translateX(18px); }
  .site-motion-enabled .site-motion-scale { transform: scale(.975); }
  .site-motion-enabled .site-motion-fade { transform: none; }
  .site-motion-enabled .site-motion-image { transform: translateY(12px) scale(.985); }
  .site-motion-enabled .site-motion-item.site-motion-visible {
    opacity: 1;
    transform: none;
  }

  /* Media settles once, then only receives a subtle hover response on pointer devices. */
  .site-motion-enabled .solution-media img,
  .site-motion-enabled .company-image img,
  .site-motion-enabled .contact-visual img,
  .site-motion-enabled .image-card img {
    transition: transform .72s cubic-bezier(.2,.7,.2,1), filter .3s ease;
  }
  @media (hover:hover) and (pointer:fine) {
    .site-motion-enabled .solution-media:hover img,
    .site-motion-enabled .company-image:hover img,
    .site-motion-enabled .contact-visual:hover img,
    .site-motion-enabled .image-card:hover img {
      transform: scale(1.018);
    }
    .site-motion-enabled .sync-product-row:hover,
    .site-motion-enabled .capability-card:hover,
    .site-motion-enabled .value-card:hover,
    .site-motion-enabled .delivery-step-v12:hover {
      transform: translateY(-3px);
    }
  }

  /* Small interaction cues. */
  .site-motion-enabled .text-link,
  .site-motion-enabled .cta-text-link,
  .site-motion-enabled .main-nav a,
  .site-motion-enabled .company-tabs a,
  .site-motion-enabled .product-subnav a {
    transition: color .22s ease, border-color .22s ease, background-color .22s ease, transform .22s ease, opacity .22s ease;
  }
  .site-motion-enabled .text-link:hover,
  .site-motion-enabled .cta-text-link:hover {
    transform: translateX(3px);
  }

  /* Lifecycle / operation sequences get a quiet active-line sweep after reveal. */
  .site-motion-enabled .delivery-grid-v12,
  .site-motion-enabled .flow-rail {
    position: relative;
  }
  .site-motion-enabled .delivery-grid-v12::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(45,212,191,0), rgba(45,212,191,.6), rgba(45,212,191,0));
    transition: width 1.1s .25s cubic-bezier(.2,.7,.2,1);
    pointer-events: none;
  }
  .site-motion-enabled .delivery-grid-v12:has(.site-motion-visible)::after {
    width: 100%;
  }

  @keyframes siteHeroIn {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: none; }
  }
}

/* Mobile: keep the same narrative but shorten travel/duration. */
@media (prefers-reduced-motion: no-preference) and (max-width:720px) {
  .site-motion-enabled .site-motion-item {
    transition-duration: .48s;
  }
  .site-motion-enabled .site-motion-up { transform: translateY(12px); }
  .site-motion-enabled .site-motion-left { transform: translateX(-10px); }
  .site-motion-enabled .site-motion-right { transform: translateX(10px); }
  .site-motion-enabled .site-motion-image { transform: translateY(8px) scale(.99); }
}

/* Accessibility: content must remain fully visible when reduced motion is requested. */
@media (prefers-reduced-motion: reduce) {
  .site-motion-item,
  .site-hero-motion {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   V18.14.2 — Immersive Homepage Hero
   Full-width port background + restrained operations overlay
   ========================================================= */
.home-hero.hero-immersive{
  position:relative;
  min-height:680px;
  height:min(760px,calc(100vh - 64px));
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(3,24,43,.97) 0%,rgba(3,24,43,.90) 31%,rgba(3,24,43,.54) 55%,rgba(3,24,43,.20) 76%,rgba(3,24,43,.10) 100%),
    linear-gradient(180deg,rgba(3,24,43,.08) 0%,rgba(3,24,43,.05) 52%,rgba(3,24,43,.42) 100%),
    url("../images/hero-port-photo-v17.webp") center 52%/cover no-repeat;
}
.home-hero.hero-immersive:before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(119,188,230,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(119,188,230,.035) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 50%,transparent 100%);
  pointer-events:none;
  z-index:-1;
}
.home-hero.hero-immersive .hero-ambient{
  position:absolute;inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 74% 26%,rgba(45,153,224,.13),transparent 23%),
    radial-gradient(circle at 92% 70%,rgba(38,207,227,.08),transparent 19%);
}
.home-hero.hero-immersive .hero-grid{
  position:relative;
  min-height:100%;
  height:100%;
  width:min(1500px,calc(100% - 88px));
  grid-template-columns:minmax(500px,.88fr) minmax(620px,1.12fr);
  gap:36px;
  align-items:center;
}
.home-hero.hero-immersive .v16-hero-copy{
  align-self:center;
  max-width:700px;
  padding:22px 0 24px;
}
.home-hero.hero-immersive .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#8dcaf3;
  font-size:13px;
  font-weight:700;
  letter-spacing:.13em;
}
.home-hero.hero-immersive .eyebrow:before{
  content:"";
  width:26px;height:2px;
  background:#7fd8f6;
}
.home-hero.hero-immersive h1{
  display:flex;
  flex-direction:column;
  gap:2px;
  max-width:760px;
  margin:22px 0 22px;
  font-size:clamp(54px,5.15vw,82px);
  line-height:1.04;
  letter-spacing:-.055em;
}
.home-hero.hero-immersive h1 span{
  color:#fff;
  font-style:normal;
  font-weight:800;
}
.home-hero.hero-immersive h1 em{
  color:#8ed2f4;
  font-style:normal;
  font-weight:800;
}
.home-hero.hero-immersive .v16-hero-copy>p{
  max-width:660px;
  margin:0;
  font-size:18px;
  line-height:1.85;
  color:#d7e6f1;
}
.home-hero.hero-immersive .hero-actions{
  margin-top:30px;
  gap:14px;
}
.home-hero.hero-immersive .btn-primary,
.home-hero.hero-immersive .btn-secondary{
  min-height:54px;
  padding:0 24px;
  font-size:16px;
  border-radius:8px;
}
.home-hero.hero-immersive .btn-secondary{
  color:#fff!important;
  border-color:rgba(214,235,249,.34);
  background:rgba(9,38,63,.18);
  backdrop-filter:blur(8px);
}
.home-hero.hero-immersive .v16-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  max-width:690px;
  margin:38px 0 0;
  padding:24px 0 0;
  border-top:1px solid rgba(192,219,237,.18);
}
.home-hero.hero-immersive .v16-proof>div{
  padding:0 24px 0 0;
  border:0;
}
.home-hero.hero-immersive .v16-proof strong{
  display:block;
  margin-bottom:7px;
  color:#fff;
  font-size:25px;
  line-height:1.15;
}
.home-hero.hero-immersive .v16-proof span{
  color:#9fc4dc;
  font-size:12px;
  line-height:1.45;
}
.home-hero.hero-immersive .hero-side{
  position:relative;
  align-self:stretch;
  min-height:100%;
}
.home-hero.hero-immersive .hero-ops-layer{
  position:absolute;
  inset:0;
  min-height:100%;
}
.home-hero.hero-immersive .hero-operations-panel{
  position:absolute;
  right:3%;
  top:50%;
  transform:translateY(-48%);
  width:min(360px,42vw);
  overflow:hidden;
  border:1px solid rgba(168,211,238,.22);
  border-radius:13px;
  background:rgba(5,29,50,.87);
  box-shadow:0 24px 70px rgba(0,0,0,.30);
  backdrop-filter:blur(12px);
}
.home-hero.hero-immersive .v16-dashboard-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:19px 20px 15px;
  border-bottom:1px solid rgba(186,218,238,.13);
}
.home-hero.hero-immersive .v16-dashboard-head>div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.home-hero.hero-immersive .v16-dashboard-head b{
  color:#fff;
  font-size:15px;
  letter-spacing:.02em;
}
.home-hero.hero-immersive .v16-dashboard-head span{
  color:#7997ad;
  font-size:10px;
  letter-spacing:.09em;
}
.home-hero.hero-immersive .v16-dashboard-head small{
  color:#87a4b8;
  font-size:9px;
  white-space:nowrap;
}
.home-hero.hero-immersive .v16-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.home-hero.hero-immersive .v16-metrics>div{
  min-height:92px;
  padding:16px 18px;
  border-color:rgba(184,216,236,.11);
}
.home-hero.hero-immersive .v16-metrics span{font-size:10px;color:#8ea9bb}
.home-hero.hero-immersive .v16-metrics strong{font-size:23px;color:#fff}
.home-hero.hero-immersive .v16-metrics small{font-size:9px;color:#87a3b6}
.home-hero.hero-immersive .hero-trend{
  padding:16px 18px 8px;
  border-top:1px solid rgba(184,216,236,.11);
}
.home-hero.hero-immersive .trend-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#829eb2;
  font-size:9px;
}
.home-hero.hero-immersive .hero-trend svg{
  display:block;
  width:100%;
  height:92px;
  margin-top:8px;
}
.home-hero.hero-immersive .trend-grid{fill:none;stroke:rgba(154,195,220,.10);stroke-width:1}
.home-hero.hero-immersive .trend-plan{fill:none;stroke:#7bc8ec;stroke-width:1.7}
.home-hero.hero-immersive .trend-actual{fill:none;stroke:rgba(123,200,236,.38);stroke-width:1.4;stroke-dasharray:4 4}
.home-hero.hero-immersive .v16-dashboard-foot{
  padding:11px 18px 14px;
  color:#91aec1;
  font-size:9px;
}
.home-hero.hero-immersive .hero-mini-card{
  position:absolute;
  z-index:3;
  width:190px;
  min-height:112px;
  padding:16px 17px;
  border:1px solid rgba(167,210,237,.21);
  border-radius:10px;
  background:rgba(5,29,50,.78);
  box-shadow:0 15px 40px rgba(0,0,0,.20);
  backdrop-filter:blur(10px);
}
.home-hero.hero-immersive .hero-mini-card small{
  display:block;
  margin-bottom:9px;
  color:#86a9c0;
  font-size:10px;
  letter-spacing:.10em;
}
.home-hero.hero-immersive .hero-mini-card strong{
  display:block;
  margin-bottom:7px;
  color:#fff;
  font-size:22px;
  line-height:1.1;
}
.home-hero.hero-immersive .hero-mini-card span{
  color:#9eb6c7;
  font-size:10px;
  line-height:1.45;
}
.home-hero.hero-immersive .mini-qc{left:4%;top:24%}
.home-hero.hero-immersive .mini-yard{left:28%;top:42%}
.home-hero.hero-immersive .mini-gate{left:14%;bottom:16%}
.home-hero.hero-immersive .hero-demo-note{
  position:absolute;
  right:3%;
  bottom:7%;
  color:#6f92aa;
  font-size:9px;
  letter-spacing:.04em;
}
@media (prefers-reduced-motion:no-preference){
  .home-refined.motion-enabled.motion-start .home-hero.hero-immersive .hero-mini-card{
    animation:heroMiniIn .75s cubic-bezier(.2,.7,.2,1) both;
  }
  .home-refined.motion-enabled.motion-start .home-hero.hero-immersive .mini-qc{animation-delay:.48s}
  .home-refined.motion-enabled.motion-start .home-hero.hero-immersive .mini-yard{animation-delay:.62s}
  .home-refined.motion-enabled.motion-start .home-hero.hero-immersive .mini-gate{animation-delay:.76s}
  @keyframes heroMiniIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}
@media (max-width:1180px){
  .home-hero.hero-immersive{min-height:650px;height:auto}
  .home-hero.hero-immersive .hero-grid{width:min(100% - 48px,1120px);grid-template-columns:1fr .95fr;gap:22px}
  .home-hero.hero-immersive h1{font-size:clamp(46px,5.2vw,64px)}
  .home-hero.hero-immersive .v16-hero-copy>p{font-size:16px}
  .home-hero.hero-immersive .hero-operations-panel{right:0;width:330px}
  .home-hero.hero-immersive .hero-mini-card{width:168px}
  .home-hero.hero-immersive .mini-qc{left:0}
  .home-hero.hero-immersive .mini-yard{left:18%}
  .home-hero.hero-immersive .mini-gate{left:4%}
}
@media (max-width:900px){
  .home-hero.hero-immersive{
    min-height:auto;height:auto;
    background-position:58% center;
  }
  .home-hero.hero-immersive .hero-grid{
    width:min(100% - 36px,760px);
    grid-template-columns:1fr;
    gap:20px;
    padding:76px 0 48px;
  }
  .home-hero.hero-immersive .v16-hero-copy{max-width:650px;padding:0}
  .home-hero.hero-immersive h1{font-size:clamp(42px,9vw,62px)}
  .home-hero.hero-immersive .hero-side{min-height:430px}
  .home-hero.hero-immersive .hero-ops-layer{position:relative;min-height:430px}
  .home-hero.hero-immersive .hero-operations-panel{right:0;top:50%;width:min(360px,58vw)}
  .home-hero.hero-immersive .mini-qc{left:0;top:7%}
  .home-hero.hero-immersive .mini-yard{left:14%;top:38%}
  .home-hero.hero-immersive .mini-gate{left:2%;bottom:2%}
}
@media (max-width:640px){
  .home-hero.hero-immersive .hero-grid{width:calc(100% - 28px);padding:54px 0 34px}
  .home-hero.hero-immersive .eyebrow{font-size:10px;letter-spacing:.08em}
  .home-hero.hero-immersive h1{font-size:clamp(38px,12vw,52px);margin:18px 0 17px}
  .home-hero.hero-immersive .v16-hero-copy>p{font-size:14px;line-height:1.75}
  .home-hero.hero-immersive .hero-actions{margin-top:23px}
  .home-hero.hero-immersive .btn-primary,.home-hero.hero-immersive .btn-secondary{min-height:48px;padding:0 18px;font-size:14px}
  .home-hero.hero-immersive .v16-proof{gap:14px;grid-template-columns:1fr;margin-top:26px;padding-top:18px}
  .home-hero.hero-immersive .v16-proof>div{padding:0}
  .home-hero.hero-immersive .v16-proof strong{font-size:20px;margin-bottom:4px}
  .home-hero.hero-immersive .hero-side{min-height:520px}
  .home-hero.hero-immersive .hero-ops-layer{min-height:520px}
  .home-hero.hero-immersive .hero-operations-panel{top:auto;bottom:0;right:0;transform:none;width:100%}
  .home-hero.hero-immersive .hero-mini-card{width:46%;min-height:92px;padding:12px}
  .home-hero.hero-immersive .mini-qc{left:0;top:0}
  .home-hero.hero-immersive .mini-yard{right:0;left:auto;top:0}
  .home-hero.hero-immersive .mini-gate{display:none}
  .home-hero.hero-immersive .hero-demo-note{display:none}
}


/* V18.14.3 — Homepage capability consolidation + About Weijia */
.home-capability-strip .capability-strip-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.home-capability-strip .capability-strip-grid article:nth-child(2){border-right:1px solid rgba(255,255,255,.12)}
.capability-strip-grid .capability-value{
  display:block;
  margin:0 0 10px;
  color:#9ec7e6;
  font-size:13px;
  font-weight:650;
  letter-spacing:.02em;
}

.home-about-section{
  background:#071f33;
  color:#fff;
  overflow:hidden;
}
.home-about-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  min-height:540px;
}
.home-about-media{
  position:relative;
  min-height:540px;
  overflow:hidden;
  background:#eef2f5;
}
.home-about-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,24,39,0) 68%,rgba(4,24,39,.14) 100%);
  pointer-events:none;
}
.home-about-media img{
  width:100%;
  height:100%;
  min-height:540px;
  object-fit:cover;
  object-position:center center;
  display:block;
  transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
.home-about-section:hover .home-about-media img{transform:scale(1.015)}
.home-about-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:72px clamp(48px,6vw,118px) 72px clamp(48px,5vw,90px);
}
.home-about-copy .eyebrow{
  color:#59c7ff;
  margin-bottom:24px;
}
.home-about-copy h2{
  max-width:760px;
  margin:0 0 30px;
  color:#fff;
  font-size:clamp(34px,3.1vw,58px);
  line-height:1.16;
  letter-spacing:-.035em;
}
.home-about-copy p{
  max-width:760px;
  margin:0 0 14px;
  color:rgba(226,239,249,.78);
  font-size:16px;
  line-height:1.85;
}
.home-about-copy .home-about-value{
  color:rgba(226,239,249,.62);
}
.home-about-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:58px;
  margin-top:22px;
  border:1px solid rgba(190,218,238,.52);
  color:#fff;
  font-weight:750;
  text-decoration:none;
  transition:background .25s ease,border-color .25s ease,color .25s ease;
}
.home-about-link::after{content:"→";margin-left:10px;transition:transform .25s ease}
.home-about-link:hover{
  background:#fff;
  border-color:#fff;
  color:#08253f;
}
.home-about-link:hover::after{transform:translateX(4px)}

@media (max-width:1000px){
  .home-capability-strip .capability-strip-grid{grid-template-columns:1fr}
  .home-capability-strip .capability-strip-grid article,
  .home-capability-strip .capability-strip-grid article:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .home-capability-strip .capability-strip-grid article:last-child{border-bottom:0}
  .home-about-grid{grid-template-columns:1fr;min-height:0}
  .home-about-media,.home-about-media img{min-height:420px}
  .home-about-copy{padding:54px clamp(24px,6vw,56px) 60px}
}
@media (max-width:640px){
  .home-about-media,.home-about-media img{min-height:300px}
  .home-about-copy{padding:42px 22px 48px}
  .home-about-copy h2{font-size:32px;margin-bottom:22px}
  .home-about-copy p{font-size:15px;line-height:1.75}
  .home-about-link{min-height:54px;margin-top:18px}
}
@media (prefers-reduced-motion:reduce){
  .home-about-media img,.home-about-link,.home-about-link::after{transition:none!important}
  .home-about-section:hover .home-about-media img{transform:none!important}
}

/* =========================================================
   V18.14.4 — WHY WEIJIA content hierarchy refinement
   Customer-selection reasons, separated from capability/product sections.
   ========================================================= */
.home-decision-grid .decision-value{
  display:block;
  margin:0 0 10px;
  color:#294b68;
  font-size:14px;
  line-height:1.55;
  font-weight:700;
}
@media(max-width:620px){
  .home-decision-grid .decision-value{font-size:13.5px}
}


/* V18.14.6 — CTA & Link Usability QA */
.cta-band::after {
  pointer-events: none;
}
.cta-band .cta-grid {
  position: relative;
  z-index: 1;
}
#project-inquiry,
#core-products {
  scroll-margin-top: 92px;
}
.floating-actions-backtop-only {
  pointer-events: none;
}
.floating-actions-backtop-only #backTop {
  pointer-events: auto;
}
@media (max-width: 900px) {
  #project-inquiry,
  #core-products {
    scroll-margin-top: 74px;
  }
}


/* V18.14.7 — Qualifications certificate gallery */
.company-qualifications-section .qualification-grid article p strong{
  color:#123b5f;
  font-weight:700;
}
.qualification-media-block{
  margin-top:42px;
  padding-top:34px;
  border-top:1px solid #dde6ed;
}
.qualification-media-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.qualification-media-head h3{
  margin:7px 0 0;
  color:#102b46;
  font-size:23px;
}
.qualification-media-head p{
  margin:0;
  color:#738698;
  font-size:13px;
}
.qualification-media-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.qualification-media-card{
  display:block;
  min-width:0;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  border:1px solid #dde6ed;
  border-radius:10px;
  background:#fff;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.qualification-media-card:hover,
.qualification-media-card:focus-visible{
  transform:translateY(-3px);
  border-color:#b9cee0;
  box-shadow:0 12px 28px rgba(10,43,73,.09);
  outline:none;
}
.qualification-media-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  height:260px;
  padding:18px;
  background:#f6f8fa;
  border-bottom:1px solid #e7edf2;
}
.qualification-media-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .28s ease;
}
.qualification-media-card:hover .qualification-media-frame img{
  transform:scale(1.018);
}
.qualification-media-caption{
  min-height:76px;
  padding:15px 16px 16px;
}
.qualification-media-caption strong{
  display:block;
  color:#143957;
  font-size:14px;
  line-height:1.5;
}
.qualification-media-caption span{
  display:block;
  margin-top:5px;
  color:#7b8c9a;
  font-size:12px;
}
.qualification-software-details{
  margin-top:28px;
  border:1px solid #dce5ec;
  border-radius:10px;
  background:#f8fafc;
  overflow:hidden;
}
.qualification-software-details summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px;
  cursor:pointer;
  list-style:none;
  background:#f8fafc;
}
.qualification-software-details summary::-webkit-details-marker{display:none}
.qualification-software-details summary>div{
  min-width:0;
}
.qualification-software-details summary strong{
  display:block;
  margin-top:6px;
  color:#102b46;
  font-size:20px;
}
.qualification-software-details summary small{
  display:block;
  max-width:820px;
  margin-top:7px;
  color:#667b8d;
  font-size:13px;
  line-height:1.7;
}
.qualification-details-action{
  flex:0 0 auto;
  padding:9px 13px;
  border:1px solid #cbd9e5;
  border-radius:999px;
  background:#fff;
  color:#245b88;
  font-size:12px;
  white-space:nowrap;
}
.qualification-software-details[open] .qualification-details-action::before{content:'收起证书';font-size:12px}
.qualification-software-details[open] .qualification-details-action{font-size:0}
.qualification-software-gallery{
  padding:6px 20px 22px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.qualification-software-gallery .qualification-media-frame{
  height:240px;
}
.company-qualifications-section .practice-note{
  margin-top:22px;
}
@media(max-width:1050px){
  .qualification-media-grid,
  .qualification-software-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .qualification-media-head{align-items:flex-start;flex-direction:column;gap:8px}
  .qualification-media-grid,
  .qualification-software-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qualification-media-frame{height:230px;padding:14px}
  .qualification-software-details summary{align-items:flex-start;padding:22px;flex-direction:column}
  .qualification-software-gallery{padding:4px 14px 18px}
}
@media(max-width:480px){
  .qualification-media-grid,
  .qualification-software-gallery{grid-template-columns:1fr}
  .qualification-media-frame,
  .qualification-software-gallery .qualification-media-frame{height:300px}
}
@media(prefers-reduced-motion:reduce){
  .qualification-media-card,
  .qualification-media-frame img{transition:none!important}
}

/* =========================================================
   V19.9 — Responsive viewport system
   Phone / tablet / notebook / wide desktop consistency.
   ========================================================= */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{min-width:320px;overflow-x:clip}
:where(main,section,article,header,footer,div){min-width:0}
:where(img,video,svg,canvas,iframe){max-width:100%;height:auto}
.container{width:min(100% - 48px,1180px);max-width:1180px}
.nav-wrap{min-height:76px;gap:clamp(12px,1.8vw,28px)}
.main-nav{min-width:0}
.main-nav a{white-space:nowrap}
.brand{flex:0 1 176px;min-width:0}
.brand-logo{width:100%;height:auto;object-fit:contain}
.lang-switch,.nav-cta{flex:none}
:where(.section-head,.cta-grid,.footer-top,.footer-bottom)>*{min-width:0}
:where(h1,h2,h3,p,a,span,strong){overflow-wrap:break-word}
.product-subnav,.company-tabs{max-width:100%;scrollbar-width:thin}
table{max-width:100%}

@media(min-width:1440px){
  .container{width:min(100% - 96px,1320px);max-width:1320px}
  .nav-wrap{min-height:82px}
  .home-hero.hero-immersive .hero-grid{width:min(100% - 96px,1320px);max-width:1320px}
  .section{padding-top:clamp(72px,5vw,96px);padding-bottom:clamp(72px,5vw,96px)}
}

@media(max-width:1180px){
  .container{width:min(100% - 40px,1040px)}
  .site-header .nav-wrap{position:relative}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;order:3;width:44px;height:44px;margin-left:auto;color:#fff;cursor:pointer;touch-action:manipulation}
  .lang-switch{order:2;margin-left:auto}
  .nav-cta{order:4}
  .main-nav{position:absolute;z-index:1000;top:100%;left:20px;right:20px;display:none;max-height:calc(100dvh - 92px);padding:12px 20px 18px;overflow-y:auto;background:#071a2d;border:1px solid rgba(255,255,255,.1);border-radius:0 0 12px 12px;box-shadow:0 22px 50px rgba(0,0,0,.28)}
  .main-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
  .main-nav a{display:block;padding:13px 0;min-height:48px;color:#d8e6f1}
  .home-hero.hero-immersive .hero-grid{width:min(100% - 40px,1040px)}
}

@media(max-width:900px){
  .container{width:calc(100% - 40px)}
  .nav-cta{display:none}
  .hero-grid,.section-head,.cta-grid,.footer-top,
  .positioning-statement,.capability-strip-head,
  body.product-detail-unified-v1982 .scene-section-head,
  body.company-refined .business-footprint-unified-v1982 .footprint-clean-head-v1956{grid-template-columns:1fr!important}
  .section-head{align-items:start}
  .footer-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-about-grid{grid-template-columns:1fr!important}
  .home-about-media{min-height:320px}
  .home-about-media img{width:100%;height:100%;object-fit:cover}
  .home-hero.hero-immersive .hero-grid{width:calc(100% - 40px)}
}

@media(max-width:640px){
  .container{width:calc(100% - 32px)}
  .nav-wrap{min-height:64px;gap:10px}
  .brand{flex-basis:145px;max-width:145px}
  .lang-switch{font-size:13px}
  .menu-toggle{width:42px;height:42px;font-size:25px}
  .main-nav{left:0;right:0;top:100%;max-height:calc(100dvh - 64px);border-left:0;border-right:0;border-radius:0;padding:10px 16px 18px}
  .main-nav.open{grid-template-columns:1fr}
  .main-nav a{min-height:46px;padding:11px 4px;font-size:15px}
  .home-hero.hero-immersive .hero-grid{width:calc(100% - 32px);min-height:auto;padding:112px 0 58px}
  .home-hero.hero-immersive .hero-experience-v1946{font-size:13px;line-height:1.55}
  .home-hero.hero-immersive .v16-hero-copy h1{font-size:clamp(31px,9.2vw,38px);line-height:1.18;letter-spacing:-.025em}
  .home-hero.hero-immersive .v16-hero-copy>p{font-size:16px;line-height:1.7}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:12px}
  .hero-actions a,.cta-grid>a{width:100%;min-height:48px}
  .section{padding-top:54px;padding-bottom:54px}
  .section-head h2{font-size:clamp(27px,8vw,32px)}
  .footer-top{grid-template-columns:1fr!important}
  .footer-bottom{display:grid;gap:10px;text-align:left}
  .home-about-media{min-height:240px}
  .product-subnav,.company-tabs{display:flex!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
  .product-subnav>a,.company-tabs>a{flex:0 0 auto;scroll-snap-align:start}
  :where(.product-table,.comparison-table,.spec-table){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .floating-actions{right:14px;bottom:14px}
}

@media(max-width:380px){
  .container,.home-hero.hero-immersive .hero-grid{width:calc(100% - 24px)}
  .brand{flex-basis:132px;max-width:132px}
  .home-hero.hero-immersive .v16-hero-copy h1{font-size:29px}
  .home-hero.hero-immersive .hero-grid{padding-top:96px}
}


/* V19.1 — Content fusion: taxonomy, proof layer, project practice */


/* V19.1.2 — Static qualifications gallery */
.company-qualifications-section .qualification-media-block{
  margin-top:30px;
}
.qualification-media-head{
  margin-bottom:20px;
}
.qualification-media-card{
  cursor:default;
}
.qualification-media-card:hover,
.qualification-media-card:focus-visible{
  transform:none;
  box-shadow:none;
  border-color:var(--line, #d9e2ea);
}
.qualification-media-card:hover .qualification-media-frame img{
  transform:none;
}
.qualification-software-block{
  margin-top:34px;
  border-top:1px solid var(--line, #d9e2ea);
  padding-top:30px;
}
.qualification-software-head{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:20px;
}
.qualification-software-head strong{
  color:#102b46;
  font-size:24px;
  line-height:1.35;
}
.qualification-software-head small{
  color:#6d7f91;
  font-size:14px;
  line-height:1.75;
  max-width:780px;
}
.qualification-software-gallery{
  padding:0;
}
@media (max-width:900px){
  .qualification-software-block{margin-top:28px;padding-top:24px}
  .qualification-software-head strong{font-size:22px}
}

/* V19.1.3 — Company page: OUR POSITIONING removed */
.company-tabs-five { grid-template-columns:repeat(5,1fr) !important; }
@media(max-width:1100px){
  .company-tabs-five { grid-template-columns:repeat(3,1fr) !important; }
}
@media(max-width:640px){
  .company-tabs-five { display:flex !important; grid-template-columns:none !important; }
}

/* =========================================================
   V19.1.4 — Services capability matrix redesign
   ========================================================= */
.service-capabilities-v1914{
  background:#fff;
  padding-top:78px;
  padding-bottom:82px;
}
.service-capabilities-head-v1914{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);
  gap:56px;
  align-items:end;
  margin-bottom:34px;
}
.service-capabilities-head-v1914 h2{
  margin:10px 0 0;
  max-width:720px;
  font-size:clamp(30px,3vw,44px);
  line-height:1.24;
  letter-spacing:-.02em;
  color:var(--ink);
}
.service-capabilities-head-v1914>p{
  margin:0;
  max-width:560px;
  color:var(--muted);
  line-height:1.85;
}
.service-matrix-v1914{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #dbe4ec;
  border-bottom:1px solid #dbe4ec;
}
.service-item-v1914{
  position:relative;
  min-height:330px;
  padding:34px 30px 32px;
  border-right:1px solid #dbe4ec;
  background:#fff;
  transition:background .24s ease,transform .24s ease;
}
.service-item-v1914:last-child{border-right:0}
.service-item-v1914:before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:0;
  height:3px;
  background:var(--brand);
  transition:width .28s ease;
}
.service-item-v1914:hover{
  background:#f7fafc;
}
.service-item-v1914:hover:before{width:100%}
.service-item-meta-v1914{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:42px;
}
.service-no-v1914{
  color:var(--brand);
  font-size:17px;
  font-weight:800;
  letter-spacing:.08em;
}
.service-en-v1914{
  color:#8a9aaa;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-align:right;
}
.service-item-v1914 h3{
  margin:0 0 20px;
  color:var(--ink);
  font-size:25px;
  line-height:1.3;
}
.service-item-v1914 strong{
  display:block;
  margin-bottom:12px;
  color:#274965;
  font-size:15px;
  line-height:1.55;
}
.service-item-v1914 p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.9;
}
@media(max-width:1100px){
  .service-matrix-v1914{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-item-v1914:nth-child(2){border-right:0}
  .service-item-v1914:nth-child(-n+2){border-bottom:1px solid #dbe4ec}
}
@media(max-width:760px){
  .service-capabilities-v1914{padding-top:58px;padding-bottom:60px}
  .service-capabilities-head-v1914{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
  .service-capabilities-head-v1914 h2{font-size:30px}
  .service-matrix-v1914{grid-template-columns:1fr}
  .service-item-v1914{min-height:auto;padding:28px 22px 30px;border-right:0;border-bottom:1px solid #dbe4ec}
  .service-item-v1914:nth-child(-n+2){border-bottom:1px solid #dbe4ec}
  .service-item-v1914:last-child{border-bottom:0}
  .service-item-meta-v1914{margin-bottom:28px}
}


/* =========================================================
   V19.1.5 — Company Practice Footprint regional map
   ========================================================= */
.company-tabs-six{grid-template-columns:repeat(6,1fr)!important}
.practice-footprint-v1915{
  position:relative;
  overflow:hidden;
  background:#f5f8fb;
  padding-top:84px;
  padding-bottom:78px;
}
.practice-footprint-v1915:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%,rgba(8,103,212,.07),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.62),rgba(245,248,251,.15));
}
.practice-footprint-v1915>.container{position:relative;z-index:1}
.practice-footprint-head-v1915{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);
  gap:56px;
  align-items:end;
  margin-bottom:34px;
}
.practice-footprint-head-v1915 h2{
  margin:9px 0 0;
  color:var(--ink);
  font-size:clamp(31px,3vw,46px);
  line-height:1.22;
  letter-spacing:-.025em;
}
.practice-footprint-head-v1915>p{
  margin:0;
  color:var(--muted);
  line-height:1.85;
  max-width:560px;
}
.practice-footprint-layout-v1915{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);
  gap:24px;
  align-items:stretch;
}
.footprint-map-panel-v1915{
  position:relative;
  min-height:580px;
  overflow:hidden;
  border:1px solid rgba(76,132,177,.24);
  background:
    radial-gradient(circle at 72% 42%,rgba(20,122,202,.16),transparent 34%),
    linear-gradient(145deg,#071f35 0%,#082a46 56%,#0a3556 100%);
  box-shadow:0 18px 42px rgba(16,43,70,.10);
}
.footprint-map-panel-v1915:before,
.footprint-map-panel-v1915:after{
  content:"";
  position:absolute;
  border:1px solid rgba(103,187,255,.10);
  border-radius:50%;
  pointer-events:none;
}
.footprint-map-panel-v1915:before{width:520px;height:520px;left:55px;top:24px}
.footprint-map-panel-v1915:after{width:390px;height:390px;left:120px;top:90px}
.footprint-map-grid-v1915{
  position:absolute;
  inset:0;
  opacity:.36;
  background-image:
    linear-gradient(rgba(112,178,226,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(112,178,226,.10) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.32));
}
.footprint-china-v1915{
  position:absolute;
  left:2.2%;
  top:4.6%;
  width:82%;
  height:88%;
  overflow:visible;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.18));
}
.footprint-map-line-v1915{
  fill:none;
  stroke:#77caff;
  stroke-width:1.1;
  opacity:.23;
  stroke-dasharray:5 8;
}
.footprint-route-v1915{
  fill:none;
  stroke:#64bbff;
  stroke-width:1.5;
  opacity:.58;
  stroke-dasharray:4 8;
}
.footprint-hotspot-v1915{
  --spot:#63c7ff;
  position:absolute;
  display:flex;
  align-items:center;
  gap:9px;
  min-height:40px;
  padding:7px 12px 7px 8px;
  border:1px solid rgba(115,199,255,.20);
  border-radius:999px;
  background:rgba(4,28,47,.70);
  color:#dff4ff;
  box-shadow:0 8px 22px rgba(0,0,0,.14);
  backdrop-filter:blur(6px);
  cursor:pointer;
  z-index:5;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.footprint-hotspot-v1915:hover,
.footprint-hotspot-v1915:focus-visible,
.footprint-hotspot-v1915.is-active{
  transform:translateY(-2px);
  background:rgba(8,79,127,.90);
  border-color:rgba(117,207,255,.65);
  box-shadow:0 10px 28px rgba(0,0,0,.20),0 0 0 4px rgba(54,164,235,.08);
  outline:none;
}
.hotspot-dot-v1915{
  position:relative;
  display:block;
  width:12px;
  height:12px;
  flex:0 0 12px;
  border-radius:50%;
  background:var(--spot);
  box-shadow:0 0 0 4px rgba(99,199,255,.13),0 0 16px rgba(99,199,255,.62);
}
.hotspot-dot-v1915:after{
  content:"";
  position:absolute;
  inset:-7px;
  border:1px solid rgba(99,199,255,.36);
  border-radius:50%;
  animation:footprintPulseV1915 2.6s ease-out infinite;
}
.hotspot-label-v1915{
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  white-space:nowrap;
}
.hotspot-globe-v1915{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid rgba(117,207,255,.48);
  border-radius:50%;
  color:#8dd8ff;
  font-size:17px;
  line-height:1;
}
.footprint-hotspot-v1915.region-east{left:65%;top:54%}
.footprint-hotspot-v1915.region-south{left:55%;top:75%}
.footprint-hotspot-v1915.region-north{left:65%;top:31%}
.footprint-hotspot-v1915.region-inland{left:24%;top:43%}
.footprint-hotspot-v1915.region-overseas{right:3.5%;top:20%}
.footprint-map-status-v1915{
  position:absolute;
  left:26px;
  bottom:24px;
  display:flex;
  flex-direction:column;
  gap:4px;
  color:#a8c6da;
  z-index:4;
}
.footprint-map-status-v1915 span{
  color:#62bcf4;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.footprint-map-status-v1915 strong{
  color:#eaf7ff;
  font-size:15px;
  font-weight:700;
}
.footprint-region-list-v1915{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.footprint-region-card-v1915{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:18px;
  align-items:start;
  min-height:104px;
  padding:20px 22px;
  border:1px solid #dce6ee;
  background:#fff;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.footprint-region-card-v1915:hover,
.footprint-region-card-v1915:focus-visible,
.footprint-region-card-v1915.is-active{
  transform:translateX(-3px);
  border-color:#9ac9ec;
  background:#fbfdff;
  box-shadow:0 12px 28px rgba(28,70,103,.08);
  outline:none;
}
.footprint-region-index-v1915{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid #cfe0ec;
  border-radius:50%;
  color:var(--brand);
  background:#f6fbff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}
.footprint-region-card-v1915.is-active .footprint-region-index-v1915,
.footprint-region-card-v1915:hover .footprint-region-index-v1915,
.footprint-region-card-v1915:focus-visible .footprint-region-index-v1915{
  border-color:#8fc8ef;
  background:#eaf6ff;
}
.footprint-region-card-v1915 h3{
  margin:0 0 6px;
  color:#17344e;
  font-size:19px;
  line-height:1.35;
}
.footprint-region-card-v1915 p{
  margin:0;
  color:#6a7d8e;
  font-size:14px;
  line-height:1.75;
}
.practice-footprint-note-v1915{
  margin:22px 0 0;
  padding:15px 18px;
  border-left:3px solid #2b85ca;
  background:#edf6fc;
  color:#64798a;
  font-size:13px;
  line-height:1.75;
}
@keyframes footprintPulseV1915{
  0%{transform:scale(.72);opacity:.7}
  70%,100%{transform:scale(1.65);opacity:0}
}
@media(max-width:1100px){
  .company-tabs-six{grid-template-columns:repeat(3,1fr)!important}
  .practice-footprint-layout-v1915{grid-template-columns:1fr}
  .footprint-map-panel-v1915{min-height:520px}
  .footprint-region-list-v1915{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footprint-region-card-v1915:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .company-tabs-six{display:flex!important;grid-template-columns:none!important}
  .practice-footprint-v1915{padding-top:60px;padding-bottom:58px}
  .practice-footprint-head-v1915{grid-template-columns:1fr;gap:16px;margin-bottom:26px}
  .practice-footprint-head-v1915 h2{font-size:30px}
  .footprint-map-panel-v1915{min-height:410px}
  .footprint-china-v1915{left:-5%;top:8%;width:95%;height:78%}
  .footprint-map-panel-v1915:before{width:360px;height:360px;left:12px;top:20px}
  .footprint-map-panel-v1915:after{width:270px;height:270px;left:52px;top:64px}
  .footprint-hotspot-v1915{min-height:34px;padding:5px 9px 5px 7px}
  .hotspot-label-v1915{font-size:11px}
  .footprint-hotspot-v1915.region-east{left:60%;top:52%}
  .footprint-hotspot-v1915.region-south{left:50%;top:70%}
  .footprint-hotspot-v1915.region-north{left:60%;top:31%}
  .footprint-hotspot-v1915.region-inland{left:13%;top:42%}
  .footprint-hotspot-v1915.region-overseas{right:2.5%;top:16%}
  .footprint-region-list-v1915{grid-template-columns:1fr}
  .footprint-region-card-v1915:last-child{grid-column:auto}
  .footprint-region-card-v1915{min-height:auto;padding:18px 18px;grid-template-columns:42px 1fr;gap:14px}
  .footprint-region-index-v1915{width:36px;height:36px}
  .practice-footprint-note-v1915{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .hotspot-dot-v1915:after{animation:none!important}
  .footprint-hotspot-v1915,
  .footprint-region-card-v1915{transition:none!important}
}


/* =========================================================
   V19.2.2 — Visual rollback to V19.1.5 + real China map fix
   Only overrides map geometry and qualification image-wall rules.
   ========================================================= */
.qualification-facts-line-v1922{
  margin:0 0 26px;
  color:#5d7184;
  font-size:13px;
  line-height:1.8;
  letter-spacing:.01em;
}
.qualification-ip-summary-v1922{
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid #e2e9ef;
}
.qualification-ip-summary-row-v1922{
  display:grid;
  grid-template-columns:minmax(180px,.36fr) minmax(0,1fr);
  gap:28px;
  align-items:start;
  margin-top:12px;
}
.qualification-ip-summary-row-v1922 strong{
  color:#17344e;
  font-size:22px;
  line-height:1.4;
}
.qualification-ip-summary-row-v1922 span{
  color:#667b8e;
  font-size:14px;
  line-height:1.8;
}
.footprint-china-v1915{
  left:3.5%;
  top:6%;
  width:83%;
  height:87%;
}
.footprint-map-shape-v1922{
  opacity:.96;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.16));
}
.footprint-map-line-real-v1922{
  stroke:#7bd4ff;
  stroke-width:1.25;
  opacity:.42;
  stroke-dasharray:6 8;
  animation:footprintFlowV1922 10s linear infinite;
  vector-effect:non-scaling-stroke;
}
.footprint-route-real-v1922{
  stroke:#77d0ff;
  stroke-width:1.4;
  opacity:.66;
  stroke-dasharray:4 8;
  animation:footprintFlowV1922 7s linear infinite;
  vector-effect:non-scaling-stroke;
}
.footprint-region-ring-v1922{
  fill:none;
  stroke:#87ddff;
  stroke-width:1.5;
  opacity:.68;
  transform-box:fill-box;
  transform-origin:center;
  animation:footprintGeoPulseV1922 2.8s ease-out infinite;
  filter:url(#mapGlowRealV1922);
}
.footprint-region-core-v1922{
  fill:#9ae9ff;
  filter:url(#mapGlowRealV1922);
}
/* Real geographic hotspot positions aligned to the China map silhouette. */
.footprint-hotspot-v1915.region-north{left:61%;top:40%}
.footprint-hotspot-v1915.region-east{left:65%;top:56%}
.footprint-hotspot-v1915.region-south{left:56%;top:72%}
.footprint-hotspot-v1915.region-inland{left:42%;top:47%}
.footprint-hotspot-v1915.region-overseas{right:3.2%;top:23%}
@keyframes footprintGeoPulseV1922{
  0%{transform:scale(.45);opacity:.88}
  70%,100%{transform:scale(1.45);opacity:0}
}
@keyframes footprintFlowV1922{to{stroke-dashoffset:-180}}
@media(max-width:760px){
  .qualification-ip-summary-row-v1922{grid-template-columns:1fr;gap:8px}
  .footprint-china-v1915{left:-1%;top:8%;width:92%;height:80%}
  .footprint-hotspot-v1915.region-north{left:61%;top:38%}
  .footprint-hotspot-v1915.region-east{left:64%;top:53%}
  .footprint-hotspot-v1915.region-south{left:53%;top:67%}
  .footprint-hotspot-v1915.region-inland{left:37%;top:46%}
  .footprint-hotspot-v1915.region-overseas{right:1.5%;top:18%}
}
@media(prefers-reduced-motion:reduce){
  .footprint-map-line-real-v1922,
  .footprint-route-real-v1922,
  .footprint-region-ring-v1922{animation:none!important}
}


/* =========================================================
   V19.2.3 — Company in-page navigation definitive fix
   Fix selector mismatch: HTML uses .company-tabs-six directly
   on .container rather than legacy .company-tabs-inner.
   ========================================================= */
body.company-refined .company-tabs{
  position:sticky;
  top:60px;
  z-index:80;
  width:100%;
  background:rgba(255,255,255,.985);
  border-bottom:1px solid #dfe6ed;
  box-shadow:0 4px 14px rgba(13,34,56,.04);
  overflow:hidden;
}
body.company-refined .company-tabs > .container.company-tabs-six{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  align-items:stretch;
  width:min(100% - 40px, 1440px);
  min-height:54px;
  margin-inline:auto;
  padding-inline:0;
}
body.company-refined .company-tabs > .container.company-tabs-six > a{
  position:relative;
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:54px;
  padding:0 14px;
  color:#52677a;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;
  border-bottom:0 !important;
  transition:color .22s ease,background-color .22s ease;
}
body.company-refined .company-tabs > .container.company-tabs-six > a::after{
  content:"";
  position:absolute;
  left:24%;
  right:24%;
  bottom:0;
  height:2px;
  background:#0b72d2;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
body.company-refined .company-tabs > .container.company-tabs-six > a:hover,
body.company-refined .company-tabs > .container.company-tabs-six > a:focus-visible,
body.company-refined .company-tabs > .container.company-tabs-six > a.active,
body.company-refined .company-tabs > .container.company-tabs-six > a[aria-current="true"]{
  color:#075ec7;
  background:rgba(11,114,210,.035);
}
body.company-refined .company-tabs > .container.company-tabs-six > a:hover::after,
body.company-refined .company-tabs > .container.company-tabs-six > a:focus-visible::after,
body.company-refined .company-tabs > .container.company-tabs-six > a.active::after,
body.company-refined .company-tabs > .container.company-tabs-six > a[aria-current="true"]::after{
  transform:scaleX(1);
}
body.company-refined #company-profile,
body.company-refined #company-capability,
body.company-refined #company-value,
body.company-refined #company-qualifications,
body.company-refined #company-practice-footprint,
body.company-refined #partners{
  scroll-margin-top:124px;
}
@media(max-width:900px){
  body.company-refined .company-tabs{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.company-refined .company-tabs::-webkit-scrollbar{display:none}
  body.company-refined .company-tabs > .container.company-tabs-six{
    display:flex !important;
    grid-template-columns:none !important;
    width:max-content;
    min-width:100%;
    min-height:50px;
    margin:0;
    padding:0 14px;
  }
  body.company-refined .company-tabs > .container.company-tabs-six > a{
    flex:0 0 auto;
    min-width:112px;
    min-height:50px;
    padding:0 16px;
    font-size:13px;
  }
  body.company-refined .company-tabs > .container.company-tabs-six > a::after{
    left:18px;
    right:18px;
  }
}
@media(max-width:640px){
  body.company-refined .company-tabs{top:60px}
  body.company-refined .company-tabs > .container.company-tabs-six > a{
    min-width:auto;
    padding:0 17px;
  }
  body.company-refined #company-profile,
  body.company-refined #company-capability,
  body.company-refined #company-value,
  body.company-refined #company-qualifications,
  body.company-refined #company-practice-footprint,
  body.company-refined #partners{
    scroll-margin-top:118px;
  }
}


/* =========================================================
   V19.2.6 — Company tabs typography + real company photo
   ========================================================= */
body.company-refined .company-tabs > .container.company-tabs-six > a{
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:0;
}
body.company-refined #company-profile .company-image img{
  object-position:center center;
}
@media(max-width:900px){
  body.company-refined .company-tabs > .container.company-tabs-six > a{
    font-size:12px !important;
    font-weight:400 !important;
  }
}


/* V19.2.8 business footprint redesign */
.practice-footprint-layout-v1928{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.62fr);gap:28px;align-items:start;margin-top:28px}
.footprint-map-composition-v1928{display:grid;gap:18px}
.footprint-map-main-v1928{position:relative;min-height:620px;border:1px solid rgba(125,183,229,.18);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 70% 15%, rgba(48,128,197,.18), transparent 30%),linear-gradient(135deg,#082641 0%,#0a365c 100%)}
.footprint-map-grid-v1928{position:absolute;inset:0;background-image:linear-gradient(rgba(120,200,255,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(120,200,255,.05) 1px, transparent 1px);background-size:28px 28px}
.footprint-map-title-v1928{position:absolute;left:28px;bottom:24px;z-index:2}.footprint-map-title-v1928 strong{display:block;margin-top:8px;font-size:28px;line-height:1.15;color:#fff}
.footprint-china-v1928{position:absolute;left:7%;top:8%;width:72%;height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.22))}
.footprint-map-shape-v1928{fill:url(#mapFillV1928);stroke:#7fd0ff;stroke-width:1.8}
.map-index-point{position:absolute;width:44px;height:44px;border-radius:50%;border:1px solid rgba(143,215,255,.55);background:rgba(10,31,51,.82);color:#fff;font-size:14px;font-weight:700;box-shadow:0 0 0 8px rgba(87,184,255,.08),0 10px 30px rgba(0,0,0,.22)}
.map-index-point span{position:relative;z-index:2}.map-index-point::after{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,#7fd0ff 0%,#37b4ff 45%,rgba(55,180,255,.2) 70%, transparent 72%)}
.map-point-01{left:63%;top:49%}.map-point-02{left:54%;top:73%}.map-point-03{left:59%;top:34%}.map-point-04{left:39%;top:43%}
.footprint-world-card-v1928{position:absolute;right:18px;top:18px;width:220px;padding:18px 18px 14px;border-radius:20px;background:rgba(5,22,38,.62);backdrop-filter:blur(6px);border:1px solid rgba(120,200,255,.16);box-shadow:0 20px 40px rgba(0,0,0,.18)}
.footprint-world-head-v1928 strong{display:block;margin-top:6px;color:#fff;font-size:22px}.footprint-world-v1928{width:100%;height:auto;margin-top:10px}.world-shape path{fill:rgba(124,190,238,.18);stroke:#77c7ff;stroke-width:1.1}.world-node circle:first-child{fill:#68c7ff}.world-node circle:last-child{fill:none;stroke:rgba(104,199,255,.45);stroke-width:1.3}
.footprint-region-list-v1915{display:grid;gap:14px}.footprint-region-card-v1915{min-height:114px}.footprint-region-card-v1915 h3{display:flex;align-items:center;gap:12px}
@media (max-width: 1024px){.practice-footprint-layout-v1928{grid-template-columns:1fr}.footprint-map-main-v1928{min-height:540px}.footprint-world-card-v1928{width:200px}.map-point-01{left:61%;top:50%}.map-point-02{left:53%;top:74%}.map-point-03{left:57%;top:35%}.map-point-04{left:37%;top:44%}}
@media (max-width: 640px){.footprint-map-main-v1928{min-height:430px}.footprint-world-card-v1928{position:relative;right:auto;top:auto;width:auto;margin:16px}.footprint-china-v1928{left:4%;top:12%;width:82%}.footprint-map-title-v1928 strong{font-size:22px}.map-index-point{width:38px;height:38px;font-size:12px}.map-point-01{left:63%;top:48%}.map-point-02{left:55%;top:71%}.map-point-03{left:60%;top:34%}.map-point-04{left:38%;top:42%}}


/* V19.2.8.1 — Business footprint final refinement */
.practice-footprint-layout-v1928{
  grid-template-columns:minmax(0,1.18fr) minmax(350px,.62fr);
  gap:24px;
  align-items:stretch;
}
.footprint-map-composition-v1928{
  position:relative;
  display:block;
  min-width:0;
}
.footprint-map-main-v1928{
  min-height:604px;
  height:100%;
  border-radius:18px;
  border-color:rgba(130,190,230,.16);
  background:
    radial-gradient(circle at 58% 42%,rgba(42,138,205,.14),transparent 35%),
    linear-gradient(135deg,#071f35 0%,#0a3152 55%,#092842 100%);
  box-shadow:0 22px 52px rgba(13,55,88,.12);
}
.footprint-map-grid-v1928{
  opacity:.48;
  background-size:34px 34px;
}
.footprint-map-title-v1928{
  left:26px;
  bottom:24px;
}
.footprint-map-title-v1928 .eyebrow{
  color:#71c9ff;
  font-size:11px;
  letter-spacing:.16em;
}
.footprint-map-title-v1928 strong{
  margin-top:6px;
  font-size:21px;
  font-weight:600;
  letter-spacing:.01em;
}
.footprint-china-v1928{
  left:4.5%;
  top:7%;
  width:76%;
  opacity:.96;
}
.footprint-map-shape-v1928{
  stroke:#69bdf2;
  stroke-width:1.45;
}
.map-index-point{
  z-index:4;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(116,201,255,.52);
  background:rgba(5,24,41,.88);
  color:#fff;
  font-size:12px;
  font-weight:650;
  letter-spacing:.04em;
  box-shadow:0 0 0 5px rgba(82,184,247,.055),0 8px 24px rgba(0,0,0,.2);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.map-index-point::after{
  inset:13px;
  background:#68c7ff;
  opacity:.82;
  box-shadow:0 0 12px rgba(104,199,255,.72);
  transition:opacity .22s ease,transform .22s ease;
}
.map-index-point span{transform:translateY(-24px);font-size:11px;color:#cdeeff;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.map-index-point:hover,.map-index-point:focus-visible,.map-index-point.is-active{
  transform:scale(1.07);
  border-color:#9bdeff;
  background:#0b3f68;
  box-shadow:0 0 0 7px rgba(82,184,247,.1),0 12px 30px rgba(0,0,0,.24);
  outline:none;
}
.map-index-point.is-active::after{opacity:1;transform:scale(1.25)}
.map-point-01{left:65%;top:50%}
.map-point-02{left:55%;top:73%}
.map-point-03{left:61%;top:34%}
.map-point-04{left:38%;top:43%}
.footprint-world-card-v1928{
  z-index:5;
  right:22px;
  top:22px;
  width:210px;
  padding:16px 16px 12px;
  border-radius:15px;
  background:rgba(4,20,34,.76);
  border-color:rgba(120,200,255,.17);
  box-shadow:0 16px 36px rgba(0,0,0,.22);
  transition:border-color .22s ease,background .22s ease,transform .22s ease,box-shadow .22s ease;
  cursor:pointer;
}
.footprint-world-card-v1928:hover,.footprint-world-card-v1928:focus-visible,.footprint-world-card-v1928.is-active{
  border-color:rgba(132,214,255,.55);
  background:rgba(7,39,64,.92);
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(0,0,0,.25);
  outline:none;
}
.footprint-world-head-v1928 .eyebrow{
  font-size:9px;
  letter-spacing:.15em;
  color:#65c7ff;
}
.footprint-world-head-v1928 strong{
  margin-top:3px;
  font-size:15px;
  font-weight:600;
}
.footprint-world-v1928{margin-top:6px}
.world-shape path{fill:rgba(118,190,237,.13);stroke:rgba(119,199,255,.72);stroke-width:.9}
.world-node circle:first-child{fill:#7bd4ff}
.world-node circle:last-child{stroke:rgba(123,212,255,.42);animation:v19281WorldPulse 2.8s ease-in-out infinite;transform-origin:300px 84px}
@keyframes v19281WorldPulse{0%,100%{transform:scale(.88);opacity:.45}50%{transform:scale(1.13);opacity:1}}
.footprint-region-list-v1915{
  display:grid;
  grid-template-rows:repeat(5,minmax(0,1fr));
  gap:10px;
  min-height:604px;
}
.footprint-region-card-v1915{
  min-height:0;
  padding:18px 20px;
  border-radius:14px;
  border-color:#dbe5ed;
  background:#fff;
  box-shadow:none;
  transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease,background .22s ease;
}
.footprint-region-card-v1915:hover,.footprint-region-card-v1915:focus-visible,.footprint-region-card-v1915.is-active{
  border-color:#98c6e5;
  background:#fbfdff;
  box-shadow:0 10px 28px rgba(24,72,109,.08);
  transform:translateX(2px);
  outline:none;
}
.footprint-region-index-v1915{
  width:38px;
  height:38px;
  flex:0 0 38px;
  font-size:12px;
  font-weight:600;
  background:#f4f9fc;
  border-color:#cfe0eb;
  color:#194566;
}
.footprint-region-card-v1915 h3{
  margin-bottom:6px;
  font-size:18px;
  font-weight:600;
  color:#15354e;
}
.footprint-region-card-v1915 p{
  font-size:13px;
  line-height:1.65;
  color:#657b8e;
}
@media (max-width:1024px){
  .practice-footprint-layout-v1928{grid-template-columns:1fr;gap:18px}
  .footprint-map-main-v1928{min-height:540px}
  .footprint-region-list-v1915{grid-template-rows:none;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr))}
  .footprint-region-card-v1915:last-child{grid-column:1/-1}
  .footprint-world-card-v1928{width:196px}
}
@media (max-width:640px){
  .footprint-map-main-v1928{min-height:430px;border-radius:14px}
  .footprint-china-v1928{left:2%;top:10%;width:86%}
  .footprint-world-card-v1928{position:absolute;right:12px;top:12px;width:160px;margin:0;padding:11px 12px 8px}
  .footprint-world-head-v1928 strong{font-size:13px}
  .footprint-region-list-v1915{grid-template-columns:1fr;gap:8px}
  .footprint-region-card-v1915:last-child{grid-column:auto}
  .footprint-region-card-v1915{padding:15px 16px}
  .footprint-region-card-v1915 h3{font-size:16px}
  .footprint-region-card-v1915 p{font-size:12.5px}
  .map-index-point{width:34px;height:34px}
  .map-index-point span{transform:translateY(-21px);font-size:10px}
  .map-point-01{left:65%;top:49%}.map-point-02{left:56%;top:70%}.map-point-03{left:61%;top:35%}.map-point-04{left:37%;top:43%}
}
@media (prefers-reduced-motion:reduce){
  .world-node circle:last-child{animation:none}
  .map-index-point,.footprint-world-card-v1928,.footprint-region-card-v1915{transition:none}
}


/* V19.2.8.3 — Business footprint final polish */
.footprint-china-v1928{left:4.2%;top:7.5%;width:72.5%}
.map-svg-marker-v1983{cursor:pointer;outline:none}
.map-svg-marker-ring-v1983{fill:rgba(10,42,67,.20);stroke:rgba(120,205,255,.48);stroke-width:1.5;transition:stroke .2s ease,fill .2s ease,stroke-width .2s ease}
.map-svg-marker-core-v1983{fill:#0a2942;stroke:#6dccff;stroke-width:1.3;filter:drop-shadow(0 0 7px rgba(79,188,255,.38));transition:fill .2s ease,stroke .2s ease}
.map-svg-marker-text-v1983{fill:#eef9ff;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-anchor:middle;dominant-baseline:middle;pointer-events:none}
.map-svg-marker-v1983:hover .map-svg-marker-ring-v1983,
.map-svg-marker-v1983:focus .map-svg-marker-ring-v1983,
.map-svg-marker-v1983.is-active .map-svg-marker-ring-v1983{fill:rgba(56,163,226,.14);stroke:#9bdcff;stroke-width:2.2}
.map-svg-marker-v1983:hover .map-svg-marker-core-v1983,
.map-svg-marker-v1983:focus .map-svg-marker-core-v1983,
.map-svg-marker-v1983.is-active .map-svg-marker-core-v1983{fill:#0c4c79;stroke:#b0e8ff}
.footprint-world-card-v1928{right:20px;top:20px;width:214px;padding:15px 15px 12px;border-radius:14px;background:rgba(4,20,34,.72)}
.footprint-world-head-v1928{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.footprint-world-head-v1928 .eyebrow{font-size:8.5px;letter-spacing:.14em}
.footprint-world-head-v1928 strong{margin-top:0;font-size:14px;font-weight:600;white-space:nowrap}
.footprint-world-v1928{display:block;width:100%;height:94px;margin-top:8px}
.world-real-shape-v1983 path{fill:rgba(110,187,235,.16);stroke:rgba(120,204,255,.72);stroke-width:.62;vector-effect:non-scaling-stroke}
.world-guide-v1983{stroke:rgba(125,202,250,.075);stroke-width:.7;vector-effect:non-scaling-stroke}
.footprint-region-list-v1915{gap:9px;min-height:590px}
.footprint-region-card-v1915{padding:16px 18px;min-height:0;border-radius:13px}
.footprint-region-index-v1915{width:34px;height:34px;flex:0 0 34px;font-size:11px}
.footprint-region-card-v1915 h3{font-size:17px;margin-bottom:4px}
.footprint-region-card-v1915 p{font-size:12.5px;line-height:1.58}
.footprint-map-title-v1928 strong{font-size:20px;font-weight:600}
@media(max-width:1024px){
  .footprint-china-v1928{left:4%;top:8%;width:76%}
  .footprint-world-card-v1928{width:194px}
  .footprint-region-list-v1915{min-height:0}
}
@media(max-width:640px){
  .footprint-china-v1928{left:2%;top:11%;width:84%}
  .footprint-world-card-v1928{right:10px;top:10px;width:150px;padding:10px}
  .footprint-world-head-v1928{display:block}
  .footprint-world-head-v1928 strong{display:block;margin-top:3px;font-size:12px}
  .footprint-world-v1928{height:66px;margin-top:5px}
  .footprint-region-card-v1915{padding:14px 15px}
  .footprint-region-card-v1915 h3{font-size:15.5px}
  .footprint-region-card-v1915 p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .map-svg-marker-ring-v1983,.map-svg-marker-core-v1983{transition:none}
}


/* =========================================================
   V19.3 — Product-specific evidence, imagery and motion
   Shared system, page-specific storytelling.
========================================================= */
.product-evidence{position:relative;overflow:hidden;background:#f7fafc}
.product-evidence::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,78,124,.035) 1px,transparent 1px),linear-gradient(rgba(12,78,124,.03) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.product-evidence>.container,.product-scene-section>.container{position:relative;z-index:1}
.product-metric-grid{display:grid;gap:14px;margin:28px 0}.product-metric-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.product-metric-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.product-metric-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.product-metric-card{min-height:146px;padding:24px;border:1px solid #d9e4ed;border-radius:18px;background:rgba(255,255,255,.92);display:flex;flex-direction:column;justify-content:center;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.product-metric-card strong{font-size:36px;line-height:1;color:#0c4677;letter-spacing:-.035em}.product-metric-card span{margin-top:12px;font-weight:700;color:#152d42}.product-metric-card small{margin-top:8px;color:#6d8193;line-height:1.6}
.product-screen-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}.product-screen-gallery figure{margin:0}.screen-frame{position:relative;overflow:hidden;border-radius:20px;border:1px solid #d2deea;background:#0b2e4e;box-shadow:0 22px 50px rgba(18,49,75,.13)}.screen-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.13) 45%,transparent 67%);transform:translateX(-130%)}.screen-frame img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s ease}.product-screen-gallery figcaption{display:flex;flex-direction:column;gap:5px;padding:14px 4px}.product-screen-gallery figcaption strong{font-size:18px;color:#102d46}.product-screen-gallery figcaption span{font-size:14px;color:#6b7f91}
.product-scene-split{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:stretch}.yard-scene-visual{position:relative;min-height:500px;border-radius:24px;overflow:hidden;background:#092e4d}.yard-scene-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.78)}.yard-scene-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,31,51,.15),rgba(6,31,51,.5))}.yard-flow-node{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(130,207,255,.55);border-radius:999px;background:rgba(5,31,51,.82);color:#fff;backdrop-filter:blur(5px);box-shadow:0 0 0 5px rgba(76,183,255,.05)}.yard-flow-node b{color:#6dd8ff;font-size:12px}.yard-flow-node span{font-size:13px}.node-in{left:7%;top:68%}.node-stack{left:27%;top:38%}.node-work{left:48%;top:57%}.node-service{left:67%;top:29%}.node-out{right:6%;top:66%}.yard-flow-line{position:absolute;z-index:2;left:11%;right:10%;top:57%;height:2px;background:linear-gradient(90deg,transparent,#56c7ff 18%,#56c7ff 82%,transparent);transform:rotate(-5deg);transform-origin:center;opacity:.7}.product-scene-copy{padding:36px 16px 36px 0;display:flex;flex-direction:column;justify-content:center}.product-scene-copy h2{font-size:clamp(30px,3.1vw,46px);line-height:1.14;margin:12px 0 18px;color:#102c45}.product-scene-copy>p{font-size:17px;line-height:1.85;color:#63798c}.scene-kpi-list{display:grid;gap:12px;margin-top:26px}.scene-kpi-list div{padding:15px 0;border-top:1px solid #dce5ec;display:grid;grid-template-columns:120px 1fr;gap:15px}.scene-kpi-list strong{color:#134f80}.scene-kpi-list span{color:#657a8e}
.gos-performance-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:stretch}.gos-scan-visual{position:relative;min-height:470px;overflow:hidden;border-radius:24px;background:#071f34}.gos-scan-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.76) saturate(.85)}.gos-scan-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,24,42,.08),rgba(2,24,42,.52))}.scan-line{position:absolute;z-index:2;left:0;right:0;height:2px;top:20%;background:linear-gradient(90deg,transparent,#64dcff,#8fffd6,transparent);box-shadow:0 0 16px rgba(100,220,255,.9)}.scan-tag{position:absolute;z-index:3;padding:8px 11px;border-radius:8px;border:1px solid rgba(124,217,255,.5);background:rgba(4,31,50,.83);color:#eaf8ff;font-size:12px;letter-spacing:.04em}.tag-plate{left:16%;top:55%}.tag-box{right:16%;top:38%}.tag-control{right:10%;bottom:13%}.metric-detail-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.metric-detail-row span{padding:9px 11px;border-radius:999px;background:#eaf3f9;color:#315a78;font-size:12px}
.yard-architecture-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:stretch}.yard-architecture-visual{position:relative;min-height:470px;border-radius:24px;overflow:hidden;background:#0b2a45}.yard-architecture-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.9)}.yard-architecture-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,25,42,.1),rgba(3,25,42,.48))}.yard-track{position:absolute;z-index:3;inset:10% 6%;width:88%;height:80%;overflow:visible}.yard-track path{fill:none;stroke:#69d4ff;stroke-width:3;stroke-dasharray:8 10;filter:drop-shadow(0 0 8px rgba(105,212,255,.8))}.yard-track circle{fill:#8fffe1;stroke:#0a3554;stroke-width:5}.architecture-stack{display:grid;gap:14px}.architecture-stack article{padding:25px 26px;border:1px solid #d8e4ed;border-radius:18px;background:#fff}.architecture-stack article>span{font-size:11px;letter-spacing:.1em;color:#1684c5;font-weight:800}.architecture-stack h3{margin:7px 0 8px;color:#102d46;font-size:22px}.architecture-stack p{margin:0;color:#657a8d;line-height:1.75}
@media (prefers-reduced-motion:no-preference){.site-motion-enabled .product-metric-card:hover{transform:translateY(-4px);border-color:#9ec5df;box-shadow:0 16px 32px rgba(15,62,96,.08)}.site-motion-enabled .screen-frame:hover img{transform:scale(1.018)}.site-motion-enabled .screen-frame:hover::after{animation:v193ScreenSheen 1.2s ease}.site-motion-enabled .yard-flow-node{animation:v193NodePulse 3.4s ease-in-out infinite}.site-motion-enabled .yard-flow-node:nth-of-type(2){animation-delay:.45s}.site-motion-enabled .yard-flow-node:nth-of-type(3){animation-delay:.9s}.site-motion-enabled .yard-flow-node:nth-of-type(4){animation-delay:1.35s}.site-motion-enabled .yard-flow-node:nth-of-type(5){animation-delay:1.8s}.site-motion-enabled .scan-line{animation:v193Scan 3.8s ease-in-out infinite}.site-motion-enabled .scan-tag{animation:v193Tag 4s ease-in-out infinite}.site-motion-enabled .yard-track path{animation:v193Dash 10s linear infinite}.site-motion-enabled .yard-track circle{animation:v193TrackPoint 2.8s ease-in-out infinite}}
@keyframes v193ScreenSheen{to{transform:translateX(130%)}}@keyframes v193NodePulse{0%,100%{box-shadow:0 0 0 5px rgba(76,183,255,.05)}50%{box-shadow:0 0 0 10px rgba(76,183,255,.12)}}@keyframes v193Scan{0%,100%{top:18%;opacity:.3}50%{top:78%;opacity:1}}@keyframes v193Tag{0%,100%{transform:translateY(0);opacity:.78}50%{transform:translateY(-3px);opacity:1}}@keyframes v193Signal{from{top:0}to{top:112px}}@keyframes v193Dash{to{stroke-dashoffset:-180}}@keyframes v193TrackPoint{50%{filter:drop-shadow(0 0 9px #8fffe1)}}
@media(max-width:1080px){.product-scene-split,.gos-performance-layout,.yard-architecture-layout{grid-template-columns:1fr}.product-metric-grid-5{grid-template-columns:repeat(3,1fr)}.yard-scene-visual,.gos-scan-visual,.yard-architecture-visual{min-height:420px}}
@media(max-width:760px){.product-metric-grid-2,.product-metric-grid-3,.product-metric-grid-5,.product-screen-gallery{grid-template-columns:1fr 1fr}.hardware-card{grid-template-columns:1fr}.hardware-photo{min-height:260px}.product-scene-copy{padding:8px 0}.scene-kpi-list div{grid-template-columns:1fr}.yard-scene-visual,.gos-scan-visual,.yard-architecture-visual{min-height:360px}}
@media(max-width:520px){.product-metric-grid-2,.product-metric-grid-3,.product-metric-grid-5,.product-screen-gallery{grid-template-columns:1fr}.product-metric-card{min-height:116px}.product-metric-card strong{font-size:31px}.yard-flow-node{padding:6px 8px}.yard-flow-node span{font-size:11px}.footprint-world-card-v1928{max-width:190px}}


/* V19.3.3 PRODUCT COPY DECK 2026-08-17 */
.product-detail-deck .company-banner-content{max-width:900px}
.product-detail-deck .company-banner h1{max-width:860px}
.product-detail-deck .product-metric-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-detail-deck .product-feature-grid{display:grid;gap:14px;margin-top:28px}
.product-detail-deck .product-feature-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.product-detail-deck .product-feature-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-detail-deck .product-feature-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-detail-deck .product-feature-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.product-detail-deck .product-feature-grid article,.product-detail-deck .product-workflow-grid article,.product-detail-deck .product-copy-stack article{padding:24px;border:1px solid #d9e4ed;border-radius:18px;background:#fff}
.product-detail-deck .product-feature-grid article>span,.product-detail-deck .product-workflow-grid article>span{display:block;margin-bottom:18px;color:#0b78ba;font-size:12px;font-weight:800;letter-spacing:.1em}
.product-detail-deck .product-feature-grid h3,.product-detail-deck .product-workflow-grid h3,.product-detail-deck .product-copy-stack h3{margin:0 0 10px;color:#102d46;font-size:19px;line-height:1.35}
.product-detail-deck .product-feature-grid p,.product-detail-deck .product-workflow-grid p,.product-detail-deck .product-copy-stack p{margin:0;color:#62788b;line-height:1.78}
.product-detail-deck .product-copy-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}
.product-detail-deck .product-table-wrap{margin-top:28px;overflow-x:auto;border:1px solid #d9e4ed;border-radius:18px;background:#fff}
.product-detail-deck .product-copy-table{width:100%;border-collapse:collapse;min-width:680px}
.product-detail-deck .product-copy-table th,.product-detail-deck .product-copy-table td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #e7edf2;color:#526b7f;line-height:1.65}
.product-detail-deck .product-copy-table th{background:#f2f6f9;color:#14344f;font-size:13px;font-weight:800}
.product-detail-deck .product-copy-table tbody tr:last-child td{border-bottom:0}
.product-detail-deck .product-copy-table strong{color:#0b5f96}
.product-detail-deck .product-evidence-note{margin:14px 0 0;color:#75899a;font-size:12.5px;line-height:1.6}
.product-detail-deck .product-risk-note{color:#986613}
.product-detail-deck .product-scope-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.product-detail-deck .product-scope-line span{padding:9px 13px;border:1px solid #d4e0e9;border-radius:999px;background:#fff;color:#365a74;font-size:13px;font-weight:650}
.product-detail-deck .product-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.product-detail-deck .product-deployment-steps article,.product-detail-deck .product-tech-steps article{background:#f8fbfd}
@media(max-width:1100px){.product-detail-deck .product-metric-grid-4,.product-detail-deck .product-feature-grid-4,.product-detail-deck .product-feature-grid-5,.product-detail-deck .product-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.product-detail-deck .product-feature-grid-3,.product-detail-deck .product-feature-grid-2,.product-detail-deck .product-copy-stack{grid-template-columns:1fr}.product-detail-deck .product-metric-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.product-detail-deck .product-metric-grid-4,.product-detail-deck .product-feature-grid-4,.product-detail-deck .product-feature-grid-5,.product-detail-deck .product-workflow-grid{grid-template-columns:1fr}}

.home-product-data-note{margin:12px 0 0;color:#7b8e9e;font-size:12px;line-height:1.6}

/* =========================================================
   V19.3.4 — Transparent hero navigation + compact About + footprint QA
   ========================================================= */
:root{--v1934-header-h:64px}
body.home-refined .site-header,
body.company-refined .site-header,
body.company-style-page .site-header,
.site-header{
  position:fixed !important;
  left:0;right:0;top:0;width:100%;
  z-index:9999 !important;
  background:transparent !important;
  border-bottom:1px solid transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:background-color .26s ease,border-color .26s ease,box-shadow .26s ease,backdrop-filter .26s ease;
}
body.home-refined .site-header.is-scrolled,
body.company-refined .site-header.is-scrolled,
body.company-style-page .site-header.is-scrolled,
.site-header.is-scrolled{
  background:rgba(4,30,53,.88) !important;
  border-bottom-color:rgba(161,200,228,.16) !important;
  box-shadow:0 8px 24px rgba(2,18,32,.16) !important;
  backdrop-filter:blur(14px) saturate(118%) !important;
  -webkit-backdrop-filter:blur(14px) saturate(118%) !important;
}
.site-header .main-nav a,
body.home-refined .site-header .main-nav a,
body.company-refined .site-header .main-nav a,
.company-style-page .site-header .main-nav a{
  color:rgba(255,255,255,.90) !important;
  -webkit-text-fill-color:rgba(255,255,255,.90) !important;
}
.site-header .main-nav a:hover,.site-header .main-nav a.active,
body.home-refined .site-header .main-nav a:hover,body.home-refined .site-header .main-nav a.active,
body.company-refined .site-header .main-nav a:hover,body.company-refined .site-header .main-nav a.active{
  color:#fff !important;-webkit-text-fill-color:#fff !important;
}
.site-header .main-nav a:after,
body.home-refined .site-header .main-nav a:after,
body.company-refined .site-header .main-nav a:after{background:#72d8ff !important}
.site-header .brand-logo{filter:none !important}
.site-header .menu-toggle{color:#fff !important;-webkit-text-fill-color:#fff !important}
.site-header .nav-cta{
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  background:rgba(10,105,207,.90) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.site-header.is-scrolled .nav-cta{background:#0867d4 !important}
.site-header .lang-switch{color:#fff !important;background:rgba(255,255,255,.08) !important;border-color:rgba(255,255,255,.22) !important}

/* Fixed header overlays the hero image; keep hero copy below the navigation. */
.company-banner .company-banner-content{padding-top:96px !important}
.product-subnav-wrap{top:var(--v1934-header-h) !important}
body.company-refined .company-tabs{top:var(--v1934-header-h) !important}
body.company-refined #company-profile,
body.company-refined #company-capability,
body.company-refined #company-value,
body.company-refined #company-qualifications,
body.company-refined #company-practice-footprint,
body.company-refined #partners{scroll-margin-top:126px !important}

/* Homepage About: align to the same content boundary as the preceding section and reduce height. */
.home-about-section{padding:38px 0;background:#071f33}
.home-about-grid{
  width:min(1180px,calc(100% - 48px));
  margin-inline:auto;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  min-height:410px;
}
.home-about-media{min-height:410px;border-radius:10px 0 0 10px}
.home-about-media img{min-height:410px}
.home-about-copy{padding:42px 44px 42px 48px}
.home-about-copy .eyebrow{margin-bottom:14px}
.home-about-copy h2{font-size:clamp(30px,2.55vw,44px);line-height:1.18;margin-bottom:18px}
.home-about-copy p{font-size:14.5px;line-height:1.72;margin-bottom:9px}
.home-about-link{min-height:48px;margin-top:14px}

/* Qualification gallery: image-only cards after caption removal. */
.company-qualifications-section .qualification-core-gallery .qualification-media-card{padding-bottom:0}
.company-qualifications-section .qualification-core-gallery .qualification-media-frame{margin-bottom:0}

/* Footprint: make the domestic/overseas split and regional disclaimer explicit. */
.practice-footprint-head-v1915>p{max-width:650px}
.footprint-map-title-v1928 small{
  display:block;margin-top:6px;color:rgba(210,235,250,.70);font-size:10px;line-height:1.4;letter-spacing:.04em;font-weight:500
}

/* Guard against accidental horizontal overflow. */
html,body{max-width:100%;overflow-x:clip}
img,svg{max-width:100%}

@media(max-width:900px){
  .site-header .main-nav{background:#fff !important;border-top:1px solid #e1e8ef !important;box-shadow:0 14px 28px rgba(4,28,48,.12)}
  .site-header .main-nav a,
  body.home-refined .site-header .main-nav a,
  body.company-refined .site-header .main-nav a,
  .company-style-page .site-header .main-nav a{color:#25384b !important;-webkit-text-fill-color:#25384b !important}
  .site-header .main-nav a:hover,.site-header .main-nav a.active{color:#075ec7 !important;-webkit-text-fill-color:#075ec7 !important}
  .home-about-section{padding:30px 0}
  .home-about-grid{grid-template-columns:1fr;width:min(100% - 40px,1180px);min-height:0}
  .home-about-media,.home-about-media img{min-height:300px}
  .home-about-media{border-radius:9px 9px 0 0}
  .home-about-copy{padding:34px 30px 36px}
  .home-about-copy h2{font-size:30px;margin-bottom:15px}
}
@media(max-width:720px){
  :root{--v1934-header-h:60px}
  .company-banner .company-banner-content{padding-top:84px !important;padding-bottom:22px !important}
  .product-subnav-wrap{top:60px !important}
  body.company-refined .company-tabs{top:60px !important}
  body.company-refined #company-profile,
  body.company-refined #company-capability,
  body.company-refined #company-value,
  body.company-refined #company-qualifications,
  body.company-refined #company-practice-footprint,
  body.company-refined #partners{scroll-margin-top:114px !important}
  .home-about-section{padding:22px 0}
  .home-about-grid{width:calc(100% - 32px)}
  .home-about-media,.home-about-media img{min-height:220px}
  .home-about-copy{padding:28px 20px 30px}
  .home-about-copy .eyebrow{margin-bottom:10px}
  .home-about-copy h2{font-size:27px;line-height:1.2;margin-bottom:13px}
  .home-about-copy p{font-size:14px;line-height:1.66;margin-bottom:7px}
  .home-about-link{min-height:46px;margin-top:12px}
  .practice-footprint-head-v1915>p{font-size:13px;line-height:1.7}
  .footprint-map-title-v1928 small{font-size:9px;max-width:150px}
}


/* =========================================================
   V19.3.5 — Brighter enterprise palette + micro-copy cleanup
   ========================================================= */
:root{
  --navy:#0b3e68;
  --navy2:#115486;
  --blue:#1688ec;
  --cyan:#42d6ef;
  --mint:#62e8c8;
  --bg:#f8fbfe;
  --bg2:#eef6fc;
  --line:#d7e6f1;
  --ink:#12314d;
  --muted:#61788d;
  --accent:#1688ec;
  --brand-navy:#0b426f;
  --brand-navy-deep:#083457;
  --brand-blue:#1684e8;
  --brand-blue-hover:#0d72cf;
  --brand-cyan:#55d8ea;
  --brand-ink:#103653;
  --brand-text:#3b556b;
  --brand-muted:#698093;
  --brand-line:#d8e6f0;
  --brand-soft:#f7fbfe;
  --brand-card:#fff;
  --brand-shadow:0 8px 26px rgba(21,76,116,.06);
}
body{background:#fff;color:var(--brand-text)}
.section{background:#fff}
.section.soft{background:#f5faff}
.section.dark,.arch-section{
  background:linear-gradient(145deg,#0b3d67 0%,#0f568b 58%,#1677b6 100%) !important;
}
.hero{
  background:
    radial-gradient(circle at 76% 16%,rgba(84,220,244,.30),transparent 27%),
    radial-gradient(circle at 16% 86%,rgba(80,224,192,.20),transparent 22%),
    linear-gradient(128deg,#0a3155 0%,#0d4c7f 36%,#126baa 70%,#1788d5 100%) !important;
}
.company-banner:before{background:linear-gradient(90deg,rgba(5,39,68,.78) 0%,rgba(7,58,96,.62) 42%,rgba(12,80,128,.26) 100%) !important}
.home-about-section{background:#0b416c !important}
.home-about-copy{background:linear-gradient(145deg,#0d4a78,#116396) !important}
.home-about-copy p{color:rgba(240,249,255,.86) !important}
.home-about-link{border-color:rgba(255,255,255,.26) !important}
.product-detail-deck .product-metric-card{background:linear-gradient(145deg,#fafdff,#eef7fd) !important;border-color:#cfe2f0 !important}
.product-detail-deck .product-feature-grid article,
.product-detail-deck .product-workflow-grid article,
.product-detail-deck .product-copy-stack article,
.product-detail-deck .product-table-wrap{border-color:#d5e5ef !important;box-shadow:0 8px 24px rgba(19,77,116,.045)}
.product-detail-deck .product-copy-table th{background:#edf6fc !important;color:#174b70 !important}
.product-detail-deck .product-scope-line span{background:#f9fcff !important;border-color:#cfe0eb !important;color:#2e678d !important}
.products-card,.solution-card,.service-item-v1914,.qualification-media-card,.footprint-region-card-v1915{box-shadow:0 8px 26px rgba(22,78,116,.055) !important}
.footprint-map-main-v1928{background:linear-gradient(145deg,#0c416c,#0f5e91) !important}
.footprint-map-shape-v1928{fill:url(#mapFillV1928)}
.footprint-region-card-v1915:hover,.footprint-region-card-v1915:focus-visible,.footprint-region-card-v1915.is-active{background:#f7fcff !important;border-color:#7fc4eb !important}
.site-header.is-scrolled,
body.home-refined .site-header.is-scrolled,
body.company-refined .site-header.is-scrolled,
body.company-style-page .site-header.is-scrolled{
  background:rgba(8,55,91,.86) !important;
  border-bottom-color:rgba(182,224,249,.20) !important;
  box-shadow:0 8px 24px rgba(4,40,67,.13) !important;
}
.site-header .nav-cta{background:rgba(23,132,232,.94) !important}
.site-header.is-scrolled .nav-cta{background:#1684e8 !important}
.btn-primary,.submit-btn{background:#1684e8 !important;box-shadow:0 10px 26px rgba(22,132,232,.18)}
.btn-primary:hover,.submit-btn:hover{background:#0d72cf !important}
.cta-band{background:linear-gradient(115deg,#0d4f82,#1476b7) !important}
footer,.site-footer{background:#092f50 !important}

/* No visible helper notes / disclaimer micro-copy. */
.product-evidence-note,.product-risk-note,.home-product-data-note,.hero-demo-note,.form-note,.practice-note{display:none !important}

@media(max-width:900px){
  .site-header .main-nav{background:#fafdff !important;border-top-color:#d9e8f2 !important}
}


/* V19.3.6 — Customer distribution section uses generated dynamic footprint artwork */
.practice-footprint-layout-v1936{
  display:block;
}
.footprint-stage-v1936{
  position:relative;
  width:100%;
  aspect-ratio:3 / 2;
  min-height:420px;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(112,152,194,.22);
  background:linear-gradient(180deg,#f7fbff 0%,#edf4fb 100%);
  box-shadow:0 14px 42px rgba(19,76,126,.08);
}
.footprint-stage-v1936::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,0) 40%);
  pointer-events:none;
  z-index:2;
}
.footprint-stage-image-v1936{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.01);
  animation:footprintStageFadeV1936 12s infinite ease-in-out;
}
.footprint-stage-image-v1936.is-a{animation-delay:0s}
.footprint-stage-image-v1936.is-b{animation-delay:4s}
.footprint-stage-image-v1936.is-c{animation-delay:8s}
@keyframes footprintStageFadeV1936{
  0%{opacity:0;transform:scale(1.03)}
  6%{opacity:1;transform:scale(1)}
  27%{opacity:1;transform:scale(1)}
  33%{opacity:0;transform:scale(1.02)}
  100%{opacity:0;transform:scale(1.03)}
}
@media (prefers-reduced-motion: reduce){
  .footprint-stage-image-v1936{animation:none;opacity:0}
  .footprint-stage-image-v1936.is-a{opacity:1}
}
@media (max-width: 1024px){
  .footprint-stage-v1936{min-height:360px;border-radius:20px}
}
@media (max-width: 640px){
  .footprint-stage-v1936{min-height:250px;border-radius:16px}
}


/* V19.3.7 — Smaller footprint visual + stronger hero background + simplified core product cards */
.footprint-stage-v1936{
  width:min(100%,1080px);
  margin:0 auto;
  aspect-ratio:16 / 9;
  min-height:340px;
}
@media (max-width: 1024px){
  .footprint-stage-v1936{width:min(100%,920px);min-height:300px}
}
@media (max-width: 640px){
  .footprint-stage-v1936{width:100%;min-height:220px}
}

.home-hero.hero-immersive{
  background:
    linear-gradient(90deg,rgba(3,24,43,.90) 0%,rgba(3,24,43,.82) 30%,rgba(3,24,43,.46) 56%,rgba(3,24,43,.14) 76%,rgba(3,24,43,.08) 100%),
    linear-gradient(180deg,rgba(3,24,43,.08) 0%,rgba(3,24,43,.04) 45%,rgba(3,24,43,.32) 100%),
    url("../images/hero-port-photo-v17.webp") center 52%/cover no-repeat;
}
.home-hero.hero-immersive .hero-ops-layer{
  position:absolute;
  inset:0;
  min-height:100%;
  border-radius:22px;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(5,19,34,.10) 0%,rgba(5,19,34,.28) 100%),
    url("../images/hero-port-photo-v17.webp") center center/cover no-repeat;
  box-shadow:0 24px 56px rgba(7,28,47,.18);
}
.home-hero.hero-immersive .hero-ops-layer::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,19,33,.08) 0%,rgba(2,19,33,.18) 30%,rgba(2,19,33,.42) 100%);
  pointer-events:none;
}
.home-hero.hero-immersive .hero-mini-card,
.home-hero.hero-immersive .hero-operations-panel{z-index:1}

.home-products .visual-product-card>div{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.home-products .visual-product-card h3{
  margin:0;
}
.home-products .visual-product-card span,
.home-products .visual-product-card p{display:none !important}


/* V19.3.8 — Full-width hero background image and no right-side hero content */
.home-hero.hero-immersive{
  min-height:700px;
  height:min(820px,calc(100vh - 64px));
  background:
    linear-gradient(90deg,rgba(4,22,39,.78) 0%,rgba(4,22,39,.72) 22%,rgba(4,22,39,.56) 42%,rgba(4,22,39,.32) 64%,rgba(4,22,39,.16) 100%),
    linear-gradient(180deg,rgba(6,22,36,.12) 0%,rgba(6,22,36,.10) 52%,rgba(6,22,36,.32) 100%),
    url("../images/hero-port-photo-v17.webp") center center / cover no-repeat;
}
.home-hero.hero-immersive:before{
  background-image:
    linear-gradient(rgba(119,188,230,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(119,188,230,.03) 1px,transparent 1px);
}
.home-hero.hero-immersive .hero-ambient{
  background:
    radial-gradient(circle at 78% 24%,rgba(78,173,233,.18),transparent 24%),
    radial-gradient(circle at 86% 60%,rgba(64,156,224,.10),transparent 18%),
    radial-gradient(circle at 60% 82%,rgba(38,207,227,.08),transparent 16%);
}
.home-hero.hero-immersive .hero-grid{
  width:min(1320px,calc(100% - 88px));
  grid-template-columns:minmax(0,1fr);
  gap:0;
  align-items:center;
  justify-items:start;
  padding:86px 0 72px;
}
.home-hero.hero-immersive .v16-hero-copy{
  max-width:760px;
  padding:0;
}
.home-hero.hero-immersive .v16-hero-copy>p{
  max-width:720px;
}
.home-hero.hero-immersive .v16-proof{
  max-width:740px;
}
.home-hero.hero-immersive .hero-side,
.home-hero.hero-immersive .hero-ops-layer,
.home-hero.hero-immersive .hero-operations-panel,
.home-hero.hero-immersive .hero-mini-card,
.home-hero.hero-immersive .hero-demo-note{
  display:none !important;
}
@media (max-width:1180px){
  .home-hero.hero-immersive{
    min-height:660px;
    height:auto;
  }
  .home-hero.hero-immersive .hero-grid{
    width:min(100% - 52px,1120px);
    grid-template-columns:1fr;
    padding:80px 0 64px;
  }
  .home-hero.hero-immersive .v16-hero-copy{
    max-width:700px;
  }
}
@media (max-width:900px){
  .home-hero.hero-immersive{
    min-height:auto;
    height:auto;
    background-position:62% center;
  }
  .home-hero.hero-immersive .hero-grid{
    width:min(100% - 36px,760px);
    padding:72px 0 48px;
  }
  .home-hero.hero-immersive .v16-hero-copy{max-width:640px;}
}
@media (max-width:640px){
  .home-hero.hero-immersive .hero-grid{
    width:calc(100% - 28px);
    padding:58px 0 38px;
  }
  .home-hero.hero-immersive .v16-hero-copy{max-width:100%;}
  .home-hero.hero-immersive .v16-proof{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:24px;
    padding-top:18px;
  }
}


/* V19.3.9 — Stronger photoreal hero background + swapped CTA order */
.home-hero.hero-immersive{
  background:
    linear-gradient(90deg,rgba(5,24,41,.62) 0%,rgba(5,24,41,.56) 20%,rgba(5,24,41,.42) 38%,rgba(5,24,41,.20) 62%,rgba(5,24,41,.10) 100%),
    linear-gradient(180deg,rgba(6,24,40,.08) 0%,rgba(6,24,40,.08) 56%,rgba(6,24,40,.24) 100%),
    url("../images/hero-port-photo-v17.webp") center center / cover no-repeat;
}
.home-hero.hero-immersive .hero-ambient{
  background:
    radial-gradient(circle at 74% 22%,rgba(58,173,239,.12),transparent 24%),
    radial-gradient(circle at 86% 62%,rgba(34,140,214,.07),transparent 18%);
}
.home-hero.hero-immersive .hero-grid{
  width:min(1320px,calc(100% - 88px));
}
.home-hero.hero-immersive .v16-hero-copy{
  max-width:760px;
}
.home-hero.hero-immersive .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
@media (max-width:900px){
  .home-hero.hero-immersive{
    background-position:60% center;
  }
}
@media (max-width:640px){
  .home-hero.hero-immersive{
    background-position:64% center;
  }
  .home-hero.hero-immersive .hero-actions{
    gap:12px;
  }
}


/* V19.3.10 — Seven unified core products */
.home-products .visual-product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
@media (max-width:900px){.home-products .visual-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:560px){.home-products .visual-product-grid{grid-template-columns:1fr !important;}}


/* V19.3.11 — Core product cards; smart dispatch and EDI moved to extended capabilities */
.home-products .visual-product-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
@media (max-width:1180px){.home-products .visual-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:760px){.home-products .visual-product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:560px){.home-products .visual-product-grid{grid-template-columns:1fr !important;}}


/* =========================================================
   V19.4 — Source-grounded final website system
   ========================================================= */
:root{
  --navy:#0a3d66;
  --navy2:#115989;
  --blue:#1788ea;
  --cyan:#35cbe7;
  --bg:#f6fafe;
  --bg2:#edf5fb;
  --line:#d8e7f1;
  --ink:#10344f;
  --muted:#637c90;
  --brand-navy:#0a426f;
  --brand-navy-deep:#073454;
  --brand-blue:#1686e8;
  --brand-blue-hover:#0d72c9;
  --brand-cyan:#4dd4e8;
  --brand-ink:#0e3553;
  --brand-text:#3a556a;
  --brand-muted:#687f91;
  --brand-line:#d8e5ef;
  --brand-soft:#f7fbfe;
  --brand-radius:14px;
  --brand-shadow:0 10px 30px rgba(22,75,112,.055);
}
.container{width:min(1180px,calc(100% - 48px))}
.section{padding-top:76px;padding-bottom:76px}
.section-head{margin-bottom:32px}
.section-head h2{letter-spacing:-.025em}
.card,.product-detail-deck .product-feature-grid article,.product-detail-deck .product-workflow-grid article,.project-capability-grid-v194 article,.company-audience-grid-v194 article{
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(18,74,111,.045)!important;
}
/* Real project-domain photography becomes the primary visual language. */
.home-hero.hero-immersive{
  background:
    linear-gradient(90deg,rgba(4,30,51,.82) 0%,rgba(4,30,51,.73) 27%,rgba(4,30,51,.48) 50%,rgba(4,30,51,.20) 72%,rgba(4,30,51,.10) 100%),
    linear-gradient(180deg,rgba(4,30,51,.08),rgba(4,30,51,.26)),
    url("../images/source-2026/terminal-aerial-real.webp") center 54%/cover no-repeat!important;
  min-height:680px;
}
.home-hero.hero-immersive .hero-grid{width:min(1180px,calc(100% - 48px));padding:88px 0 68px}
.home-hero.hero-immersive .v16-hero-copy{max-width:780px}
.home-hero.hero-immersive h1{font-size:clamp(48px,5.1vw,72px);line-height:1.06;max-width:800px}
.home-hero.hero-immersive .v16-hero-copy>p{max-width:740px;font-size:17px;line-height:1.82}
.home-hero.hero-immersive .v16-proof{max-width:760px}
.home-hero.hero-immersive .v16-proof strong{font-size:24px}
.home-hero.hero-immersive .v16-proof span{font-size:12px;color:#c0d7e7}
/* Source photo page banners */
.banner-products,.banner-solutions,.banner-services,.banner-company{
  background-image:linear-gradient(90deg,rgba(5,47,78,.82),rgba(5,47,78,.50) 56%,rgba(5,47,78,.16)),url("../images/source-2026/terminal-wide-real.webp")!important;
  background-size:cover!important;background-position:center 48%!important;
}
.banner-product-tos{
  background-image:linear-gradient(90deg,rgba(5,47,78,.84),rgba(5,47,78,.46) 58%,rgba(5,47,78,.18)),url("../images/source-2026/terminal-aerial-real.webp")!important;
  background-size:cover!important;background-position:center 50%!important;
}
.standard-page-banner,.banner-company{min-height:440px}
.company-banner-content{max-width:800px}
.company-banner-content>p{max-width:760px}
.solution-preview-grid-v194{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.solution-preview-grid-v194 .solution-tile{min-height:255px;padding:26px 22px}
.solution-preview-grid-v194 .solution-tile p{font-size:13px;line-height:1.72}
.project-capability-grid-v194{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-capability-grid-v194 article{background:#fff;border:1px solid var(--brand-line);padding:25px 24px}
.project-capability-grid-v194 h3{margin:0 0 10px;color:var(--brand-ink);font-size:18px}
.project-capability-grid-v194 p{margin:0;color:var(--brand-muted);font-size:14px;line-height:1.75}
.company-audience-grid-v194{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.company-audience-grid-v194 article{background:#fff;border:1px solid var(--brand-line);padding:24px}
.company-audience-grid-v194 h3{margin:0 0 10px;font-size:18px;color:var(--brand-ink)}
.company-audience-grid-v194 p{margin:0;font-size:14px;color:var(--brand-muted);line-height:1.75}
.value-grid-five-v194{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.value-grid-five-v194 article{padding:22px 20px}
.value-grid-five-v194 h3{font-size:17px}
.value-grid-five-v194 p{font-size:13px;line-height:1.7}
.product-copy-stack-3-v194{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.delivery-grid-v194{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px}
.delivery-grid-v194 .delivery-step-v12{min-height:210px}
.product-detail-deck .product-feature-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.product-detail-deck .product-feature-grid-5 article{padding:22px 18px}
.product-detail-deck .product-feature-grid-5 h3{font-size:17px}
.product-detail-deck .product-feature-grid-5 p{font-size:13px;line-height:1.68}
/* Keep distribution visual prominent but not oversized. */
.footprint-stage-v1936{width:min(100%,980px)!important;min-height:310px!important;aspect-ratio:16/9!important;border-radius:18px!important}
/* Keep microcopy removed; core information uses normal body text. */
.product-evidence-note,.product-risk-note,.home-product-data-note,.hero-demo-note,.form-note,.practice-note{display:none!important}
@media(max-width:1180px){
  .solution-preview-grid-v194{grid-template-columns:repeat(3,minmax(0,1fr))}
  .value-grid-five-v194{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .container{width:min(100% - 36px,760px)}
  .section{padding-top:58px;padding-bottom:58px}
  .project-capability-grid-v194,.company-audience-grid-v194,.delivery-grid-v194{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-copy-stack-3-v194{grid-template-columns:1fr!important}
  .product-detail-deck .product-feature-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero.hero-immersive{background-position:62% center!important}
  .home-hero.hero-immersive h1{font-size:clamp(40px,8vw,58px)}
}
@media(max-width:640px){
  .container{width:calc(100% - 28px)}
  .section{padding-top:44px;padding-bottom:44px}
  .solution-preview-grid-v194,.project-capability-grid-v194,.company-audience-grid-v194,.value-grid-five-v194,.delivery-grid-v194{grid-template-columns:1fr!important}
  .home-hero.hero-immersive{min-height:auto;background-position:66% center!important}
  .home-hero.hero-immersive .hero-grid{width:calc(100% - 28px);padding:62px 0 42px}
  .home-hero.hero-immersive h1{font-size:clamp(37px,11vw,50px)}
  .product-detail-deck .product-feature-grid-5{grid-template-columns:1fr}
  .footprint-stage-v1936{min-height:220px!important}
}


/* =========================================================
   V19.4.1 — Homepage scenario solution cards redesign
   ========================================================= */
.home-scenarios-redesign-v1941{
  padding:82px 0 96px;
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.home-scenarios-redesign-v1941 .container{width:min(1460px,calc(100% - 60px));}
.scenario-heading-v1941{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);
  gap:56px;
  align-items:start;
  margin-bottom:36px;
}
.scenario-heading-title-v1941{position:relative;}
.scenario-heading-title-v1941:after{
  content:"";display:block;width:54px;height:6px;border-radius:999px;
  background:linear-gradient(90deg,#2879fb,#7ab6ff 70%,rgba(122,182,255,.15) 100%);
  margin-top:18px;box-shadow:14px 0 0 rgba(122,182,255,.12),28px 0 0 rgba(122,182,255,.06);
}
.scenario-heading-v1941 h2{
  margin:0; color:#07203d; font-size:clamp(34px,3vw,54px); line-height:1.16; letter-spacing:-.04em;
}
.scenario-heading-v1941 p{
  margin:0; max-width:640px; color:#667b91; font-size:16px; line-height:1.9;
}
.scenario-grid-v1941{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;}
.scenario-card-v1941{
  position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:382px;
  grid-column:span 2;padding:28px 34px 28px;border-radius:20px;text-decoration:none;
  border:1px solid rgba(145,174,205,.26);
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,251,255,.98) 100%);
  box-shadow:0 10px 32px rgba(20,62,111,.06); transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.scenario-card-v1941:nth-child(4){grid-column:2 / span 2;}
.scenario-card-v1941:nth-child(5){grid-column:4 / span 2;}
.scenario-card-v1941:hover{transform:translateY(-4px);box-shadow:0 18px 46px rgba(20,62,111,.10);border-color:rgba(85,140,205,.36);}
.scenario-card-v1941:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(232,241,252,.10));
}
.scenario-card-v1941:after{
  content:"";position:absolute;right:-8px;bottom:-2px;width:46%;height:54%;opacity:.18;
  background-position:right bottom;background-size:contain;background-repeat:no-repeat;
  filter:grayscale(1) brightness(1.2) contrast(.95);
  mix-blend-mode:multiply;pointer-events:none;
}
.scenario-port-v1941:after{background-image:url("../images/hero-port-photo-v17.webp");}
.scenario-yard-v1941:after{background-image:url("../images/yos-yard-photo-v17.webp");}
.scenario-rail-v1941:after{background-image:url("../images/product-yos-hero-v17.webp");}
.scenario-logistics-v1941:after{background-image:url("../images/yos-yard-photo-v17.webp");opacity:.14;}
.scenario-card-top-v1941{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;}
.scenario-no-v1941{color:#2f78ea;font-size:22px;font-weight:800;letter-spacing:-.02em;}
.scenario-en-v1941{color:#8ca0b7;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-align:right;}
.scenario-card-v1941 h3{position:relative;z-index:1;margin:0 0 14px;color:#061f3b;font-size:28px;line-height:1.2;letter-spacing:-.02em;}
.scenario-card-v1941>p{position:relative;z-index:1;margin:0 0 24px;max-width:76%;color:#5f7388;font-size:15px;line-height:1.72;}
.scenario-product-label-v1941{position:relative;z-index:1;margin-bottom:6px;color:#2b7bef;font-size:13px;font-weight:800;}
.scenario-product-name-v1941{position:relative;z-index:1;display:block;margin-bottom:14px;color:#071f3a;font-size:18px;line-height:1.45;font-weight:800;max-width:72%;}
.scenario-tags-v1941{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;max-width:70%;}
.scenario-tags-v1941 span{padding:8px 14px;border:1px solid rgba(80,134,221,.45);border-radius:999px;background:rgba(242,248,255,.92);color:#3680ea;font-size:13px;font-weight:700;line-height:1;}
.scenario-card-v1941 b{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(28,88,153,.12);color:#1872e8;font-size:16px;font-weight:800;}
.scenario-card-v1941 b span{display:inline-block;transition:transform .24s ease;font-size:18px;}
.scenario-card-v1941:hover b span{transform:translateX(3px);}
@media (max-width:1360px){
  .home-scenarios-redesign-v1941 .container{width:min(1240px,calc(100% - 44px));}
  .scenario-card-v1941{min-height:368px;padding:26px 28px;}
  .scenario-card-v1941 h3{font-size:25px;}
  .scenario-card-v1941>p,.scenario-product-name-v1941,.scenario-tags-v1941{max-width:76%;}
}
@media (max-width:1120px){
  .home-scenarios-redesign-v1941{padding:72px 0 80px;}
  .scenario-heading-v1941{grid-template-columns:1fr;gap:20px;}
  .scenario-grid-v1941{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
  .scenario-card-v1941,.scenario-card-v1941:nth-child(4),.scenario-card-v1941:nth-child(5){grid-column:auto;min-height:350px;}
  .scenario-card-v1941>p,.scenario-product-name-v1941,.scenario-tags-v1941{max-width:82%;}
}
@media (max-width:760px){
  .home-scenarios-redesign-v1941 .container{width:calc(100% - 28px);}
  .scenario-heading-v1941 h2{font-size:33px;}
  .scenario-heading-v1941 p{font-size:14px;line-height:1.8;}
  .scenario-grid-v1941{grid-template-columns:1fr;gap:14px;}
  .scenario-card-v1941,.scenario-card-v1941:nth-child(4),.scenario-card-v1941:nth-child(5){min-height:332px;padding:24px 22px 24px;}
  .scenario-card-v1941:after{width:44%;height:40%;opacity:.18;}
  .scenario-card-v1941 h3{font-size:24px;}
  .scenario-card-v1941>p,.scenario-product-name-v1941,.scenario-tags-v1941{max-width:100%;}
  .scenario-tags-v1941 span{font-size:12px;padding:7px 12px;}
  .scenario-card-v1941 b{font-size:15px;}
}


/* =========================================================
   V19.4.4 — Scenario cards spacing and height refinement
   ========================================================= */
.home-scenarios-replica-v1943{
  padding: 72px 0 78px;
  background: linear-gradient(180deg,#f7f9fc 0%,#f7fbff 100%);
}
.home-scenarios-replica-v1943 .container{
  width: min(1160px, calc(100% - 88px));
  margin: 0 auto;
}
.scenario-head-v1943{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  gap:32px;
  align-items:start;
  margin-bottom:32px;
}
.scenario-head-main-v1943 h2{
  margin:0;
  color:#081f3d;
  font-size:clamp(34px,3.05vw,54px);
  line-height:1.16;
  letter-spacing:-.045em;
  font-weight:800;
}
.scenario-head-v1943 p{
  margin:6px 0 0;
  color:#6e7f94;
  font-size:14px;
  line-height:1.9;
  font-weight:600;
  max-width:560px;
}
.scenario-head-accent-v1943{width:88px;height:10px;margin-top:16px;position:relative;}
.scenario-head-accent-v1943::before{
  content:"";position:absolute;left:0;top:2px;width:42px;height:6px;border-radius:999px;background:#347dff;
}
.scenario-head-accent-v1943::after{
  content:"";position:absolute;left:51px;top:3px;width:34px;height:4px;border-radius:999px;
  background:radial-gradient(circle at 2px 2px, rgba(52,125,255,.25) 1.6px, transparent 2px) left center/8px 4px repeat-x;
}
.scenario-grid-v1943{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
.scenario-card-v1943{
  position:relative;
  grid-column:auto;
  min-height:326px;
  padding:22px 24px 20px;
  overflow:hidden;
  border-radius:16px;
  border:1px solid rgba(214,224,238,.92);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.95));
  box-shadow:0 8px 20px rgba(26,59,100,.045);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.scenario-card-v1943:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(26,59,100,.08);
  border-color:rgba(166,192,225,.96);
}
.scenario-top-v1943{
  display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:12px; position:relative; z-index:2;
}
.scenario-no-v1943{
  color:#377dff; font-size:24px; line-height:1; font-weight:800; letter-spacing:-.03em;
}
.scenario-en-v1943{
  color:#93a4ba; font-size:10.5px; line-height:1.2; font-weight:700; letter-spacing:.035em; text-transform:uppercase; text-align:right; padding-top:4px;
}
.scenario-card-v1943 h3{
  margin:0 0 10px; color:#0b2240; font-size:22px; line-height:1.18; letter-spacing:-.025em; font-weight:800; position:relative; z-index:2;
}
.scenario-card-v1943 > p{
  margin:0 0 16px; max-width:64%; color:#63788f; font-size:14px; line-height:1.64; font-weight:600; position:relative; z-index:2;
}
.scenario-core-v1943{
  color:#3c82ff; font-size:12px; font-weight:800; line-height:1.25; margin-bottom:5px; position:relative; z-index:2;
}
.scenario-product-v1943{
  color:#081f3d; font-size:16px; line-height:1.34; font-weight:800; margin-bottom:12px; max-width:66%; position:relative; z-index:2;
}
.scenario-tags-v1943{
  display:flex; flex-wrap:wrap; gap:8px; max-width:74%; position:relative; z-index:2;
}
.scenario-tags-v1943 span{
  padding:6px 11px; border:1px solid rgba(121,166,245,.72); border-radius:999px; color:#5190ff; background:rgba(255,255,255,.74); font-size:11px; line-height:1; font-weight:700; white-space:nowrap;
}
.scenario-cta-v1943{
  margin-top:auto; padding-top:14px; border-top:1px solid rgba(220,228,239,.95); color:#2d7aff; font-size:14px; line-height:1.2; font-weight:800; display:flex; align-items:center; gap:7px; position:relative; z-index:2;
}
.scenario-cta-v1943 span{font-size:16px; transition:transform .22s ease;}
.scenario-card-v1943:hover .scenario-cta-v1943 span{transform:translateX(2px);}
.scenario-art-v1943{
  position:absolute; right:0; bottom:0; max-width:46%; height:auto; pointer-events:none; user-select:none; z-index:1; opacity:.92;
}
.scenario-art-port-v1943{right:4px; bottom:1px; width:172px;}
.scenario-art-yard-v1943{right:0; bottom:0; width:188px;}
.scenario-art-rail-v1943{right:0; bottom:0; width:205px;}
.scenario-art-logistics-v1943{right:14px; bottom:0; width:220px;}
@media (max-width:1400px){
  .home-scenarios-replica-v1943 .container{width:min(1120px, calc(100% - 72px));}
  .scenario-head-v1943{grid-template-columns:minmax(0,1fr) minmax(340px,.88fr); gap:28px;}
  .scenario-card-v1943{padding:22px 22px 20px; min-height:318px;}
  .scenario-card-v1943 > p,.scenario-product-v1943{max-width:68%;}
  .scenario-tags-v1943{max-width:78%;}
  .scenario-art-port-v1943{width:160px;}
  .scenario-art-yard-v1943{width:176px;}
  .scenario-art-rail-v1943{width:190px;}
  .scenario-art-logistics-v1943{width:204px;}
}
@media (max-width:1120px){
  .home-scenarios-replica-v1943{padding:60px 0 68px;}
  .scenario-head-v1943{grid-template-columns:1fr; gap:12px; margin-bottom:22px;}
  .scenario-head-v1943 p{margin-top:0; max-width:760px;}
  .scenario-grid-v1943{grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px;}
  .scenario-card-v1943{grid-column:auto;}
  .scenario-card-v1943{min-height:318px;}
}
@media (max-width:720px){
  .home-scenarios-replica-v1943{padding:46px 0 54px;}
  .home-scenarios-replica-v1943 .container{width:calc(100% - 24px);}
  .scenario-head-main-v1943 h2{font-size:30px;}
  .scenario-head-v1943 p{font-size:13px; line-height:1.78;}
  .scenario-grid-v1943{grid-template-columns:1fr; gap:14px;}
  .scenario-card-v1943{min-height:312px; padding:20px 18px 18px;}
  .scenario-no-v1943{font-size:22px;}
  .scenario-card-v1943 h3{font-size:22px;}
  .scenario-card-v1943>p,.scenario-product-v1943,.scenario-tags-v1943{max-width:100%;}
  .scenario-art-v1943{opacity:.20; max-width:38%;}
  .scenario-top-v1943{margin-bottom:10px;}
  .scenario-tags-v1943{gap:7px;}
}


/* =========================================================
   V19.4.6 — Homepage grid alignment + hero copy refinement
   ========================================================= */
/* Scenario section uses the same 1180px content grid as adjacent homepage sections. */
.home-scenarios-replica-v1943{
  padding-top:82px;
  padding-bottom:78px;
}
.home-scenarios-replica-v1943 .container{
  width:min(1180px,calc(100% - 48px));
  margin-left:auto;
  margin-right:auto;
}
.scenario-head-v1943{
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  gap:40px;
  margin-bottom:32px;
}
.scenario-head-main-v1943 h2{
  font-size:clamp(32px,2.65vw,42px);
}
.scenario-head-v1943 p{
  justify-self:end;
  width:100%;
  max-width:520px;
}
@media (max-width:1400px){
  .home-scenarios-replica-v1943 .container{
    width:min(1180px,calc(100% - 48px));
  }
}
@media (max-width:1120px){
  .home-scenarios-replica-v1943{
    padding-top:68px;
    padding-bottom:68px;
  }
  .home-scenarios-replica-v1943 .container{
    width:min(100% - 40px,1180px);
  }
  .scenario-head-v1943{
    grid-template-columns:1fr;
    gap:14px;
  }
  .scenario-head-v1943 p{
    justify-self:start;
    max-width:720px;
  }
}
@media (max-width:720px){
  .home-scenarios-replica-v1943{
    padding-top:54px;
    padding-bottom:58px;
  }
  .home-scenarios-replica-v1943 .container{
    width:calc(100% - 28px);
  }
}

/* Hero copy hierarchy */
.home-hero.hero-immersive .hero-experience-v1946{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
  color:#43cfe0;
  font-size:14px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.04em;
  text-shadow:0 0 14px rgba(67,207,224,.28);
}
.home-hero.hero-immersive .hero-experience-v1946::before{
  content:"";
  flex:0 0 24px;
  width:24px;
  height:2px;
  border-radius:999px;
  background:#43cfe0;
  box-shadow:0 0 10px rgba(67,207,224,.42);
}
.home-hero.hero-immersive .v16-hero-copy{
  max-width:840px;
}
.home-hero.hero-immersive .v16-hero-copy h1{
  max-width:820px;
  font-size:clamp(40px,4vw,48px);
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.home-hero.hero-immersive .v16-hero-copy h1 span,
.home-hero.hero-immersive .v16-hero-copy h1 em{
  display:block;
  color:#fff;
  font-style:normal;
  font-weight:800;
}
.home-hero.hero-immersive .v16-hero-copy h1 .hero-gradient-text{
  display:inline;
  color:#43cfe0;
  background:linear-gradient(90deg,#43cfe0 0%,#9cebf4 56%,#43cfe0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.home-hero.hero-immersive .v16-hero-copy>p{
  max-width:820px;
  margin-top:22px;
  color:#dfe6ed;
  font-size:clamp(16px,1.35vw,18px);
  line-height:1.7;
}
.home-hero.hero-immersive .hero-actions{
  margin-top:30px;
}
.home-hero.hero-immersive .hero-proof-v1946{
  grid-template-columns:1.5fr 1fr .85fr;
  max-width:980px;
  gap:0;
  margin-top:38px;
  padding-top:22px;
}
.home-hero.hero-immersive .hero-proof-v1946>div{
  min-width:0;
  padding-right:28px;
}
.home-hero.hero-immersive .hero-proof-v1946>div+div{
  padding-left:28px;
  border-left:1px solid rgba(255,255,255,.18);
}
.home-hero.hero-immersive .hero-proof-v1946 strong{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-size:15px;
  line-height:1.35;
}
.home-hero.hero-immersive .hero-proof-v1946 span{
  display:block;
  color:rgba(231,242,252,.78);
  font-size:13px;
  line-height:1.65;
}
@media (max-width:900px){
  .home-hero.hero-immersive .hero-proof-v1946{
    grid-template-columns:1fr;
    gap:14px;
    max-width:680px;
  }
  .home-hero.hero-immersive .hero-proof-v1946>div,
  .home-hero.hero-immersive .hero-proof-v1946>div+div{
    padding:0;
    border-left:0;
  }
}
@media (max-width:640px){
  .home-hero.hero-immersive .hero-experience-v1946{
    margin-bottom:14px;
    font-size:14px;
  }
  .home-hero.hero-immersive .v16-hero-copy h1{
    font-size:clamp(40px,10.5vw,42px);
    line-height:1.25;
  }
  .home-hero.hero-immersive .v16-hero-copy>p{
    margin-top:18px;
    font-size:16px;
    line-height:1.7;
  }
  .home-hero.hero-immersive .hero-actions{
    margin-top:24px;
  }
  .home-hero.hero-immersive .hero-proof-v1946{
    margin-top:26px;
    padding-top:18px;
  }
}


/* V19.4.7 — Final homepage hero copy */
.home-hero.hero-immersive .hero-proof-v1947{
  grid-template-columns:1.22fr 1.18fr .82fr;
  max-width:1020px;
}
.home-hero.hero-immersive .hero-proof-v1947 span{
  white-space:normal;
}
@media (max-width:900px){
  .home-hero.hero-immersive .hero-proof-v1947{
    grid-template-columns:1fr;
  }
}


/* V19.4.8 — Four-column hero capability proof */
.home-hero.hero-immersive .v16-hero-copy{
  max-width:960px;
}
.home-hero.hero-immersive .v16-hero-copy h1{
  max-width:940px;
}
.home-hero.hero-immersive .v16-hero-copy>p{
  max-width:820px;
}
.home-hero.hero-immersive .hero-proof-v1948{
  grid-template-columns:1fr 1.22fr 1.16fr 1fr;
  max-width:1180px;
  margin-top:34px;
  padding-top:20px;
}
.home-hero.hero-immersive .hero-proof-v1948>div{
  padding-right:22px;
}
.home-hero.hero-immersive .hero-proof-v1948>div+div{
  padding-left:22px;
}
.home-hero.hero-immersive .hero-proof-v1948 strong{
  margin-bottom:7px;
  font-size:14px;
}
.home-hero.hero-immersive .hero-proof-v1948 span{
  font-size:12.5px;
  line-height:1.62;
}
@media (max-width:1100px){
  .home-hero.hero-immersive .hero-proof-v1948{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:820px;
    row-gap:18px;
  }
  .home-hero.hero-immersive .hero-proof-v1948>div:nth-child(3){
    padding-left:0;
    border-left:0;
  }
}
@media (max-width:700px){
  .home-hero.hero-immersive .hero-proof-v1948{
    grid-template-columns:1fr;
    row-gap:14px;
  }
  .home-hero.hero-immersive .hero-proof-v1948>div,
  .home-hero.hero-immersive .hero-proof-v1948>div+div{
    padding-left:0;
    padding-right:0;
    border-left:0;
  }
}


/* =========================================================
   V19.5.0 — Homepage capability framework redesign
   ========================================================= */
.capability-framework-v1950{
  padding:72px 0 74px;
  background:linear-gradient(180deg,#0b2b49 0%,#0a2946 100%);
  color:#fff;
}
.capability-framework-v1950>.container{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}
.capability-framework-v1950 .capability-head-v1950{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:54px;
  align-items:end;
  margin-bottom:32px;
}
.capability-framework-v1950 .capability-title-v1950 .eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  color:#67e1db;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
}
.capability-framework-v1950 .capability-title-v1950 .eyebrow::before{
  content:"";
  width:22px;
  height:2px;
  background:#67e1db;
}
.capability-framework-v1950 .capability-title-v1950 h2{
  margin:12px 0 0;
  max-width:760px;
  color:#fff;
  font-size:clamp(34px,3.2vw,48px);
  line-height:1.18;
  letter-spacing:-.035em;
  font-weight:800;
}
.capability-framework-v1950 .capability-head-v1950>p{
  margin:0 0 4px;
  color:rgba(223,236,247,.78);
  font-size:15px;
  line-height:1.85;
}
.capability-framework-v1950 .capability-grid-v1950{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid rgba(168,198,223,.20);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
.capability-framework-v1950 .capability-grid-v1950 article{
  min-height:330px;
  padding:24px 26px 22px;
  display:flex;
  flex-direction:column;
  background:rgba(255,255,255,.025);
  border-right:1px solid rgba(168,198,223,.16);
  transition:background .24s ease, transform .24s ease;
}
.capability-framework-v1950 .capability-grid-v1950 article:last-child{border-right:0;}
.capability-framework-v1950 .capability-grid-v1950 article:hover{background:rgba(255,255,255,.045);}
.capability-card-top-v1950{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.capability-framework-v1950 .capability-no-v1950{
  display:block;
  margin:0;
  color:#67e1db;
  font-size:12px;
  font-weight:800;
  letter-spacing:.09em;
}
.capability-icon-v1950{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:rgba(103,225,219,.82);
}
.capability-icon-v1950 svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:#67e1db;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.capability-framework-v1950 .capability-grid-v1950 h3{
  margin:0 0 8px;
  color:#fff;
  font-size:20px;
  line-height:1.35;
  font-weight:800;
}
.capability-framework-v1950 .capability-grid-v1950 .capability-value{
  display:block;
  margin:0 0 12px;
  color:#bdd8ea;
  font-size:14px;
  line-height:1.55;
  font-weight:700;
  letter-spacing:0;
}
.capability-framework-v1950 .capability-grid-v1950 p{
  margin:0 0 18px;
  color:rgba(224,236,246,.72);
  font-size:13.5px;
  line-height:1.78;
}
.capability-tags-v1950{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:17px;
  border-top:1px solid rgba(168,198,223,.12);
}
.capability-tags-v1950 span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 10px;
  border:1px solid rgba(103,225,219,.26);
  border-radius:999px;
  background:rgba(103,225,219,.055);
  color:#9fe8e2;
  font-size:11px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}
@media(max-width:980px){
  .capability-framework-v1950{padding:60px 0 64px;}
  .capability-framework-v1950 .capability-head-v1950{grid-template-columns:1fr;gap:16px;margin-bottom:26px;}
  .capability-framework-v1950 .capability-head-v1950>p{max-width:760px;}
  .capability-framework-v1950 .capability-grid-v1950{grid-template-columns:1fr;}
  .capability-framework-v1950 .capability-grid-v1950 article{min-height:auto;border-right:0;border-bottom:1px solid rgba(168,198,223,.16);}
  .capability-framework-v1950 .capability-grid-v1950 article:last-child{border-bottom:0;}
}
@media(max-width:620px){
  .capability-framework-v1950{padding:50px 0 54px;}
  .capability-framework-v1950>.container{width:calc(100% - 24px);}
  .capability-framework-v1950 .capability-title-v1950 h2{font-size:30px;}
  .capability-framework-v1950 .capability-head-v1950>p{font-size:14px;line-height:1.75;}
  .capability-framework-v1950 .capability-grid-v1950 article{padding:22px 20px 20px;}
  .capability-tags-v1950{gap:7px;}
  .capability-tags-v1950 span{font-size:10.5px;}
}


/* =========================================================
   V19.5.1 — Solution / node capability matrix refinement
   ========================================================= */
.home-scenarios-replica-v1943 .scenario-card-v1943{
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.home-scenarios-replica-v1943 .scenario-card-v1943:hover{
  transform:translateY(-6px);
  box-shadow:0 12px 24px rgba(0,50,120,.15);
  border-color:rgba(95,154,236,.58);
}
.home-scenarios-replica-v1943 .scenario-tags-v1943{
  gap:8px;
  max-width:78%;
  flex-wrap:nowrap;
}
.home-scenarios-replica-v1943 .scenario-tags-v1943 span{
  box-sizing:border-box;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 12px;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-scenarios-replica-v1943 .scenario-cta-v1943{
  color:#2574ef;
  transition:color .24s ease;
}
.home-scenarios-replica-v1943 .scenario-card-v1943:hover .scenario-cta-v1943{
  color:#075fcf;
}
.home-scenarios-replica-v1943 .scenario-card-v1943:hover .scenario-cta-v1943 span{
  transform:translateX(4px);
}
/* The source illustrations are already pale blue/white; preserve their current blended visual weight. */
.home-scenarios-replica-v1943 .scenario-art-v1943{
  opacity:.92;
}
@media(max-width:1120px){
  .home-scenarios-replica-v1943 .scenario-tags-v1943{flex-wrap:wrap;max-width:88%;}
}
@media(max-width:720px){
  .home-scenarios-replica-v1943 .scenario-tags-v1943{flex-wrap:wrap;max-width:100%;}
}


/* =========================================================
   V19.5.2 — WHY WEIJIA commercial proof refinement
   ========================================================= */
.home-decision-v1952{padding:82px 0 88px;background:#f6f8fa;}
.home-decision-v1952 .container{width:min(1180px,calc(100% - 48px));margin:0 auto;}
.why-head-v1952{display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,.78fr);gap:56px;align-items:end;margin-bottom:22px;}
.why-head-v1952>p{max-width:560px;margin:0;color:#65798c;font-size:14px;line-height:1.85;}
.why-grid-v1952{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.why-card-v1952{position:relative;display:flex;flex-direction:column;min-height:348px;padding:25px 22px 24px!important;border-radius:12px!important;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.why-card-v1952:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(17,57,96,.09)!important;border-color:#ccdbea!important;}
.why-card-meta-v1952{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;}
.why-card-v1952 .why-no-v1952{margin:0!important;color:#1571e8;font-size:12px;font-weight:800;letter-spacing:.12em;}
.why-icon-v1952{width:38px;height:38px;border:1px solid #d9e7f4;border-radius:10px;display:grid;place-items:center;background:#f8fbfe;}
.why-icon-v1952 svg{width:24px;height:24px;fill:none;stroke:#3484db;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.why-card-v1952 h3{margin:0 0 11px;color:#0d2945;font-size:21px;line-height:1.25;letter-spacing:-.02em;}
.why-card-v1952 .decision-value{min-height:44px;margin:0 0 12px;color:#254966;font-size:14px;line-height:1.55;font-weight:800;}
.why-card-v1952 p{margin:0;color:#5b7084;font-size:13.5px;line-height:1.78;}
.why-highlight-v1952{display:flex;align-items:baseline;gap:7px;margin:-4px 0 14px;}
.why-highlight-v1952 strong{font-size:36px;line-height:1;color:#0b73dd;letter-spacing:-.05em;font-weight:800;}
.why-highlight-v1952 span{color:#4b6680;font-size:12px;font-weight:800;letter-spacing:.03em;}
.why-experience-v1952 h3{margin-top:0;}
@media(max-width:1080px){
  .home-decision-v1952 .container{width:min(940px,calc(100% - 40px));}
  .why-head-v1952{grid-template-columns:1fr;gap:14px;}
  .why-grid-v1952{grid-template-columns:repeat(2,minmax(0,1fr));}
  .why-card-v1952{min-height:315px;}
  .why-card-v1952 .decision-value{min-height:auto;}
}
@media(max-width:620px){
  .home-decision-v1952{padding:58px 0 62px;}
  .home-decision-v1952 .container{width:calc(100% - 24px);}
  .why-head-v1952{margin-bottom:22px;}
  .why-grid-v1952{grid-template-columns:1fr;gap:12px;}
  .why-card-v1952{min-height:auto;padding:22px 20px!important;}
  .why-highlight-v1952 strong{font-size:32px;}
}


/* =========================================================
   V19.5.3 — Homepage wording cleanup + WHY WEIJIA 20+ badge refinement
   ========================================================= */
.why-title-with-badge-v1953{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.why-experience-v1952 .why-card-meta-v1952{margin-bottom:22px;}
.why-experience-v1952 .decision-value{min-height:44px;}
/* Legacy large 20+ highlight is intentionally retired in V19.5.3. */
.why-highlight-v1952{display:none!important;}
@media(max-width:1080px){
  .why-experience-v1952 .decision-value{min-height:auto;}
}

/* V19.5.3a — keep the 20+ proof point in the card meta row, not in the title line */
.why-title-with-badge-v1953{display:block;}


/* =========================================================
   V19.5.5 — Company footprint transparent map integration
   ========================================================= */
.practice-footprint-clean-v1955{
  position:relative;
  overflow:visible;
  padding:64px 0 64px;
  background:transparent!important;
}
.practice-footprint-clean-v1955::before,
.practice-footprint-clean-v1955::after{display:none!important;}
.practice-footprint-clean-v1955>.container{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}
.footprint-clean-v1955{
  width:100%;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.footprint-clean-image-v1955{
  display:block;
  width:min(86%,980px);
  height:auto;
  max-width:980px;
  margin:0 auto;
  object-fit:contain;
  background:transparent;
  filter:none;
  animation:footprintCleanRevealV1955 .72s ease-out both;
}
@keyframes footprintCleanRevealV1955{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
  .footprint-clean-image-v1955{animation:none}
}
@media(max-width:900px){
  .practice-footprint-clean-v1955{padding:54px 0 56px}
  .practice-footprint-clean-v1955>.container{width:min(100% - 36px,760px)}
  .footprint-clean-image-v1955{width:min(92%,700px);max-width:700px}
}
@media(max-width:640px){
  .practice-footprint-clean-v1955{padding:44px 0 46px}
  .practice-footprint-clean-v1955>.container{width:calc(100% - 24px)}
  .footprint-clean-image-v1955{width:100%;max-width:none}
}


/* =========================================================
   V19.5.6 — Restore Business Footprint webpage title
   ========================================================= */
.footprint-clean-head-v1956{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);
  gap:24px;
  align-items:end;
  margin-bottom:30px;
}
.footprint-clean-title-v1956 .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:0;
  color:#3977ad;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}
.footprint-clean-title-v1956 .eyebrow::before{
  content:"";
  display:block;
  width:24px;
  height:2px;
  background:#55e6c1;
  border-radius:999px;
}
.footprint-clean-title-v1956 h2{
  margin:10px 0 0;
  color:#0a2946;
  font-size:30px;
  line-height:1.25;
  letter-spacing:-.02em;
  font-weight:730;
}
.footprint-clean-head-v1956>p{
  margin:0;
  max-width:620px;
  color:#627384;
  font-size:14px;
  line-height:1.75;
}
@media(max-width:900px){
  .footprint-clean-head-v1956{grid-template-columns:1fr;gap:12px;margin-bottom:20px;}
  .footprint-clean-title-v1956 h2{font-size:30px;}
  .footprint-clean-head-v1956>p{max-width:720px;font-size:14px;line-height:1.75;}
}
@media(max-width:640px){
  .footprint-clean-head-v1956{margin-bottom:16px;}
  .footprint-clean-title-v1956 .eyebrow{font-size:10px;}
  .footprint-clean-title-v1956 h2{font-size:28px;line-height:1.22;}
  .footprint-clean-head-v1956>p{font-size:13px;line-height:1.7;}
}


/* =========================================================
   V19.6.0 — YMS project planning CTA redesign
   ========================================================= */
.yos-project-cta-v1960{
  padding:70px 0 74px;
  background:linear-gradient(118deg,#0b568d 0%,#1474b2 100%);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.yos-project-cta-v1960::after{
  content:"";position:absolute;right:-90px;bottom:-130px;width:420px;height:420px;border-radius:50%;
  border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 54px rgba(255,255,255,.025),0 0 0 108px rgba(255,255,255,.018);pointer-events:none;
}
.yos-project-cta-inner-v1960{position:relative;z-index:1;}
.yos-project-cta-head-v1960{
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr);gap:58px;align-items:end;
  padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.18);
}
.yos-project-cta-head-v1960 .eyebrow{color:#8eeadf!important;margin-bottom:12px;}
.yos-project-cta-head-v1960 h2{margin:0;color:#fff;font-size:clamp(34px,3vw,48px);line-height:1.18;letter-spacing:-.035em;}
.yos-project-cta-head-v1960>p{margin:0;color:rgba(235,246,255,.84);font-size:15px;line-height:1.9;max-width:700px;}
.yos-project-cta-points-v1960{display:grid;grid-template-columns:1fr 1.15fr;gap:18px;margin-top:26px;}
.yos-project-cta-point-v1960{
  display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:18px 20px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.055);border-radius:14px;backdrop-filter:blur(4px);
}
.yos-project-cta-icon-v1960{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(142,234,223,.38);border-radius:11px;background:rgba(255,255,255,.05);}
.yos-project-cta-icon-v1960 svg{width:23px;height:23px;fill:none;stroke:#8eeadf;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.yos-project-cta-point-v1960 strong{display:block;margin:1px 0 5px;color:#fff;font-size:15px;}
.yos-project-cta-point-v1960 p{margin:0;color:rgba(235,246,255,.78);font-size:13.5px;line-height:1.75;}
.yos-project-cta-point-v1960 p span{color:#8eeadf;padding:0 4px;font-weight:800;}
.yos-project-cta-button-v1960{
  display:inline-flex;align-items:center;gap:10px;margin-top:26px;min-height:50px;padding:0 23px;border-radius:10px;width:fit-content;max-width:100%;
  background:#fff;color:#0b5f9a!important;text-decoration:none;font-size:15px;font-weight:800;box-shadow:0 12px 28px rgba(0,35,70,.20);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.yos-project-cta-button-v1960 span{font-size:19px;transition:transform .2s ease;}
.yos-project-cta-button-v1960:hover{transform:translateY(-2px);background:#f5fbff;box-shadow:0 16px 34px rgba(0,35,70,.26);}
.yos-project-cta-button-v1960:hover span{transform:translateX(4px);}
@media(max-width:960px){
  .yos-project-cta-v1960{padding:58px 0 62px;}
  .yos-project-cta-head-v1960{grid-template-columns:1fr;gap:18px;}
  .yos-project-cta-points-v1960{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .yos-project-cta-v1960{padding:48px 0 52px;}
  .yos-project-cta-head-v1960{padding-bottom:22px;}
  .yos-project-cta-head-v1960 h2{font-size:30px;}
  .yos-project-cta-head-v1960>p{font-size:14px;line-height:1.78;}
  .yos-project-cta-point-v1960{grid-template-columns:40px 1fr;padding:15px 16px;}
  .yos-project-cta-icon-v1960{width:38px;height:38px;}
  .yos-project-cta-button-v1960{width:100%;justify-content:center;}
}


/* =========================================================
   V19.6.1 — YMS project CTA simplification
   ========================================================= */
.yos-project-cta-v1960{padding:64px 0 68px;}
.yos-project-cta-head-v1960{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:54px;padding-bottom:0;border-bottom:0;}
.yos-project-cta-head-v1960 h2{font-size:clamp(34px,3vw,46px);}
.yos-project-cta-head-v1960>p{max-width:720px;}
.yos-project-cta-points-v1960{display:none!important;}
.yos-project-cta-button-v1960{margin-top:28px;}
@media(max-width:900px){
  .yos-project-cta-v1960{padding:56px 0 60px;}
  .yos-project-cta-head-v1960{grid-template-columns:1fr;gap:16px;}
  .yos-project-cta-button-v1960{margin-top:24px;}
}
@media(max-width:640px){
  .yos-project-cta-v1960{padding:46px 0 50px;}
  .yos-project-cta-button-v1960{margin-top:20px;}
}


/* =========================================================
   V19.6.3 — Unified product project CTA + page de-duplication
   ========================================================= */
.product-project-cta-v1963{
  position:relative;
  overflow:hidden;
  padding:54px 0 58px;
  background:linear-gradient(108deg,#0b5f98 0%,#0d76b8 58%,#0b679f 100%);
  color:#fff;
}
.product-project-cta-v1963::after{
  content:"";
  position:absolute;
  right:-10%;
  top:-90%;
  width:44%;
  height:240%;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);
  pointer-events:none;
}
.product-project-cta-inner-v1963{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:50px;
  align-items:center;
}
.product-project-cta-v1963 h2{
  margin:0 0 13px;
  max-width:850px;
  color:#fff;
  font-size:clamp(30px,3vw,44px);
  line-height:1.2;
  letter-spacing:-.035em;
}
.product-project-cta-v1963 p{
  margin:0;
  max-width:940px;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:1.8;
}
.product-project-cta-button-v1963{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  padding:0 22px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:9px;
  background:#fff;
  color:#0b5f98;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 10px 24px rgba(4,42,72,.16);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.product-project-cta-button-v1963 span{font-size:18px;transition:transform .22s ease}
.product-project-cta-button-v1963:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(4,42,72,.22);
  background:#f7fbff;
}
.product-project-cta-button-v1963:hover span{transform:translateX(3px)}
@media(max-width:900px){
  .product-project-cta-v1963{padding:46px 0 50px}
  .product-project-cta-inner-v1963{grid-template-columns:1fr;gap:24px}
  .product-project-cta-v1963 h2{font-size:32px}
  .product-project-cta-v1963 p{font-size:15px}
  .product-project-cta-button-v1963{justify-self:start}
}
@media(max-width:640px){
  .product-project-cta-v1963{padding:38px 0 42px}
  .product-project-cta-v1963 h2{font-size:27px}
  .product-project-cta-v1963 p{font-size:14px;line-height:1.75}
  .product-project-cta-button-v1963{width:100%;padding:0 16px}
}


/* =========================================================
   V19.6.4 — Business footprint motion + partners to project cases
   ========================================================= */
.footprint-clean-stage-v1964{position:relative;}
.footprint-clean-map-wrap-v1964{position:relative;width:min(86%,980px);max-width:980px;margin:0 auto;}
.footprint-clean-stage-v1964 .footprint-clean-image-v1955{width:100%;max-width:none;margin:0;}
.footprint-map-sheen-v1964{position:absolute;inset:8% 10%;background:linear-gradient(110deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.16) 48%,rgba(255,255,255,0) 68%);transform:translateX(-130%) skewX(-18deg);pointer-events:none;mix-blend-mode:screen;animation:footprintSheenV1964 6.8s ease-in-out infinite;}
.footprint-map-pulse-v1964{position:absolute;width:16px;height:16px;border-radius:50%;background:#2f7dff;box-shadow:0 0 0 4px rgba(47,125,255,.10),0 0 18px rgba(47,125,255,.35);pointer-events:none;}
.footprint-map-pulse-v1964::before,.footprint-map-pulse-v1964::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(67,149,255,.45);animation:footprintPulseV1964 3.2s ease-out infinite;}
.footprint-map-pulse-v1964::after{animation-delay:1.15s;}
.pulse-north-v1964{left:77.8%;top:29.5%;animation:footprintDotFloatV1964 4.5s ease-in-out infinite;}
.pulse-east-v1964{left:82.2%;top:51.8%;animation:footprintDotFloatV1964 4.8s ease-in-out infinite .4s;}
.pulse-south-v1964{left:74.3%;top:71.2%;animation:footprintDotFloatV1964 4.2s ease-in-out infinite .8s;}
.pulse-inland-v1964{left:63.2%;top:56.7%;animation:footprintDotFloatV1964 4.6s ease-in-out infinite .2s;}
.pulse-overseas-west-v1964{left:8.9%;top:78.8%;width:12px;height:12px;animation:footprintDotFloatV1964 4.1s ease-in-out infinite 1s;}
.pulse-overseas-south-v1964{left:28.6%;top:86.3%;width:12px;height:12px;animation:footprintDotFloatV1964 4.7s ease-in-out infinite 1.4s;}
@keyframes footprintPulseV1964{0%{opacity:.92;transform:scale(.85)}70%{opacity:0;transform:scale(3.4)}100%{opacity:0;transform:scale(3.9)}}
@keyframes footprintDotFloatV1964{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes footprintSheenV1964{0%,14%{transform:translateX(-130%) skewX(-18deg);opacity:0}20%{opacity:1}46%{transform:translateX(135%) skewX(-18deg);opacity:1}60%,100%{transform:translateX(135%) skewX(-18deg);opacity:0}}
@media (prefers-reduced-motion:reduce){.footprint-map-sheen-v1964,.footprint-map-pulse-v1964,.footprint-map-pulse-v1964::before,.footprint-map-pulse-v1964::after{animation:none}.footprint-map-sheen-v1964{display:none}}
@media(max-width:900px){.footprint-clean-map-wrap-v1964{width:min(92%,700px);max-width:700px}.footprint-map-pulse-v1964{width:14px;height:14px}.pulse-overseas-west-v1964,.pulse-overseas-south-v1964{width:11px;height:11px}}
@media(max-width:640px){.footprint-clean-map-wrap-v1964{width:100%}.footprint-map-pulse-v1964{width:12px;height:12px}.pulse-overseas-west-v1964,.pulse-overseas-south-v1964{width:10px;height:10px}}


/* =========================================================
   V19.6.5 — Company sub-navigation aligned to product pages
   ========================================================= */
body.company-refined .company-tabs{
  position:sticky;
  top:var(--v1934-header-h) !important;
  z-index:80;
  background:rgba(255,255,255,.98) !important;
  border-bottom:1px solid #e4ebf1 !important;
  box-shadow:0 2px 10px rgba(7,26,45,.025) !important;
  overflow:hidden;
}
body.company-refined .company-tabs .company-subnav{
  justify-content:flex-start;
}
body.company-refined .company-tabs .product-subnav-label{
  color:#17344e;
}
body.company-refined .company-tabs .product-subnav a{
  color:#506273 !important;
}
body.company-refined .company-tabs .product-subnav a:hover,
body.company-refined .company-tabs .product-subnav a:focus-visible,
body.company-refined .company-tabs .product-subnav a.active,
body.company-refined .company-tabs .product-subnav a[aria-current="true"]{
  color:var(--brand-blue,#0b72d2) !important;
}
@media(max-width:900px){
  body.company-refined .company-tabs .company-subnav{
    height:52px;
    gap:18px;
  }
}


/* =========================================================
   V19.6.7 — Company page visual consistency audit
   - unify section-label colors
   - remove map point animation; use ambient flow instead
   - tighten Project Cases header after description removal
   ========================================================= */
body.company-refined{
  --company-ink:#0a2946;
  --company-subink:#17344e;
  --company-muted:#66798c;
  --company-eyebrow:#56dced;
  --company-accent:#55e6c1;
}
/* Section-label color: match INTELLECTUAL PROPERTY throughout the page. */
body.company-refined .section-head .eyebrow,
body.company-refined .qualification-ip-summary-v1922 .eyebrow,
body.company-refined .footprint-clean-title-v1956 .eyebrow,
body.company-refined .customer-practice-head .eyebrow{
  color:var(--company-eyebrow) !important;
}
body.company-refined .footprint-clean-title-v1956 .eyebrow::before,
body.company-refined .customer-practice-head .eyebrow::before{
  background:var(--company-accent) !important;
}
/* Main heading and body hierarchy. */
body.company-refined .section-head h2,
body.company-refined .footprint-clean-title-v1956 h2,
body.company-refined .customer-practice-head h2{
  color:var(--company-ink) !important;
}
body.company-refined .section-head>p,
body.company-refined .footprint-clean-head-v1956>p,
body.company-refined .qualification-ip-summary-row-v1922 span{
  color:var(--company-muted) !important;
}
body.company-refined .company-capability-grid h3,
body.company-refined .value-grid h3,
body.company-refined .company-audience-grid-v194 h3{
  color:var(--company-subink) !important;
}
body.company-refined .company-capability-grid p,
body.company-refined .value-grid p,
body.company-refined .company-audience-grid-v194 p{
  color:var(--company-muted) !important;
}
/* Project Cases: title only, aligned with other section headers. */
body.company-refined .customer-practice-head{
  display:block !important;
  text-align:left !important;
  padding-bottom:20px;
  margin-bottom:0;
}
body.company-refined .customer-practice-head .eyebrow{
  display:inline-flex !important;
  font-size:11px !important;
  letter-spacing:.18em !important;
  margin-bottom:12px;
}
body.company-refined .customer-practice-head h2{
  margin:0;
}
/* BUSINESS FOOTPRINT: use the same cyan eyebrow as INTELLECTUAL PROPERTY. */
body.company-refined .footprint-clean-title-v1956 .eyebrow{
  color:var(--company-eyebrow) !important;
}
/* Point-free map motion: soft ambient glow + slow data-flow scan. */
.footprint-map-pulse-v1964{display:none !important;}
.footprint-clean-map-wrap-v1964{isolation:isolate;overflow:hidden;}
.footprint-map-ambient-v1967{
  position:absolute;
  inset:9% 8% 6%;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 70% 42%,rgba(71,154,255,.16),transparent 22%),
    radial-gradient(circle at 34% 72%,rgba(85,230,193,.08),transparent 18%);
  filter:blur(7px);
  opacity:.45;
  animation:footprintAmbientV1967 7.6s ease-in-out infinite;
}
.footprint-map-sheen-v1964{z-index:2;opacity:.7;}
.footprint-map-flow-v1967{
  position:absolute;
  left:5%;right:5%;top:15%;bottom:9%;
  z-index:3;
  pointer-events:none;
  opacity:.42;
  background:repeating-linear-gradient(118deg,
    transparent 0 38px,
    rgba(64,141,245,.09) 39px 40px,
    transparent 41px 79px);
  mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 88%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 88%,transparent 100%);
  animation:footprintFlowBandV1967 12s linear infinite;
}
@keyframes footprintAmbientV1967{
  0%,100%{opacity:.32;transform:translate3d(-1.2%,.6%,0) scale(.985)}
  50%{opacity:.62;transform:translate3d(1.4%,-.8%,0) scale(1.02)}
}
@keyframes footprintFlowBandV1967{
  from{background-position:0 0}
  to{background-position:180px 0}
}
@media(prefers-reduced-motion:reduce){
  .footprint-map-ambient-v1967,.footprint-map-flow-v1967{animation:none !important;}
  .footprint-map-sheen-v1964{display:none !important;}
}
@media(max-width:640px){
  body.company-refined .customer-practice-head{padding-bottom:16px;}
  body.company-refined .customer-practice-head .eyebrow{font-size:10px !important;}
}


/* =========================================================
   V19.6.8 — Company page final visual QA
   Align Project Cases spacing and typography with the rest of Company page.
   ========================================================= */
body.company-refined .customer-practice-section{
  padding:64px 0 !important;
}
body.company-refined .customer-practice-head{
  padding-bottom:22px !important;
  margin-bottom:0 !important;
}
body.company-refined .customer-practice-head .eyebrow{
  margin-bottom:10px !important;
}
body.company-refined .customer-practice-head h2{
  margin:0 !important;
  font-size:30px !important;
  line-height:1.25 !important;
  letter-spacing:-.025em !important;
}
body.company-refined .customer-logo-grid{
  margin-top:0 !important;
}
@media(max-width:900px){
  body.company-refined .customer-practice-section{padding:54px 0 56px !important;}
}
@media(max-width:640px){
  body.company-refined .customer-practice-section{padding:44px 0 46px !important;}
  body.company-refined .customer-practice-head{padding-bottom:16px !important;}
  body.company-refined .customer-practice-head h2{font-size:28px !important;}
}


/* =========================================================
   V19.7.0 — Final polish excluding Project Cases
   1) homepage hero four-column proof readability
   2) company Business Footprint section integration
   3) company typography/color consistency
   4) responsive + interaction QA
   ========================================================= */

/* Homepage: give the four proof columns more breathing room and contrast. */
.home-hero.hero-immersive .hero-proof-v1948{
  margin-top:36px;
  padding-top:23px;
  padding-bottom:24px;
  border-top-color:rgba(224,239,250,.24);
  border-bottom:1px solid rgba(224,239,250,.24);
}
.home-hero.hero-immersive .hero-proof-v1948>div{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:70px;
  padding-top:3px;
  padding-bottom:4px;
}
.home-hero.hero-immersive .hero-proof-v1948 strong{
  margin-bottom:8px;
  color:rgba(255,255,255,.98);
  font-size:15px;
  line-height:1.38;
  font-weight:800;
  text-shadow:0 1px 2px rgba(3,18,32,.32);
}
.home-hero.hero-immersive .hero-proof-v1948 span{
  color:rgba(235,245,252,.86);
  font-size:13px;
  line-height:1.72;
  text-shadow:0 1px 2px rgba(3,18,32,.26);
}

/* Company typography baseline. */
body.company-refined{
  --company-ink:#0a2946;
  --company-subink:#17344e;
  --company-body:#566c80;
  --company-muted:#6a7d90;
  --company-eyebrow:#56dced;
  --company-accent:#55e6c1;
}
body.company-refined .company-profile-copy h2,
body.company-refined .section-head h2,
body.company-refined .footprint-clean-title-v1956 h2{
  color:var(--company-ink) !important;
}
body.company-refined .company-profile-copy>p,
body.company-refined .section-head>p,
body.company-refined .footprint-clean-head-v1956>p,
body.company-refined .company-service-principle p,
body.company-refined .qualification-facts-line-v1922{
  color:var(--company-body) !important;
}
body.company-refined .section-head .eyebrow,
body.company-refined .qualification-ip-summary-v1922 .eyebrow,
body.company-refined .footprint-clean-title-v1956 .eyebrow{
  color:var(--company-eyebrow) !important;
}
body.company-refined .company-capability-grid h3,
body.company-refined .value-grid h3,
body.company-refined .company-audience-grid-v194 h3,
body.company-refined .qualification-ip-summary-row-v1922 strong{
  color:var(--company-subink) !important;
}
body.company-refined .company-capability-grid p,
body.company-refined .value-grid p,
body.company-refined .company-audience-grid-v194 p,
body.company-refined .qualification-ip-summary-row-v1922 span{
  color:var(--company-muted) !important;
}

/* Company overview facts: clearer hierarchy and balanced inner spacing. */
body.company-refined .company-facts{
  margin-top:30px;
  border-color:#dce6ee;
  background:#dce6ee;
}
body.company-refined .company-facts>div{
  min-height:92px;
  padding:21px 22px 22px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.company-refined .company-facts strong{
  margin-bottom:7px;
  color:var(--company-subink);
  font-size:16px;
  line-height:1.35;
  font-weight:800;
}
body.company-refined .company-facts span{
  color:var(--company-muted);
  font-size:13px;
  line-height:1.58;
}

/* Business Footprint: integrated soft section rather than a floating white block. */
body.company-refined .practice-footprint-clean-v1955{
  padding:68px 0 70px !important;
  background:
    radial-gradient(circle at 78% 18%,rgba(91,176,238,.08),transparent 28%),
    linear-gradient(180deg,#f3f7fb 0%,#f7fafc 100%) !important;
  border-top:1px solid #e7eef4;
  border-bottom:1px solid #e7eef4;
  overflow:hidden;
}
body.company-refined .practice-footprint-clean-v1955>.container{
  width:min(1180px,calc(100% - 48px));
}
body.company-refined .footprint-clean-head-v1956{
  align-items:end;
  margin-bottom:26px;
}
body.company-refined .footprint-clean-title-v1956 .eyebrow{
  margin-bottom:0;
  font-size:11px;
  letter-spacing:.18em;
}
body.company-refined .footprint-clean-title-v1956 h2{
  margin-top:10px;
  font-size:30px;
  line-height:1.25;
  letter-spacing:-.025em;
  font-weight:730;
}
body.company-refined .footprint-clean-head-v1956>p{
  max-width:600px;
  font-size:14px;
  line-height:1.8;
}
body.company-refined .footprint-clean-map-wrap-v1964{
  width:min(82%,920px);
  max-width:920px;
  margin-top:2px;
}

/* Company product-style sticky subnav: active state without extra visual weight. */
body.company-refined .company-tabs .product-subnav a{
  color:#52687b !important;
  font-weight:500;
}
body.company-refined .company-tabs .product-subnav a:hover,
body.company-refined .company-tabs .product-subnav a:focus-visible,
body.company-refined .company-tabs .product-subnav a.active,
body.company-refined .company-tabs .product-subnav a[aria-current="true"]{
  color:#0b72d2 !important;
  background:transparent !important;
}

@media(max-width:1100px){
  .home-hero.hero-immersive .hero-proof-v1948{
    padding-top:20px;
    padding-bottom:21px;
    row-gap:17px;
  }
  .home-hero.hero-immersive .hero-proof-v1948>div{
    min-height:68px;
  }
}
@media(max-width:900px){
  body.company-refined .practice-footprint-clean-v1955{
    padding:58px 0 60px !important;
  }
  body.company-refined .footprint-clean-head-v1956{
    gap:12px;
    margin-bottom:22px;
  }
  body.company-refined .footprint-clean-map-wrap-v1964{
    width:min(90%,720px);
    max-width:720px;
  }
  body.company-refined .company-facts>div{
    min-height:86px;
    padding:19px 20px 20px;
  }
}
@media(max-width:700px){
  .home-hero.hero-immersive .hero-proof-v1948{
    margin-top:28px;
    padding:18px 0 19px;
    row-gap:0;
  }
  .home-hero.hero-immersive .hero-proof-v1948>div,
  .home-hero.hero-immersive .hero-proof-v1948>div+div{
    min-height:auto;
    padding:13px 0 14px;
    border-left:0;
    border-bottom:1px solid rgba(224,239,250,.14);
  }
  .home-hero.hero-immersive .hero-proof-v1948>div:last-child{
    border-bottom:0;
  }
  .home-hero.hero-immersive .hero-proof-v1948 strong{font-size:14px;margin-bottom:5px;}
  .home-hero.hero-immersive .hero-proof-v1948 span{font-size:12.5px;line-height:1.62;}
}
@media(max-width:640px){
  body.company-refined .practice-footprint-clean-v1955{
    padding:48px 0 50px !important;
  }
  body.company-refined .practice-footprint-clean-v1955>.container{
    width:calc(100% - 28px);
  }
  body.company-refined .footprint-clean-title-v1956 h2{
    font-size:28px;
  }
  body.company-refined .footprint-clean-head-v1956>p{
    font-size:13px;
    line-height:1.72;
  }
  body.company-refined .footprint-clean-map-wrap-v1964{
    width:100%;
    max-width:none;
  }
  body.company-refined .company-facts{
    grid-template-columns:1fr;
    gap:1px;
  }
  body.company-refined .company-facts>div{
    min-height:auto;
    padding:17px 18px 18px;
  }
}


/* =========================================================
   V19.7.1 — Footer email stays on the same line as its label
   ========================================================= */
.site-footer .footer-contact-line{
  display:flex;
  align-items:baseline;
  gap:4px;
  flex-wrap:nowrap;
}
.site-footer .footer-contact-line span{
  flex:0 0 auto;
}
.site-footer .footer-contact-line a{
  display:inline !important;
  margin:0 !important;
  font-size:inherit;
  white-space:nowrap;
}
@media(max-width:520px){
  .site-footer .footer-contact-line{flex-wrap:wrap;row-gap:2px}
}


/* =========================================================
   V19.7.2 — Product CTA brochure download links
   ========================================================= */
.product-project-cta-actions-v1972{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.product-project-cta-download-v1972{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:48px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.46);
  border-radius:9px;
  background:rgba(255,255,255,.07);
  color:#fff !important;
  font-size:14px;
  font-weight:750;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .22s ease,background .22s ease,border-color .22s ease;
}
.product-project-cta-download-icon-v1972{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:50%;
  font-size:13px;
  line-height:1;
  transition:transform .22s ease;
}
.product-project-cta-download-v1972:hover,
.product-project-cta-download-v1972:focus-visible{
  transform:translateY(-2px);
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.72);
}
.product-project-cta-download-v1972:hover .product-project-cta-download-icon-v1972,
.product-project-cta-download-v1972:focus-visible .product-project-cta-download-icon-v1972{
  transform:translateY(2px);
}
@media(max-width:900px){
  .product-project-cta-actions-v1972{justify-content:flex-start;}
}
@media(max-width:640px){
  .product-project-cta-actions-v1972{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
  .product-project-cta-download-v1972{width:100%;min-height:46px;padding:0 16px;}
}


/* =========================================================
   V19.7.4 EN — International B2B typography refinements
   ========================================================= */
body.en-site{
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
  font-kerning:normal;
}
body.en-site h1,body.en-site h2,body.en-site h3,body.en-site h4{
  letter-spacing:-.025em;
  text-wrap:balance;
}
body.en-site p{letter-spacing:0;}
body.en-site .eyebrow{letter-spacing:.12em;}
body.en-site .main-nav a,body.en-site .product-subnav a{letter-spacing:0;}
body.en-site .home-hero-copy{max-width:860px;}
body.en-site .home-hero-copy h1{max-width:820px;}
body.en-site .section-head>p{max-width:660px;}
body.en-site .scenario-card-exact-v1943 h3{letter-spacing:-.025em;}
body.en-site .product-project-cta-inner-v1963>div{max-width:820px;}
body.en-site .footer-contact a{display:inline !important;}
@media(max-width:720px){
  body.en-site .home-hero-copy h1{font-size:clamp(34px,10vw,48px);}
}


/* =========================================================
   V19.7.5 — Brand naming + refined text color system
   Auxiliary text: #627384
   Eyebrow: light #007D8E / dark #43CFE0
   ========================================================= */
:root{
  --brand-muted:#627384;
  --eyebrow-on-light:#007D8E;
  --eyebrow-on-dark:#43CFE0;
}
/* Default/light-surface eyebrow */
.eyebrow,
.section-head .eyebrow,
body.company-refined .section-head .eyebrow,
body.company-refined .qualification-ip-summary-v1922 .eyebrow,
body.company-refined .footprint-clean-title-v1956 .eyebrow,
body.company-refined .customer-practice-head .eyebrow,
.company-style-page .eyebrow,
.product-detail-refined .eyebrow{
  color:var(--eyebrow-on-light) !important;
}
.eyebrow::before,
.eyebrow:before{background:currentColor !important;}
/* Dark-surface eyebrow */
.home-hero .eyebrow,
.home-hero.hero-immersive .eyebrow,
.company-banner .eyebrow,
.standard-page-banner .eyebrow,
.home-about-copy .eyebrow,
.arch-section .eyebrow,
.company-cta .eyebrow,
.capability-framework-v1950 .eyebrow,
.capability-strip-head .eyebrow,
.company-vision-inline .eyebrow,
.product-project-cta-v1963 .eyebrow,
.cta-band .eyebrow{
  color:var(--eyebrow-on-dark) !important;
}
/* Common auxiliary copy follows the updated muted token. */
.sync-product-row p,
.visual-product-card p,
.product-feature-grid p,
.product-copy-stack p,
.product-metric-card span,
.scenario-card-exact-v1943 p,
.company-audience-grid-v194 p,
.company-capability-grid p,
.value-grid p{
  color:var(--brand-muted);
}


/* =========================================================
   V19.7.7 Dynamic Product Scenes
========================================================= */
.dynamic-scene-section{padding-top:24px}
.scene-section-head{max-width:920px;margin:0 auto 28px}
.scene-section-head h2{margin-top:14px;margin-bottom:14px}
.scene-section-head p{max-width:860px;color:#627384}
.eyebrow-dual{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;background:none;padding:0;border:0}
.eyebrow-dual .eyebrow-dark,.eyebrow-dual .eyebrow-light{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:11px;letter-spacing:.16em;font-weight:700}
.eyebrow-dual .eyebrow-dark{background:#43CFE0;color:#062b3c}
.eyebrow-dual .eyebrow-light{background:#007D8E;color:#eafcff}
.dynamic-scene{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:26px;padding:30px;border:1px solid rgba(67,207,224,.22);border-radius:26px;background:linear-gradient(180deg,#08345d 0%,#0a2b47 52%,#081c31 100%);box-shadow:0 20px 60px rgba(6,25,45,.18);overflow:hidden}
.dynamic-scene::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(67,207,224,.14),transparent 34%);pointer-events:none}
.dynamic-scene svg{width:100%;height:auto;display:block}
.dynamic-scene .scene-visual,.dynamic-scene .trajectory-visual,.dynamic-scene .curve-zone{position:relative;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);overflow:hidden}
.dynamic-scene .scene-sidecards{display:flex;flex-direction:column;gap:14px;justify-content:center}
.scene-stat-card,.recognition-card,.alert-card,.trajectory-legend{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px)}
.scene-stat-card strong,.recognition-card strong,.alert-card strong,.trajectory-badge strong{display:block;color:#ffffff}
.scene-stat-card span,.recognition-card p,.alert-card p,.trajectory-legend span{color:#d4e0ea}
.scene-stat-card strong{font-size:1.15rem;margin-bottom:4px}
.recognition-result-list{display:flex;flex-direction:column;gap:12px}
.dynamic-scene .tag{display:inline-flex;margin-bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(67,207,224,.16);color:#9cecf4;font-size:10px;letter-spacing:.12em;font-weight:700}
.scan-stage{position:relative;padding:12px}
.scan-stage svg{position:relative;z-index:1}
.scan-stage .scan-sweep{position:absolute;top:20px;bottom:20px;left:-14%;width:16%;background:linear-gradient(90deg,rgba(67,207,224,0),rgba(67,207,224,.6),rgba(67,207,224,0));filter:blur(1px);opacity:0;z-index:2}
.grid-backdrop path,.chart-grid path,.yard-grid path{stroke:rgba(180,215,235,.18);stroke-width:1}
.axis-labels text{fill:#b9cedd;font-size:16px;font-family:Arial,sans-serif}
.gate-structure rect,.truck-outline rect,.truck-outline circle,.trajectory-equipment rect,.trajectory-equipment circle,.trajectory-equipment path{fill:none;stroke:#b8cddd;stroke-width:3}
.det-box rect{fill:rgba(67,207,224,.08);stroke:#43CFE0;stroke-width:2;opacity:0}
.dynamic-recognition .recognition-card{opacity:0;transform:translateY(16px)}
.dynamic-recognition.is-visible .scan-sweep{opacity:1;animation:scanSweep 2.8s ease-in-out infinite}
.dynamic-recognition.is-visible .plate-box rect{animation:boxPulse 2.8s .15s infinite}
.dynamic-recognition.is-visible .container-box rect{animation:boxPulse 2.8s .45s infinite}
.dynamic-recognition.is-visible .status-box rect{animation:boxPulse 2.8s .78s infinite}
.dynamic-recognition.is-visible .card-1{animation:cardIn .6s .3s forwards}
.dynamic-recognition.is-visible .card-2{animation:cardIn .6s .6s forwards}
.dynamic-recognition.is-visible .card-3{animation:cardIn .6s .9s forwards}
.alert-sim-trigger{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff;color:#0a3f73;font-weight:700;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}
.alert-sim-trigger:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.curve-zone{padding:12px 12px 6px}
.temp-path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:5}
.temp-path-normal{stroke:#43CFE0;stroke-dasharray:22 12;animation:flowDash 8s linear infinite}
.temp-path-alert{stroke:#ff6969;opacity:0;filter:drop-shadow(0 0 10px rgba(255,105,105,.55))}
.dynamic-trajectory{align-items:center}
.trajectory-visual{padding:10px}
.planned-path,.actual-path{fill:none;stroke-width:6;stroke-linecap:round}
.planned-path{stroke:#8498aa;opacity:.55}
.actual-path{stroke:#43CFE0;stroke-dasharray:560;stroke-dashoffset:560;filter:drop-shadow(0 0 10px rgba(67,207,224,.42))}
.cargo-point circle{fill:#43CFE0;opacity:.85}
.trajectory-badge{position:absolute;right:18px;top:18px;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:999px;background:rgba(8,155,99,.16);border:1px solid rgba(126,255,197,.22);color:#e7fff2;opacity:0;transform:translateY(-8px);transition:opacity .45s ease,transform .45s ease}
.trajectory-badge span{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:#1ab16a;color:#fff;font-weight:700}
.dynamic-trajectory.is-visible .actual-path{animation:drawPath 2.2s ease forwards}
.dynamic-trajectory.is-visible .trajectory-badge{opacity:1;transform:translateY(0);transition-delay:1.15s}
.trajectory-legend{display:flex;flex-direction:column;gap:10px}
.trajectory-legend > div{display:flex;align-items:center;gap:10px}
.legend-line{display:inline-flex;width:44px;height:0;border-top:4px solid}
.legend-line.planned{border-color:#98a7b5}
.legend-line.actual{border-color:#43CFE0;border-top-style:dashed}
@keyframes scanSweep{0%{transform:translateX(0)}50%{transform:translateX(580%)}100%{transform:translateX(580%)}}
@keyframes boxPulse{0%,8%{opacity:0}14%,42%{opacity:1}48%,100%{opacity:.14}}
@keyframes cardIn{to{opacity:1;transform:translateY(0)}}
@keyframes flowDash{to{stroke-dashoffset:-340}}
@keyframes drawPath{to{stroke-dashoffset:0}}
@media (max-width: 1100px){.dynamic-scene{grid-template-columns:1fr}.dynamic-scene{padding:24px}}
@media (max-width: 768px){.dynamic-scene{gap:18px;padding:20px;border-radius:22px}.scene-section-head{margin-bottom:22px}.scene-section-head p{font-size:.98rem}.trajectory-badge{position:static;margin:14px auto 0;justify-content:center}}

/* =========================================================
   V19.7.8 Dynamic Scene Final Polish
   ========================================================= */
.scene-section-head .scene-eyebrow{color:#007D8E!important;background:transparent!important;padding:0!important;border:0!important;letter-spacing:.16em}
.scene-section-head .scene-eyebrow:before{background:#007D8E!important}
.dynamic-scene{isolation:isolate;background:linear-gradient(135deg,#082e51 0%,#0a3153 48%,#071d31 100%)}
.dynamic-scene:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%)}
.recognition-hud{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#bdd5e4;font-size:11px;letter-spacing:.08em}
.recognition-hud span{display:inline-flex;align-items:center;gap:7px}
.recognition-hud i{width:7px;height:7px;border-radius:50%;background:#43CFE0;box-shadow:0 0 12px rgba(67,207,224,.7)}
.recognition-hud .hud-live{margin-left:auto;color:#eaffff;background:rgba(67,207,224,.12);border:1px solid rgba(67,207,224,.28);padding:4px 8px;border-radius:999px}
.match-pill{display:inline-flex;padding:2px 7px;border-radius:999px;background:rgba(35,196,123,.14);border:1px solid rgba(83,237,166,.28);color:#7ff0b5;font-size:10px;font-weight:800;letter-spacing:.08em}
.scan-stage .scan-sweep{left:-18%;width:18%;transform:none!important}
.dynamic-recognition.is-visible .scan-sweep{animation:scanSweepV1978 3.2s cubic-bezier(.55,.05,.25,1) infinite}
.dynamic-recognition.is-visible .plate-box rect{animation:boxPulse 3.2s .55s infinite}
.dynamic-recognition.is-visible .container-box rect{animation:boxPulse 3.2s 1.05s infinite}
.dynamic-recognition.is-visible .status-box rect{animation:boxPulse 3.2s 1.45s infinite}
.temp-live-dot{fill:#dffcff;stroke:#43CFE0;stroke-width:4;filter:drop-shadow(0 0 8px rgba(67,207,224,.9))}
.alert-card{border-color:rgba(255,112,112,.22)!important}
.moving-load rect{fill:rgba(67,207,224,.18);stroke:#43CFE0;stroke-width:3;filter:drop-shadow(0 0 8px rgba(67,207,224,.45))}
.dynamic-trajectory.is-visible .moving-load{opacity:1}
.dynamic-trajectory .moving-load{opacity:.95}
.dynamic-trajectory.is-verified .trajectory-badge{border-color:rgba(104,245,174,.38);box-shadow:0 12px 34px rgba(17,142,85,.14)}
@keyframes scanSweepV1978{0%{left:-18%;opacity:0}8%{opacity:1}72%{left:100%;opacity:1}80%,100%{left:100%;opacity:0}}
@media(prefers-reduced-motion:reduce){.scan-sweep,.temp-path-normal,.actual-path{animation:none!important}.recognition-card,.det-box rect,.trajectory-badge{opacity:1!important;transform:none!important}.actual-path{stroke-dashoffset:0!important}}


/* =========================================================
   V19.8.1 EN — Visual + Conversion QA
   Scope: English pages only
   ========================================================= */
/* Desktop header: preserve one-line navigation at 1366/1440 without crowding. */
body.en-site .nav-wrap{gap:18px!important;}
body.en-site .main-nav{gap:clamp(14px,1.45vw,22px);}
body.en-site .main-nav a{white-space:nowrap;}
body.en-site .nav-cta{white-space:nowrap;min-width:max-content;}
body.en-site .lang-switch{flex:0 0 auto;}

/* Homepage hero: keep the value proposition readable in two deliberate lines. */
body.en-site .home-hero.hero-immersive .v16-hero-copy{max-width:880px;}
body.en-site .home-hero.hero-immersive .v16-hero-copy h1{
  max-width:860px;
  font-size:clamp(40px,4vw,48px);
  line-height:1.25;
  letter-spacing:-.038em;
}
body.en-site .home-hero.hero-immersive .v16-hero-copy>p{
  max-width:820px;
  color:#dfe6ed;
  font-size:clamp(16px,1.35vw,18px);
  line-height:1.7;
}
body.en-site .home-hero.hero-immersive .hero-actions{margin-top:28px;}
body.en-site .home-hero.hero-immersive .hero-proof-v1948{
  max-width:1120px;
  grid-template-columns:1fr 1.18fr 1.18fr 1fr;
}
body.en-site .home-hero.hero-immersive .hero-proof-v1948>div{min-width:0;}
body.en-site .home-hero.hero-immersive .hero-proof-v1948 strong{font-size:14.5px;}
body.en-site .home-hero.hero-immersive .hero-proof-v1948 span{font-size:12.5px;line-height:1.58;}

/* Standard / product hero: English needs slightly more width and a controlled scale. */
body.en-site .standard-page-banner .company-banner-content,
body.en-site.product-detail-refined .company-banner-content{max-width:960px;}
body.en-site .standard-page-banner h1,
body.en-site.product-detail-refined .company-banner h1{
  max-width:930px;
  font-size:clamp(38px,3.25vw,48px);
  line-height:1.12;
  letter-spacing:-.035em;
}
body.en-site .standard-page-banner p,
body.en-site.product-detail-refined .company-banner p{
  max-width:850px;
  font-size:15px;
  line-height:1.72;
}
body.en-site .company-banner .hero-actions{margin-top:22px;}

/* Section headings: prevent 70–90 character English headings from feeling oversized. */
body.en-site .company-style-page .section-head h2,
body.en-site.product-detail-refined .section-head h2,
body.en-site .scene-section-head h2{
  max-width:860px;
  font-size:clamp(28px,2.25vw,34px);
  line-height:1.18;
  letter-spacing:-.03em;
}
body.en-site .company-style-page .section-head p,
body.en-site.product-detail-refined .section-head p,
body.en-site .scene-section-head p{
  max-width:720px;
  font-size:14.5px;
  line-height:1.72;
}

/* Product center: long international product names stay compact and scannable. */
body.en-site .sync-product-row{grid-template-columns:145px minmax(0,1fr) auto;gap:24px;}
body.en-site .sync-product-row h2{font-size:clamp(22px,2vw,30px);line-height:1.22;}
body.en-site .sync-product-row p{max-width:760px;line-height:1.68;}
body.en-site .sync-product-row>span{white-space:nowrap;}
body.en-site .home-products .visual-product-card h3{font-size:19px;line-height:1.28;}
body.en-site .home-products .visual-product-card>div{padding-left:14px;padding-right:14px;}

/* Product detail cards: keep longer English labels from touching the card edge. */
body.en-site.product-detail-refined .product-metric-card{padding:22px;}
body.en-site.product-detail-refined .product-metric-card strong{font-size:clamp(28px,2.5vw,36px);}
body.en-site.product-detail-refined .product-metric-card span{font-size:13px;line-height:1.52;}
body.en-site.product-detail-refined .product-feature-grid article,
body.en-site.product-detail-refined .product-workflow-grid article,
body.en-site.product-detail-refined .product-copy-stack article{padding:22px;}
body.en-site.product-detail-refined .product-feature-grid h3,
body.en-site.product-detail-refined .product-workflow-grid h3,
body.en-site.product-detail-refined .product-copy-stack h3{font-size:18px;line-height:1.32;}

/* Sticky product navigation: denser English labels, horizontal scroll remains available. */
body.en-site .product-subnav{gap:20px;}
body.en-site .product-subnav-label{padding-right:18px;}
body.en-site .product-subnav a{font-size:12.5px;}

/* Final conversion block: keep the project action dominant, brochure secondary. */
body.en-site .product-project-cta-inner-v1963{grid-template-columns:minmax(0,1fr) auto;gap:34px;}
body.en-site .product-project-cta-v1963 h2{max-width:820px;font-size:clamp(30px,2.65vw,40px);}
body.en-site .product-project-cta-v1963 p{max-width:820px;font-size:15px;line-height:1.72;}
body.en-site .product-project-cta-actions-v1972{flex-wrap:nowrap;}
body.en-site .product-project-cta-button-v1963,
body.en-site .product-project-cta-download-v1972{min-height:48px;}

/* Dynamic scenes: preserve information hierarchy at common laptop widths. */
body.en-site .dynamic-scene{grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);gap:22px;padding:26px;}
body.en-site .scene-stat-card,
body.en-site .recognition-card,
body.en-site .alert-card,
body.en-site .trajectory-legend{padding:15px 16px;}
body.en-site .recognition-card strong,
body.en-site .alert-card strong{font-size:14px;line-height:1.35;}
body.en-site .recognition-card p,
body.en-site .alert-card p{font-size:12.5px;line-height:1.5;}

/* 1180–1400: the main overseas desktop/laptop review range. */
@media (min-width:1180px) and (max-width:1400px){
  body.en-site .container{width:min(1180px,calc(100% - 72px));}
  body.en-site .home-hero.hero-immersive .hero-grid{width:min(1180px,calc(100% - 72px));padding:82px 0 62px;}
  body.en-site .home-hero.hero-immersive .v16-hero-copy h1{font-size:clamp(40px,4vw,48px);}
  body.en-site .home-hero.hero-immersive .hero-proof-v1948{max-width:1080px;}
  body.en-site .main-nav{gap:16px;}
  body.en-site .nav-wrap{gap:16px!important;}
}

/* Tablet: stack conversion actions before they become cramped. */
@media (max-width:1050px){
  body.en-site .product-project-cta-inner-v1963{grid-template-columns:1fr;gap:22px;}
  body.en-site .product-project-cta-actions-v1972{justify-content:flex-start;flex-wrap:wrap;}
  body.en-site .dynamic-scene{grid-template-columns:1fr;}
}

/* Mobile: remove forced desktop line breaks and let English wrap naturally. */
@media (max-width:720px){
  body.en-site .home-hero.hero-immersive .v16-hero-copy h1 br,
  body.en-site .company-banner h1 br{display:none;}
  body.en-site .home-hero.hero-immersive .hero-grid{padding:54px 0 38px;}
  body.en-site .home-hero.hero-immersive .v16-hero-copy h1{font-size:clamp(40px,10.5vw,42px);line-height:1.25;}
  body.en-site .home-hero.hero-immersive .v16-hero-copy>p{font-size:16px;line-height:1.7;}
  body.en-site .home-hero.hero-immersive .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
  body.en-site .home-hero.hero-immersive .hero-actions a{width:100%;}
  body.en-site .standard-page-banner h1,
  body.en-site.product-detail-refined .company-banner h1{font-size:clamp(30px,8.8vw,38px);line-height:1.12;}
  body.en-site .standard-page-banner p,
  body.en-site.product-detail-refined .company-banner p{font-size:14px;line-height:1.68;}
  body.en-site .company-banner .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
  body.en-site .company-banner .hero-actions a{width:100%;}
  body.en-site .sync-product-row{grid-template-columns:1fr;gap:12px;padding:22px 20px;}
  body.en-site .sync-product-row h2{font-size:23px;}
  body.en-site .sync-product-row>span{justify-self:start;}
  body.en-site .product-subnav{gap:16px;}
  body.en-site .product-subnav a{font-size:12px;}
  body.en-site .product-project-cta-actions-v1972{display:grid;grid-template-columns:1fr;gap:10px;width:100%;}
  body.en-site .product-project-cta-button-v1963,
  body.en-site .product-project-cta-download-v1972{width:100%;white-space:normal;text-align:center;line-height:1.25;}
  body.en-site .dynamic-scene{padding:18px;gap:16px;border-radius:20px;}
  body.en-site .recognition-hud{gap:9px;padding:10px 12px;font-size:10px;}
  body.en-site .recognition-hud .hud-live{margin-left:0;}
  body.en-site .alert-sim-trigger{width:100%;}
}


/* =========================================================
   V19.8.2 — Unified Product Detail + Business Footprint Pattern
   Final release candidate visual normalization
   ========================================================= */

/* ---------- Product Detail Pattern ---------- */
body.product-detail-unified-v1982{
  --product-section-y:72px;
  --product-section-y-mobile:48px;
  --product-card-radius:14px;
  --product-card-line:#d9e5ee;
  --product-soft:#f5f8fb;
  --product-title:#0a2946;
  --product-copy:#627384;
}
body.product-detail-unified-v1982 .company-banner.standard-page-banner{
  min-height:440px;
}
body.product-detail-unified-v1982 .company-banner .company-banner-content{
  width:min(1180px,calc(100% - 48px));
  max-width:1180px;
  padding-bottom:52px!important;
}
body.product-detail-unified-v1982 .company-banner .breadcrumb{
  margin-bottom:18px;
}
body.product-detail-unified-v1982 .company-banner h1{
  max-width:900px;
  margin-top:12px;
  margin-bottom:18px;
  font-size:clamp(40px,3.45vw,50px);
  line-height:1.12;
  letter-spacing:-.032em;
}
body.product-detail-unified-v1982 .company-banner p{
  max-width:820px;
  margin-bottom:0;
  color:rgba(235,245,252,.88);
  font-size:15px;
  line-height:1.78;
}
body.product-detail-unified-v1982 .company-banner .hero-actions{
  margin-top:26px;
  gap:12px;
}
body.product-detail-unified-v1982 .product-subnav-wrap{
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #e2eaf0;
  box-shadow:0 3px 14px rgba(7,26,45,.028);
}
body.product-detail-unified-v1982 .product-subnav{
  min-height:58px;
  gap:22px;
}
body.product-detail-unified-v1982 .product-subnav-label{
  color:#17344e;
  font-weight:780;
  padding-right:20px;
}
body.product-detail-unified-v1982 .product-subnav a{
  color:#53697b;
  font-size:13px;
  font-weight:560;
}
body.product-detail-unified-v1982 .product-subnav a:hover,
body.product-detail-unified-v1982 .product-subnav a:focus-visible,
body.product-detail-unified-v1982 .product-subnav a.active,
body.product-detail-unified-v1982 .product-subnav a[aria-current="true"]{
  color:#0867d4;
}
body.product-detail-unified-v1982 main>.section{
  padding-top:var(--product-section-y);
  padding-bottom:var(--product-section-y);
}
body.product-detail-unified-v1982 main>.section.soft{
  background:var(--product-soft);
}
body.product-detail-unified-v1982 .section-head{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(300px,.76fr);
  align-items:end;
  gap:42px;
  margin-bottom:30px;
}
body.product-detail-unified-v1982 .section-head>div{
  min-width:0;
}
body.product-detail-unified-v1982 .section-head .eyebrow{
  margin-bottom:0;
}
body.product-detail-unified-v1982 .section-head h2{
  max-width:780px;
  margin:10px 0 0;
  color:var(--product-title);
  font-size:clamp(30px,2.45vw,36px);
  line-height:1.18;
  letter-spacing:-.028em;
}
body.product-detail-unified-v1982 .section-head>p{
  max-width:600px;
  margin:0;
  color:var(--product-copy);
  font-size:14px;
  line-height:1.82;
}
body.product-detail-unified-v1982 .product-evidence{
  background:#f7fafc;
}
body.product-detail-unified-v1982 .product-metric-grid,
body.product-detail-unified-v1982 .product-feature-grid,
body.product-detail-unified-v1982 .product-workflow-grid,
body.product-detail-unified-v1982 .product-copy-stack{
  gap:14px;
}
body.product-detail-unified-v1982 .product-metric-grid{
  margin-top:28px;
}
body.product-detail-unified-v1982 .product-metric-card{
  min-height:142px;
  padding:24px 22px;
  border:1px solid var(--product-card-line)!important;
  border-radius:var(--product-card-radius)!important;
  background:linear-gradient(145deg,#ffffff,#f3f8fc)!important;
  box-shadow:0 8px 24px rgba(19,77,116,.038)!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
body.product-detail-unified-v1982 .product-metric-card strong{
  color:#0b68b5;
  line-height:1.08;
}
body.product-detail-unified-v1982 .product-metric-card span{
  margin-top:10px;
  color:var(--product-copy);
  line-height:1.58;
}
body.product-detail-unified-v1982 .product-feature-grid article,
body.product-detail-unified-v1982 .product-workflow-grid article,
body.product-detail-unified-v1982 .product-copy-stack article,
body.product-detail-unified-v1982 .product-table-wrap{
  border-radius:var(--product-card-radius)!important;
  border-color:var(--product-card-line)!important;
  box-shadow:0 8px 24px rgba(19,77,116,.035)!important;
}
body.product-detail-unified-v1982 .product-feature-grid article,
body.product-detail-unified-v1982 .product-workflow-grid article,
body.product-detail-unified-v1982 .product-copy-stack article{
  padding:23px 22px;
}
body.product-detail-unified-v1982 .product-feature-grid h3,
body.product-detail-unified-v1982 .product-workflow-grid h3,
body.product-detail-unified-v1982 .product-copy-stack h3{
  color:#15344f;
}
body.product-detail-unified-v1982 .product-feature-grid p,
body.product-detail-unified-v1982 .product-workflow-grid p,
body.product-detail-unified-v1982 .product-copy-stack p{
  color:var(--product-copy);
}
body.product-detail-unified-v1982 .flow-rail{
  margin-top:28px;
}

/* Dynamic product scenes use the same section-heading grammar as every other product section. */
body.product-detail-unified-v1982 .dynamic-scene-section{
  padding-top:var(--product-section-y);
  padding-bottom:var(--product-section-y);
  background:#fff;
}
body.product-detail-unified-v1982 .scene-section-head{
  max-width:none;
  margin:0 0 30px;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(300px,.76fr);
  grid-template-rows:auto auto;
  align-items:end;
  column-gap:42px;
  row-gap:0;
}
body.product-detail-unified-v1982 .scene-section-head>.scene-eyebrow,
body.product-detail-unified-v1982 .scene-section-head>.eyebrow{
  grid-column:1;
  grid-row:1;
  justify-self:start;
}
body.product-detail-unified-v1982 .scene-section-head>h2{
  grid-column:1;
  grid-row:2;
  max-width:780px;
  margin:10px 0 0;
  color:var(--product-title);
  font-size:clamp(30px,2.45vw,36px);
  line-height:1.18;
  letter-spacing:-.028em;
}
body.product-detail-unified-v1982 .scene-section-head>p{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  max-width:600px;
  margin:0;
  color:var(--product-copy);
  font-size:14px;
  line-height:1.82;
}
body.product-detail-unified-v1982 .dynamic-scene{
  border-radius:18px;
  box-shadow:0 18px 46px rgba(6,25,45,.14);
}

/* Same conversion ending on every product page. */
body.product-detail-unified-v1982 .product-project-cta-v1963{
  padding:54px 0 58px;
}
body.product-detail-unified-v1982 .product-project-cta-inner-v1963{
  width:min(1180px,calc(100% - 48px));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:38px;
}
body.product-detail-unified-v1982 .product-project-cta-v1963 h2{
  max-width:760px;
  margin-bottom:12px;
  font-size:clamp(30px,2.7vw,40px);
  line-height:1.16;
  letter-spacing:-.028em;
}
body.product-detail-unified-v1982 .product-project-cta-v1963 p{
  max-width:780px;
  font-size:14.5px;
  line-height:1.78;
}
body.product-detail-unified-v1982 .product-project-cta-actions-v1972{
  justify-content:flex-end;
}

/* ---------- Business Footprint Pattern ---------- */
body.company-refined .business-footprint-unified-v1982{
  position:relative;
  padding:68px 0 72px!important;
  background:
    radial-gradient(circle at 76% 18%,rgba(67,207,224,.075),transparent 27%),
    linear-gradient(180deg,#f3f7fb 0%,#f6f9fc 100%)!important;
  border-top:1px solid #e4edf3;
  border-bottom:1px solid #e4edf3;
  overflow:hidden;
}
body.company-refined .business-footprint-unified-v1982::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(22,101,157,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(22,101,157,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 76%);
}
body.company-refined .business-footprint-unified-v1982>.container{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 48px));
}
body.company-refined .business-footprint-unified-v1982 .footprint-clean-head-v1956{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);
  align-items:end;
  gap:42px;
  margin-bottom:28px;
}
body.company-refined .business-footprint-unified-v1982 .footprint-clean-title-v1956 h2{
  margin:10px 0 0;
  font-size:32px;
  line-height:1.2;
  letter-spacing:-.026em;
}
body.company-refined .business-footprint-unified-v1982 .footprint-clean-head-v1956>p{
  max-width:580px;
  margin:0;
  color:#627384;
  font-size:14px;
  line-height:1.82;
}
body.company-refined .business-footprint-unified-v1982 .footprint-clean-stage-v1964{
  position:relative;
  margin-top:0;
  padding:8px 0 0;
}
body.company-refined .business-footprint-unified-v1982 .footprint-clean-map-wrap-v1964{
  width:min(78%,900px);
  max-width:900px;
  margin:0 auto;
  isolation:isolate;
  overflow:hidden;
}
body.company-refined .business-footprint-unified-v1982 .footprint-clean-image-v1955{
  width:100%;
  max-width:none;
  margin:0;
  filter:saturate(.94) contrast(.99);
}
/* No animated location dots. Motion is ambient only: sheen + slow data flow. */
body.company-refined .business-footprint-unified-v1982 .footprint-map-pulse-v1964{
  display:none!important;
}
body.company-refined .business-footprint-unified-v1982 .footprint-map-ambient-v1967{
  opacity:.58;
}
body.company-refined .business-footprint-unified-v1982 .footprint-map-sheen-v1964{
  opacity:.48;
  animation-duration:8.6s;
}
body.company-refined .business-footprint-unified-v1982 .footprint-map-flow-v1967{
  opacity:.34;
  animation-duration:15s;
}

@media(max-width:1050px){
  body.product-detail-unified-v1982 .section-head,
  body.product-detail-unified-v1982 .scene-section-head{
    grid-template-columns:1fr;
    gap:14px;
  }
  body.product-detail-unified-v1982 .scene-section-head>p{
    grid-column:1;
    grid-row:3;
    max-width:760px;
  }
  body.product-detail-unified-v1982 .product-project-cta-inner-v1963{
    grid-template-columns:1fr;
    gap:24px;
  }
  body.product-detail-unified-v1982 .product-project-cta-actions-v1972{
    justify-content:flex-start;
  }
  body.company-refined .business-footprint-unified-v1982 .footprint-clean-head-v1956{
    grid-template-columns:1fr;
    gap:14px;
  }
  body.company-refined .business-footprint-unified-v1982 .footprint-clean-head-v1956>p{
    max-width:760px;
  }
  body.company-refined .business-footprint-unified-v1982 .footprint-clean-map-wrap-v1964{
    width:min(88%,760px);
  }
}
@media(max-width:720px){
  body.product-detail-unified-v1982{--product-section-y:var(--product-section-y-mobile)}
  body.product-detail-unified-v1982 .company-banner.standard-page-banner{min-height:auto}
  body.product-detail-unified-v1982 .company-banner .company-banner-content{
    width:calc(100% - 32px);
    padding-bottom:34px!important;
  }
  body.product-detail-unified-v1982 .company-banner h1{
    font-size:clamp(30px,8.8vw,38px);
    line-height:1.14;
  }
  body.product-detail-unified-v1982 .company-banner p{font-size:14px;line-height:1.7}
  body.product-detail-unified-v1982 .product-subnav{min-height:52px;gap:16px}
  body.product-detail-unified-v1982 .section-head h2,
  body.product-detail-unified-v1982 .scene-section-head>h2{font-size:28px}
  body.product-detail-unified-v1982 .section-head>p,
  body.product-detail-unified-v1982 .scene-section-head>p{font-size:13.5px;line-height:1.72}
  body.product-detail-unified-v1982 .product-project-cta-inner-v1963{width:calc(100% - 32px)}
  body.product-detail-unified-v1982 .product-project-cta-v1963{padding:42px 0 46px}
  body.company-refined .business-footprint-unified-v1982{padding:50px 0 54px!important}
  body.company-refined .business-footprint-unified-v1982>.container{width:calc(100% - 32px)}
  body.company-refined .business-footprint-unified-v1982 .footprint-clean-title-v1956 h2{font-size:28px}
  body.company-refined .business-footprint-unified-v1982 .footprint-clean-head-v1956>p{font-size:13.5px;line-height:1.72}
  body.company-refined .business-footprint-unified-v1982 .footprint-clean-map-wrap-v1964{width:100%}
}
@media(prefers-reduced-motion:reduce){
  body.company-refined .business-footprint-unified-v1982 .footprint-map-ambient-v1967,
  body.company-refined .business-footprint-unified-v1982 .footprint-map-sheen-v1964,
body.company-refined .business-footprint-unified-v1982 .footprint-map-flow-v1967{animation:none!important}
}

/* V19.9 final responsive cascade */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}body{min-width:320px;overflow-x:clip}:where(main,section,article,header,footer,div){min-width:0}:where(img,video,svg,canvas,iframe){max-width:100%;height:auto}.container{width:min(100% - 48px,1180px);max-width:1180px}.nav-wrap{min-height:76px;gap:clamp(12px,1.8vw,28px)}.brand{flex:0 1 176px;min-width:0}.brand-logo{width:100%;height:auto}.main-nav{min-width:0}.main-nav a{white-space:nowrap}.lang-switch,.nav-cta{flex:none}
@media(min-width:1440px){.container,.home-hero.hero-immersive .hero-grid{width:min(100% - 96px,1320px);max-width:1320px}.nav-wrap{min-height:82px}}
@media(max-width:1180px){.container,.home-hero.hero-immersive .hero-grid{width:min(100% - 40px,1040px)}.site-header .nav-wrap{position:relative}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;order:3;width:44px;height:44px;margin-left:auto;color:#fff;cursor:pointer}.lang-switch{order:2;margin-left:auto}.nav-cta{order:4}.main-nav{position:absolute!important;z-index:1000;top:100%!important;left:20px;right:20px;display:none!important;max-height:calc(100dvh - 92px);padding:12px 20px 18px;overflow-y:auto;background:#071a2d;border:1px solid rgba(255,255,255,.1);border-radius:0 0 12px 12px;box-shadow:0 22px 50px rgba(0,0,0,.28)}.main-nav.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.main-nav a{display:block;padding:13px 0;min-height:48px;color:#d8e6f1}}
@media(max-width:900px){.container,.home-hero.hero-immersive .hero-grid{width:calc(100% - 40px)}.nav-cta{display:none}.hero-grid,.section-head,.cta-grid,.positioning-statement,.capability-strip-head{grid-template-columns:1fr!important}.footer-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-about-grid{grid-template-columns:1fr!important}.home-about-media{min-height:320px}.home-about-media img{width:100%;height:100%;object-fit:cover}}
@media(max-width:640px){.container,.home-hero.hero-immersive .hero-grid{width:calc(100% - 32px)}.nav-wrap{min-height:64px;gap:10px}.brand{flex-basis:145px;max-width:145px}.lang-switch{font-size:13px}.menu-toggle{width:42px;height:42px;font-size:25px}.main-nav{left:0;right:0;max-height:calc(100dvh - 64px);border-left:0;border-right:0;border-radius:0;padding:10px 16px 18px}.main-nav.open{grid-template-columns:1fr}.main-nav a{min-height:46px;padding:11px 4px;font-size:15px}.home-hero.hero-immersive .hero-grid{min-height:auto;padding:112px 0 58px}.home-hero.hero-immersive .v16-hero-copy h1{font-size:clamp(31px,9.2vw,38px);line-height:1.18}.hero-actions{display:grid;grid-template-columns:1fr;gap:12px}.hero-actions a,.cta-grid>a{width:100%;min-height:48px}.section{padding-top:54px;padding-bottom:54px}.footer-top{grid-template-columns:1fr!important}.footer-bottom{display:grid;gap:10px}.product-subnav,.company-tabs{display:flex!important;max-width:100%;overflow-x:auto}.product-subnav>a,.company-tabs>a{flex:0 0 auto}.home-about-media{min-height:240px}}
@media(max-width:380px){.container,.home-hero.hero-immersive .hero-grid{width:calc(100% - 24px)}.brand{flex-basis:132px;max-width:132px}.home-hero.hero-immersive .v16-hero-copy h1{font-size:29px}}
/* V20.0 — Yard receiving case analysis */
.yard-case-section{
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 10%,rgba(35,158,215,.10),transparent 28%),
    linear-gradient(180deg,#eef4f8 0%,#f8fafc 100%);
  border-top:1px solid #e1eaf0;
  border-bottom:1px solid #e1eaf0;
}
.yard-case-head{max-width:860px;margin-bottom:30px}
.yard-case-head h2{color:#0a2946;font-size:clamp(31px,3.1vw,46px);line-height:1.16;letter-spacing:-.03em}
.yard-case-head p{max-width:780px;color:#5d7387;font-size:16px;line-height:1.8}
.yard-case-player{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);
  min-height:570px;
  overflow:hidden;
  border:1px solid rgba(151,190,215,.34);
  border-radius:22px;
  background:#071f35;
  box-shadow:0 28px 70px rgba(8,39,64,.18);
}
.yard-case-stage{position:relative;min-height:570px;overflow:hidden;background:#092c49}
.yard-case-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.57)}
.yard-case-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,31,.18),rgba(2,18,31,.58)),linear-gradient(90deg,rgba(5,30,49,.34),transparent 54%,rgba(5,30,49,.28))}
.yard-case-toolbar{
  position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;
  min-height:48px;padding:0 18px;border-bottom:1px solid rgba(204,232,247,.14);
  background:rgba(5,28,46,.76);backdrop-filter:blur(8px);color:#dbeaf3;font-size:11px;font-weight:750;letter-spacing:.09em;
}
.yard-case-toolbar span{display:flex;align-items:center;gap:8px}
.yard-case-toolbar i{width:7px;height:7px;border-radius:50%;background:#56e0ba;box-shadow:0 0 12px rgba(86,224,186,.76)}
.yard-case-toolbar b{padding:4px 8px;border:1px solid rgba(91,211,232,.3);border-radius:999px;background:rgba(67,207,224,.12);color:#bceff6;font-size:10px;letter-spacing:.11em}
.yard-case-route{position:absolute;z-index:2;inset:8% 3% 8%;width:94%;height:84%;overflow:visible}
.yard-case-route path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.yard-case-route-base{stroke:rgba(198,218,232,.38);stroke-width:3;stroke-dasharray:7 10}
.yard-case-route-live{stroke:#43cfe0;stroke-width:4;stroke-dasharray:900;stroke-dashoffset:900;filter:drop-shadow(0 0 8px rgba(67,207,224,.72));transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}
.yard-case-player[data-active-step="0"] .yard-case-route-live{stroke-dashoffset:720}
.yard-case-player[data-active-step="1"] .yard-case-route-live{stroke-dashoffset:540}
.yard-case-player[data-active-step="2"] .yard-case-route-live{stroke-dashoffset:360}
.yard-case-player[data-active-step="3"] .yard-case-route-live{stroke-dashoffset:180}
.yard-case-player[data-active-step="4"] .yard-case-route-live{stroke-dashoffset:0}
.yard-case-runner{
  position:absolute;z-index:4;left:0;top:0;width:42px;height:42px;display:grid;place-items:center;
  border:2px solid rgba(197,248,255,.85);border-radius:12px;
  background:linear-gradient(145deg,#29b5d2,#087aa6);box-shadow:0 0 0 7px rgba(67,207,224,.10),0 10px 24px rgba(0,0,0,.28);
  transform:translate(-50%,-50%);transition:left 1.2s cubic-bezier(.4,0,.2,1),top 1.2s cubic-bezier(.4,0,.2,1);
}
.yard-case-runner span{color:#fff;font-size:9px;font-weight:900;letter-spacing:.04em}
.yard-case-player[data-active-step="0"] .yard-case-runner{left:10%;top:71%}
.yard-case-player[data-active-step="1"] .yard-case-runner{left:27%;top:62%}
.yard-case-player[data-active-step="2"] .yard-case-runner{left:43%;top:52%}
.yard-case-player[data-active-step="3"] .yard-case-runner{left:66%;top:44%}
.yard-case-player[data-active-step="4"] .yard-case-runner{left:91%;top:53%}
.yard-case-node{
  position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 11px;
  border:1px solid rgba(190,215,231,.32);border-radius:999px;background:rgba(4,27,45,.78);
  color:#d8e6ef;backdrop-filter:blur(7px);box-shadow:0 8px 22px rgba(1,18,30,.18);
  opacity:.68;transform:translateY(0);transition:opacity .35s ease,transform .35s ease,border-color .35s ease,background .35s ease;
}
.yard-case-node span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(132,163,184,.22);color:#cde1ee;font-size:10px;font-weight:900}
.yard-case-node strong{font-size:12px;line-height:1.2;white-space:nowrap}
.yard-case-node.is-past{opacity:.9}
.yard-case-node.is-active{opacity:1;transform:translateY(-4px);border-color:rgba(79,226,238,.72);background:rgba(5,66,91,.88);box-shadow:0 0 0 6px rgba(67,207,224,.09),0 12px 28px rgba(1,18,30,.28)}
.yard-case-node.is-active span{background:#43cfe0;color:#062a43}
.yard-case-node-1{left:5%;top:64%}
.yard-case-node-2{left:19%;top:27%}
.yard-case-node-3{left:40%;top:51%}
.yard-case-node-4{right:19%;top:25%}
.yard-case-node-5{right:4%;top:58%}
.yard-case-complete{
  position:absolute;z-index:5;right:18px;bottom:18px;display:flex;align-items:center;gap:11px;
  padding:12px 15px;border:1px solid rgba(101,239,176,.35);border-radius:14px;background:rgba(5,80,61,.86);
  color:#f0fff8;box-shadow:0 14px 34px rgba(0,24,20,.26);backdrop-filter:blur(8px);
  opacity:0;transform:translateY(10px);transition:opacity .38s ease,transform .38s ease;
}
.yard-case-player[data-active-step="4"] .yard-case-complete{opacity:1;transform:translateY(0)}
.yard-case-complete>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2ec27e;color:#fff;font-weight:900}
.yard-case-complete strong,.yard-case-complete small{display:block}
.yard-case-complete strong{font-size:13px}
.yard-case-complete small{margin-top:3px;color:#bcefd7;font-size:10px}
.yard-case-steps{display:grid;grid-template-rows:repeat(5,1fr);margin:0;padding:18px;list-style:none;background:linear-gradient(180deg,#0a2a47 0%,#061b2f 100%)}
.yard-case-steps li{min-height:0}
.yard-case-steps button{
  position:relative;width:100%;height:100%;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;
  padding:12px 10px;border:0;border-bottom:1px solid rgba(199,224,238,.10);background:transparent;color:#fff;text-align:left;cursor:pointer;
}
.yard-case-steps li:last-child button{border-bottom:0}
.yard-case-steps button>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(191,218,233,.24);border-radius:10px;color:#93afc1;font-size:11px;font-weight:900;transition:.3s ease}
.yard-case-steps strong,.yard-case-steps small{display:block}
.yard-case-steps strong{color:#e8f2f8;font-size:14px;line-height:1.35}
.yard-case-steps small{margin-top:5px;color:#9eb5c5;font-size:11px;line-height:1.55}
.yard-case-steps button::after{content:"";position:absolute;left:-18px;top:16%;bottom:16%;width:3px;border-radius:4px;background:#43cfe0;transform:scaleY(0);transition:transform .3s ease}
.yard-case-steps button.is-active{background:linear-gradient(90deg,rgba(67,207,224,.11),transparent 80%)}
.yard-case-steps button.is-active::after{transform:scaleY(1)}
.yard-case-steps button.is-active>span{border-color:#43cfe0;background:#43cfe0;color:#062a43;box-shadow:0 0 20px rgba(67,207,224,.28)}
.yard-case-steps button:hover{background:rgba(255,255,255,.035)}
.yard-case-steps button:focus-visible{outline:2px solid #8cebf4;outline-offset:-2px;border-radius:8px}
@media(max-width:1040px){
  .yard-case-player{grid-template-columns:1fr;min-height:0}
  .yard-case-stage{min-height:520px}
  .yard-case-steps{grid-template-columns:repeat(5,1fr);grid-template-rows:none;padding:14px}
  .yard-case-steps button{height:auto;min-height:132px;display:block;padding:14px 12px;border-right:1px solid rgba(199,224,238,.10);border-bottom:0}
  .yard-case-steps li:last-child button{border-right:0}
  .yard-case-steps button>span{margin-bottom:9px}
  .yard-case-steps button::after{left:12px;right:12px;top:-14px;bottom:auto;width:auto;height:3px;transform:scaleX(0)}
  .yard-case-steps button.is-active::after{transform:scaleX(1)}
}
@media(max-width:760px){
  .yard-case-head{margin-bottom:22px}
  .yard-case-head p{font-size:14px;line-height:1.72}
  .yard-case-player{border-radius:17px}
  .yard-case-stage{min-height:430px}
  .yard-case-node{padding:6px 8px}
  .yard-case-node strong{font-size:10px}
  .yard-case-node span{width:20px;height:20px;font-size:9px}
  .yard-case-runner{width:36px;height:36px}
  .yard-case-steps{grid-template-columns:1fr;padding:12px 16px}
  .yard-case-steps button{min-height:0;display:grid;grid-template-columns:34px 1fr;padding:13px 8px;border-right:0;border-bottom:1px solid rgba(199,224,238,.10)}
  .yard-case-steps button>span{margin:0;width:30px;height:30px}
  .yard-case-steps button::after{left:-16px;right:auto;top:18%;bottom:18%;width:3px;height:auto;transform:scaleY(0)}
  .yard-case-steps button.is-active::after{transform:scaleY(1)}
}
@media(max-width:520px){
  .yard-case-stage{min-height:350px}
  .yard-case-toolbar{padding:0 12px;font-size:9px}
  .yard-case-node{gap:5px}
  .yard-case-node strong{display:none}
  .yard-case-node-1{left:3%}.yard-case-node-2{left:17%}.yard-case-node-3{left:39%}.yard-case-node-4{right:17%}.yard-case-node-5{right:3%}
  .yard-case-complete{left:12px;right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  .yard-case-route-live,.yard-case-runner,.yard-case-node,.yard-case-complete,.yard-case-steps button::after{transition:none!important}
  .yard-case-route-live{stroke-dashoffset:0!important}
}

/* V20.1 — Reference-matched container receiving workflow */
.yard-case-reference-v201{
  padding:76px 0 82px!important;
  background:#fff!important;
  border-top:1px solid #e8eff5;
  border-bottom:1px solid #e8eff5;
}
.yard-case-intro-v201{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:54px;align-items:end;margin-bottom:24px}
.yard-case-intro-v201 .scene-eyebrow{margin-bottom:8px;color:#078ba7!important;background:transparent!important;border:0!important;padding:0!important;font-size:12px;letter-spacing:.18em}
.yard-case-intro-v201 .scene-eyebrow::before{background:#25b8c7!important}
.yard-case-intro-v201 h2{margin:0;color:#081d34;font-size:clamp(31px,3.15vw,45px);line-height:1.17;letter-spacing:-.035em}
.yard-case-intro-v201>p{max-width:590px;margin:0 0 2px;color:#52687a;font-size:15px;line-height:1.85}
.yard-case-benefits-v201{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:26px}
.yard-case-benefits-v201 span{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 18px;border:1px solid #cfe6f3;border-radius:999px;background:#f7fbfe;color:#167cbc;box-shadow:0 5px 16px rgba(28,111,166,.07);font-size:13px}
.yard-case-benefits-v201 b{color:#173148;font-size:13px}
.yard-case-shell-v201{border:1px solid #cfe0ec;border-radius:24px;background:linear-gradient(180deg,#fbfdff 0%,#f2f8fc 100%);box-shadow:0 22px 52px rgba(27,79,116,.12)}
.yard-case-scroll-v201{overflow-x:auto;overscroll-behavior-inline:contain;border-radius:24px;scrollbar-color:#9dcfe7 #eef6fa;scrollbar-width:thin}
.yard-case-scroll-v201:focus-visible{outline:3px solid rgba(38,170,217,.38);outline-offset:4px}
.yard-case-board-v201{position:relative;width:1120px;min-height:615px;padding:24px 20px 30px;background:radial-gradient(circle at 50% 8%,rgba(87,203,232,.10),transparent 34%)}
.yard-case-grid-v201{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.yard-case-lane-v201{position:relative;min-width:0}
.yard-case-lane-v201>header{position:relative;height:64px;display:flex;align-items:center;justify-content:center;gap:13px;padding:0 18px;color:#fff;background:linear-gradient(135deg,#073d64 0%,#00557e 58%,#07344f 100%);border:1px solid rgba(65,180,220,.32);border-radius:10px 10px 5px 5px;box-shadow:0 10px 22px rgba(5,61,98,.18),inset 0 1px 0 rgba(255,255,255,.1);clip-path:polygon(0 0,100% 0,100% 82%,94% 100%,0 100%)}
.yard-case-lane-v201>header::after{content:"";position:absolute;right:11px;bottom:4px;width:28px;height:2px;background:#4cd5ef;box-shadow:6px 4px 0 #4cd5ef}
.yard-case-lane-v201>header svg{width:33px;height:33px;flex:0 0 auto;fill:none;stroke:#58d5f2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(88,213,242,.34))}
.yard-case-lane-v201>header strong,.yard-case-lane-v201>header small{display:block}
.yard-case-lane-v201>header strong{font-size:17px;line-height:1.2;letter-spacing:.02em}
.yard-case-lane-v201>header small{margin-top:4px;color:#b8d9e8;font-size:10px;line-height:1.3}
.yard-case-lane-v201>header>div{min-width:0;flex:1}
.yard-case-lane-v201:last-child>header{gap:10px;padding-right:14px;padding-left:14px}
.yard-case-lane-v201:last-child>header svg{width:30px;height:30px}
.yard-case-lane-v201:last-child>header strong{font-size:14px;line-height:1.14;letter-spacing:0}
.yard-case-lane-v201:last-child>header small{margin-top:2px;font-size:9px;line-height:1.18}
.yard-case-lane-body-v201{display:flex;flex-direction:column;align-items:stretch;padding:22px 13px 20px}
.yard-case-card-v201{position:relative;z-index:3;min-height:78px;padding:16px 15px;border:1px solid #e2edf4;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(30,82,118,.08);transition:border-color .32s ease,box-shadow .32s ease,transform .32s ease,opacity .32s ease}
.yard-case-card-title-v201{display:grid;grid-template-columns:29px 1fr;gap:9px;align-items:start}
.yard-case-card-title-v201>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e9f4ff;color:#147fd4;font-size:11px;font-weight:900;transition:background .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease}
.yard-case-card-title-v201 strong,.yard-case-card-title-v201 small{display:block}
.yard-case-card-title-v201 strong{color:#112b43;font-size:13px;line-height:1.42}
.yard-case-card-title-v201 small{margin-top:3px;color:#627789;font-size:10.5px;line-height:1.5}
.yard-case-card-media-v201{min-height:171px}
.yard-case-card-media-v201>img{display:block;width:100%;height:82px;margin-top:12px;border-radius:8px;object-fit:cover;object-position:center;filter:saturate(.86) contrast(.97)}
.yard-case-card-che-v201{min-height:205px}
.yard-case-card-che-v201>img{height:108px}
.yard-case-card-code-v201{min-height:212px}
.yard-case-card-code-v201 pre{position:relative;margin:12px 0 0;padding:19px 12px 10px;border-radius:8px;background:#edf7fc;color:#3e789c;font:10px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}
.yard-case-card-code-v201 pre em{position:absolute;top:6px;right:8px;color:#2098c0;font:700 8px/1.2 Arial,sans-serif;letter-spacing:.08em}
.yard-case-card-monitor-v201{min-height:236px}
.yard-case-monitor-image-v201{position:relative;margin-top:12px}
.yard-case-monitor-image-v201 img{display:block;width:100%;height:126px;border-radius:8px;object-fit:cover;filter:brightness(.66) saturate(.83)}
.yard-case-monitor-image-v201 span{position:absolute;right:8px;bottom:8px;padding:5px 8px;border:1px solid rgba(150,255,208,.38);border-radius:999px;background:rgba(6,126,79,.88);color:#edfff6;font-size:8px;font-weight:800;box-shadow:0 5px 14px rgba(0,57,38,.3)}
.yard-case-card-v201.is-complete{border-color:#b7dff4}
.yard-case-card-v201.is-complete .yard-case-card-title-v201>span{background:#248bd7;color:#fff}
.yard-case-card-v201.is-current{z-index:4;border-color:#39bdea;box-shadow:0 0 0 4px rgba(57,189,234,.12),0 15px 34px rgba(24,114,166,.17);transform:translateY(-3px)}
.yard-case-card-v201.is-current .yard-case-card-title-v201>span{background:#16b9da;color:#fff;box-shadow:0 0 0 6px rgba(22,185,218,.12),0 0 18px rgba(22,185,218,.28);transform:scale(1.04)}
.yard-case-arrow-down-v201{position:relative;z-index:2;width:2px;height:27px;margin:0 auto;background:linear-gradient(180deg,rgba(151,205,226,.38),#79c9e3 48%,#a4d9ea);border-radius:999px;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 7px rgba(49,161,204,.16);transition:background .25s ease,box-shadow .25s ease}
.yard-case-arrow-down-v201::after{content:"";position:absolute;left:50%;bottom:0;width:8px;height:8px;border-right:2px solid #72b9d5;border-bottom:2px solid #72b9d5;transform:translate(-50%,1px) rotate(45deg);transition:border-color .25s ease,filter .25s ease}
.yard-case-arrow-down-v201.is-live{background:linear-gradient(180deg,#55b6eb,#20cbe7 58%,#2aa7ea);box-shadow:0 0 0 1px rgba(255,255,255,.78),0 0 12px rgba(32,201,234,.52)}
.yard-case-arrow-down-v201.is-live::after{border-color:#17bddd;filter:drop-shadow(0 0 3px rgba(32,201,234,.55))}
.yard-case-arrow-x-v201{position:absolute;z-index:5;top:172px;width:34px;height:2px;background:linear-gradient(90deg,rgba(151,205,226,.38),#79c9e3 48%,#a4d9ea);border-radius:999px;box-shadow:0 0 0 1px rgba(255,255,255,.7),0 0 7px rgba(49,161,204,.16);transition:background .25s ease,box-shadow .25s ease}
.yard-case-arrow-x-v201::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-top:2px solid #72b9d5;border-right:2px solid #72b9d5;transform:translate(1px,-50%) rotate(45deg);transition:border-color .25s ease,filter .25s ease}
.yard-case-arrow-x1-v201{left:267px}.yard-case-arrow-x2-v201{left:543px}.yard-case-arrow-x3-v201{left:819px}
.yard-case-arrow-x-v201.is-live{background:linear-gradient(90deg,#55b6eb,#20cbe7 58%,#2aa7ea);box-shadow:0 0 0 1px rgba(255,255,255,.78),0 0 12px rgba(32,201,234,.52)}
.yard-case-arrow-x-v201.is-live::after{border-color:#17bddd;filter:drop-shadow(0 0 3px rgba(32,201,234,.55))}
.yard-case-feedback-v201{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.yard-case-feedback-v201>path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.yard-case-feedback-track-v204{stroke:#79c9e3;stroke-width:2;filter:drop-shadow(0 0 4px rgba(49,161,204,.18))}
.yard-case-feedback-head-v204{fill:none;stroke:#72b9d5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s ease,filter .25s ease}
.yard-case-feedback-pulse-v204{stroke:url(#yard-case-feedback-gradient-v204);stroke-width:2.4;stroke-dasharray:10 14;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 4px rgba(32,201,234,.5))}
.yard-case-feedback-packet-v204{fill:#efffff;stroke:#20cbe7;stroke-width:1.5;opacity:0;filter:drop-shadow(0 0 5px #20cbe7)}
.yard-case-board-v201[data-case-active="8"] .yard-case-feedback-track-v204{stroke:#35badf;filter:drop-shadow(0 0 6px rgba(33,201,231,.5))}
.yard-case-board-v201[data-case-active="8"] .yard-case-feedback-head-v204{stroke:#17bddd;filter:drop-shadow(0 0 3px rgba(32,201,234,.6))}
.yard-case-board-v201[data-case-active="8"] .yard-case-feedback-pulse-v204{opacity:1;animation:yardCaseFeedbackFlowV204 .8s linear infinite}
.yard-case-board-v201[data-case-active="8"] .yard-case-feedback-packet-v204{opacity:1}
.yard-case-board-v201[data-case-active="8"] .yard-case-card-monitor-v201 span{animation:yardCaseVerifiedV201 .7s .6s both}
@keyframes yardCaseFeedbackFlowV204{to{stroke-dashoffset:-48}}
@keyframes yardCaseVerifiedV201{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:900px){
  .yard-case-reference-v201{padding:62px 0 68px!important}
  .yard-case-intro-v201{grid-template-columns:1fr;gap:14px;align-items:start}
  .yard-case-intro-v201>p{max-width:720px}
}
@media(max-width:640px){
  .yard-case-reference-v201{padding:50px 0 56px!important}
  .yard-case-intro-v201 h2{font-size:29px}
  .yard-case-intro-v201>p{font-size:13.5px;line-height:1.72}
  .yard-case-benefits-v201{gap:8px;margin-bottom:20px}
  .yard-case-benefits-v201 span{min-height:34px;padding:0 12px;font-size:11px}
  .yard-case-benefits-v201 b{font-size:11px}
  .yard-case-shell-v201,.yard-case-scroll-v201{border-radius:17px}
  .yard-case-board-v201{transform-origin:top left}
}
@media(prefers-reduced-motion:reduce){
  .yard-case-card-v201,.yard-case-card-title-v201>span,.yard-case-arrow-down-v201,.yard-case-arrow-x-v201{transition:none!important}
  .yard-case-feedback-pulse-v204,.yard-case-monitor-image-v201 span{animation:none!important}
  .yard-case-feedback-pulse-v204{stroke-dasharray:none!important;stroke-dashoffset:0!important}
  .yard-case-feedback-packet-v204{display:none}
}

/* V20.2 — Direct exploration of workflow steps and system headings */
.yard-case-card-v201[role="button"],.yard-case-lane-v201>header[role="button"]{cursor:pointer}
.yard-case-lane-v201>header[role="button"]{overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,filter .25s ease}
.yard-case-lane-v201>header[role="button"]::before{content:"";position:absolute;z-index:0;inset:-35% auto -35% -48%;width:34%;background:linear-gradient(90deg,transparent,rgba(117,231,255,.22),transparent);transform:skewX(-16deg);opacity:0;pointer-events:none}
.yard-case-lane-v201>header[role="button"]>svg,.yard-case-lane-v201>header[role="button"]>div{position:relative;z-index:1}
.yard-case-lane-v201>header[role="button"]:hover,.yard-case-lane-v201>header[role="button"]:focus-visible,.yard-case-lane-v201>header.is-current-system{border-color:rgba(91,224,250,.86);box-shadow:0 0 0 3px rgba(48,198,229,.12),0 12px 28px rgba(5,61,98,.24),inset 0 0 18px rgba(40,199,232,.10);filter:brightness(1.08)}
.yard-case-lane-v201>header.is-current-system::before{opacity:1;animation:yardCaseHeaderSweepV202 1.45s ease-in-out infinite}
.yard-case-card-v201[role="button"]:focus-visible{outline:3px solid rgba(32,188,228,.38);outline-offset:3px}
.yard-case-arrow-down-v201::before,.yard-case-arrow-x-v201::before{content:"";position:absolute;z-index:2;width:6px;height:6px;border:1px solid #27cde8;border-radius:50%;background:#efffff;box-shadow:0 0 0 3px rgba(35,203,231,.14),0 0 9px #22cbe8;opacity:0;pointer-events:none}
.yard-case-arrow-down-v201::before{top:0;left:50%;transform:translateX(-50%)}
.yard-case-arrow-x-v201::before{top:50%;left:0;transform:translateY(-50%)}
.yard-case-arrow-down-v201.is-flowing::before{opacity:1;animation:yardCaseFlowYV202 .9s linear infinite}
.yard-case-arrow-x-v201.is-flowing::before{opacity:1;animation:yardCaseFlowXV202 .9s linear infinite}
@media(hover:hover){.yard-case-card-v201[role="button"]:hover:not(.is-current){border-color:#8fd8ef;box-shadow:0 13px 30px rgba(24,114,166,.14);transform:translateY(-2px)}}
@keyframes yardCaseHeaderSweepV202{0%{left:-48%}65%,100%{left:118%}}
@keyframes yardCaseFlowYV202{from{top:0}to{top:calc(100% - 6px)}}
@keyframes yardCaseFlowXV202{from{left:0}to{left:calc(100% - 6px)}}
@media(prefers-reduced-motion:reduce){
  .yard-case-lane-v201>header.is-current-system::before,.yard-case-arrow-down-v201.is-flowing::before,.yard-case-arrow-x-v201.is-flowing::before{animation:none!important}
  .yard-case-lane-v201>header.is-current-system::before{display:none}
  .yard-case-arrow-down-v201.is-flowing::before{top:calc(100% - 6px)}
  .yard-case-arrow-x-v201.is-flowing::before{left:calc(100% - 6px)}
}

/* V20.6 — Original industrial control-network visual system */
.yard-case-theme-v206{background:linear-gradient(180deg,#f7fbfe 0%,#fff 22%,#f5f9fc 100%)!important}
.yard-case-theme-v206 .yard-case-intro-v205{margin-bottom:15px}
.yard-case-legend-v206{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin:0 4px 14px}
.yard-case-legend-v206 span{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:0 12px;border:1px solid #d2e4ee;border-radius:7px;background:rgba(255,255,255,.82);color:#466174;font-size:11px;font-weight:700;box-shadow:0 5px 14px rgba(23,81,112,.05)}
.yard-case-legend-v206 i{position:relative;width:25px;height:2px;border-radius:999px;background:#27c4e3;box-shadow:0 0 7px rgba(39,196,227,.4)}
.yard-case-legend-v206 i::after{content:"";position:absolute;right:-1px;top:50%;width:6px;height:6px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translateY(-50%) rotate(45deg)}
.yard-case-legend-main-v206{color:#27c4e3}.yard-case-legend-sync-v206{color:#ff9a3d!important;background:#ff9a3d!important;box-shadow:0 0 7px rgba(255,154,61,.38)!important}.yard-case-legend-feedback-v206{color:#9a8cff!important;background:#9a8cff!important;box-shadow:0 0 7px rgba(154,140,255,.38)!important}
.yard-case-theme-v206 .yard-case-shell-v205{border-color:#1a5271;background:#061827;box-shadow:0 28px 70px rgba(4,30,49,.26),0 0 0 1px rgba(80,210,238,.08);overflow:hidden}
.yard-case-theme-v206 .yard-case-scroll-v205{scrollbar-color:#287494 #09243a;outline-color:rgba(63,210,238,.55)}
.yard-case-theme-v206 .yard-case-board-v205{background:linear-gradient(rgba(86,185,217,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(86,185,217,.055) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(0,192,232,.2),transparent 39%),radial-gradient(circle at 89% 73%,rgba(105,92,235,.12),transparent 27%),linear-gradient(160deg,#081d2f 0%,#061724 56%,#0a2235 100%);background-size:20px 20px,20px 20px,auto,auto,auto}
.yard-case-theme-v206 .yard-case-board-v205::before{content:"";position:absolute;z-index:0;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,transparent 2%,#1ac5e5 18%,rgba(52,137,225,.6) 50%,#9c83ff 82%,transparent 98%);box-shadow:0 0 18px rgba(34,196,230,.38)}
.yard-case-theme-v206 .yard-case-board-v205::after{right:10px;bottom:67px;width:260px;height:155px;opacity:.1;background:repeating-linear-gradient(0deg,#66cce6 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,#66cce6 0 1px,transparent 1px 26px)}
.yard-case-theme-v206 .yard-case-lane-v205::before{content:"";position:absolute;z-index:0;top:76px;right:0;bottom:0;left:0;border:1px solid rgba(105,181,209,.09);border-radius:12px;background:linear-gradient(180deg,rgba(18,59,82,.3),rgba(5,25,39,.08));box-shadow:inset 0 1px 0 rgba(136,222,244,.04)}
.yard-case-theme-v206 .yard-case-lane-v205>header{z-index:4;justify-content:flex-start;padding:0 17px;border-color:rgba(96,203,228,.28);border-radius:7px;background:linear-gradient(135deg,rgba(12,61,89,.96),rgba(8,38,61,.98));box-shadow:0 12px 24px rgba(0,8,18,.28),inset 0 1px 0 rgba(136,231,249,.1);clip-path:polygon(0 0,100% 0,100% 82%,94% 100%,0 100%)}
.yard-case-theme-v206 .yard-case-lane-v205>header::after{right:12px;bottom:5px;width:31px;background:#37cce7;box-shadow:7px 4px 0 rgba(55,204,231,.68),0 0 8px rgba(55,204,231,.5)}
.yard-case-theme-v206 .yard-case-lane-v205>header strong{color:#f4fbff;font-size:15px;letter-spacing:.035em}
.yard-case-theme-v206 .yard-case-lane-v205>header small{color:#83b7ca;font-size:9px}
.yard-case-theme-v206 .yard-case-lane-v205>header svg{stroke:#53d8ef}
.yard-case-theme-v206 .yard-case-lane-v205>header[role="button"]:hover,.yard-case-theme-v206 .yard-case-lane-v205>header[role="button"]:focus-visible,.yard-case-theme-v206 .yard-case-lane-v205>header.is-current-system{border-color:rgba(73,221,246,.78);background:linear-gradient(135deg,rgba(14,82,113,.98),rgba(8,43,68,.98));box-shadow:0 0 0 2px rgba(43,201,230,.12),0 13px 29px rgba(0,7,18,.34),inset 0 0 22px rgba(38,196,226,.09)}
.yard-case-theme-v206 .yard-case-card-v205{border-color:rgba(73,158,188,.34);border-radius:10px;background:linear-gradient(145deg,rgba(12,45,67,.97),rgba(7,29,46,.96));box-shadow:0 13px 28px rgba(0,8,17,.28),inset 0 1px 0 rgba(147,225,242,.06);overflow:hidden}
.yard-case-theme-v206 .yard-case-card-v205::before{content:"";position:absolute;z-index:2;left:0;top:15px;width:2px;height:25px;background:#27c5e3;box-shadow:0 0 9px rgba(39,197,227,.65)}
.yard-case-theme-v206 .yard-case-card-v205::after{background:linear-gradient(90deg,transparent,rgba(69,219,242,.1),transparent)}
.yard-case-theme-v206 .yard-case-card-title-v205 strong{color:#eef9ff;font-size:13px;letter-spacing:.005em}
.yard-case-theme-v206 .yard-case-card-title-v205 small{color:#8faebe;font-size:10.5px}
.yard-case-theme-v206 .yard-case-card-title-v205>span{border-color:rgba(63,194,224,.34);background:rgba(15,82,108,.62);color:#7be6f5;box-shadow:inset 0 0 12px rgba(39,198,228,.08)}
.yard-case-theme-v206 .yard-case-gate-v205>img,.yard-case-theme-v206 .yard-case-monitor-image-v205 img{border:1px solid rgba(80,181,209,.22);filter:brightness(.7) saturate(.82) contrast(1.04)}
.yard-case-theme-v206 .yard-case-monitor-image-v205::after{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(90deg,rgba(5,25,40,.18),transparent 56%),linear-gradient(0deg,rgba(5,25,40,.32),transparent 55%);pointer-events:none}
.yard-case-theme-v206 .yard-case-monitor-image-v205 span{z-index:2;border-color:rgba(116,255,199,.33);background:rgba(7,117,77,.9)}
.yard-case-theme-v206 .yard-case-card-v205.is-related{border-color:rgba(68,190,219,.62);box-shadow:0 12px 28px rgba(0,8,17,.28),inset 0 0 20px rgba(33,174,205,.06)}
.yard-case-theme-v206 .yard-case-card-v205.is-complete .yard-case-card-title-v205>span{border-color:#2ca9cc;background:#176987;color:#eaffff}
.yard-case-theme-v206 .yard-case-card-v205.is-current{border-color:#36d4ed;background:linear-gradient(145deg,rgba(13,65,88,.99),rgba(7,35,53,.98));box-shadow:0 0 0 3px rgba(45,205,234,.12),0 0 28px rgba(39,197,227,.18),0 17px 36px rgba(0,7,16,.42);transform:translateY(-3px)}
.yard-case-theme-v206 .yard-case-card-v205.is-current::before{height:calc(100% - 24px);background:#50e5f7}
.yard-case-theme-v206 .yard-case-card-v205.is-current .yard-case-card-title-v205>span{border-color:#57ddef;background:#1aa9c8;color:#fff;box-shadow:0 0 0 5px rgba(38,204,232,.12),0 0 17px rgba(38,204,232,.35)}
.yard-case-theme-v206 .yard-case-end-v205{border-color:rgba(83,227,151,.62);background:linear-gradient(180deg,rgba(20,101,72,.96),rgba(8,68,48,.98));color:#dffff0;box-shadow:0 0 0 3px rgba(57,203,127,.08),0 0 19px rgba(42,207,125,.18),0 10px 22px rgba(0,8,15,.3)}
.yard-case-theme-v206 .yard-case-end-v205 i{background:#5af0a0;box-shadow:0 0 0 4px rgba(90,240,160,.1),0 0 9px rgba(90,240,160,.65)}
.yard-case-theme-v206 .yard-case-links-v205{z-index:3}
.yard-case-theme-v206 .yard-case-links-v205 marker path{stroke:#3cc9e6;filter:drop-shadow(0 0 4px rgba(60,201,230,.5))}
.yard-case-theme-v206 .yard-case-links-v205 #yard-case-arrow-orange-v205 path{stroke:#ff9a3d}
.yard-case-theme-v206 .yard-case-links-v205 #yard-case-arrow-feedback-v206 path{stroke:#9a8cff}
.yard-case-theme-v206 .yard-case-link-track-v205{stroke:#326f88;stroke-width:2;filter:drop-shadow(0 0 3px rgba(44,163,199,.2))}
.yard-case-theme-v206 .yard-case-link-pulse-v205{stroke:#36d5ee;stroke-width:2.8;filter:drop-shadow(0 0 6px rgba(54,213,238,.7))}
.yard-case-theme-v206 .yard-case-link-sync-v205 .yard-case-link-track-v205{stroke:#a45f2f}
.yard-case-theme-v206 .yard-case-link-sync-v205 .yard-case-link-pulse-v205{stroke:#ff9a3d;filter:drop-shadow(0 0 6px rgba(255,154,61,.62))}
.yard-case-theme-v206 .yard-case-link-feedback-v205 .yard-case-link-track-v205{stroke:#615a9e}
.yard-case-theme-v206 .yard-case-link-feedback-v205 .yard-case-link-pulse-v205{stroke:#9a8cff;filter:drop-shadow(0 0 6px rgba(154,140,255,.64))}
.yard-case-theme-v206 .yard-case-links-v205 g.is-live .yard-case-link-track-v205{stroke:#31cae7;filter:drop-shadow(0 0 7px rgba(49,202,231,.58))}
.yard-case-theme-v206 .yard-case-links-v205 g.is-live.yard-case-link-sync-v205 .yard-case-link-track-v205{stroke:#ff9a3d;filter:drop-shadow(0 0 7px rgba(255,154,61,.52))}
.yard-case-theme-v206 .yard-case-links-v205 g.is-live.yard-case-link-feedback-v205 .yard-case-link-track-v205{stroke:#9a8cff;filter:drop-shadow(0 0 7px rgba(154,140,255,.52))}
.yard-case-theme-v206 .yard-case-outcomes-v205 span{display:flex;align-items:center;justify-content:center;border-color:rgba(80,172,209,.42);border-radius:8px;background:linear-gradient(180deg,rgba(14,55,82,.94),rgba(7,34,54,.96));color:#cdeefa;box-shadow:0 10px 23px rgba(0,8,17,.26),inset 0 1px 0 rgba(142,225,243,.08)}
.yard-case-theme-v206 .yard-case-outcomes-v205 span::before{content:"";width:5px;height:5px;margin-right:8px;border-radius:50%;background:#43d3ea;box-shadow:0 0 8px rgba(67,211,234,.65)}
.yard-case-theme-v206 .yard-case-note-v205{color:#7395a7}
@media(max-width:640px){.yard-case-legend-v206{justify-content:flex-start;margin-left:0}.yard-case-legend-v206 span{font-size:10px;padding:0 9px}}
@media(prefers-reduced-motion:reduce){.yard-case-theme-v206 .yard-case-card-v205.is-current::before{height:25px}.yard-case-theme-v206 .yard-case-card-v205.is-current::after{display:none}}


/* V20.7 — Port operations routing plate */
.yard-case-theme-v207{
  padding:82px 0 88px!important;
  background:
    linear-gradient(90deg,rgba(20,91,135,.035) 1px,transparent 1px),
    linear-gradient(rgba(20,91,135,.035) 1px,transparent 1px),
    linear-gradient(180deg,#f7fafc 0%,#ffffff 38%,#f4f8fb 100%)!important;
  background-size:32px 32px,32px 32px,auto!important;
}
.yard-case-theme-v207 .yard-case-intro-v205{margin-bottom:20px}
.yard-case-theme-v207 .yard-case-intro-v205 .scene-eyebrow{color:#087ea4!important}
.yard-case-theme-v207 .yard-case-intro-v205 h2{max-width:680px;color:#082640;font-size:clamp(32px,3.35vw,46px);letter-spacing:-.038em}
.yard-case-theme-v207 .yard-case-intro-v205>p{max-width:610px;color:#52697a;font-size:15px;line-height:1.82}
.yard-case-theme-v207 .yard-case-legend-v206{align-items:center;justify-content:flex-start;gap:18px;margin:0 1px 16px}
.yard-case-theme-v207 .yard-case-legend-v206 span{
  gap:9px;min-height:auto;padding:0;border:0;border-radius:0;background:transparent;
  color:#567083;font-size:12px;font-weight:700;box-shadow:none;
}
.yard-case-theme-v207 .yard-case-legend-v206 i{width:28px;height:2px;box-shadow:none}
.yard-case-theme-v207 .yard-case-legend-v206 i::after{width:5px;height:5px}
.yard-case-theme-v207 .yard-case-shell-v205{
  overflow:hidden;border:1px solid #b8cfde;border-radius:18px;background:#eef4f8;
  box-shadow:0 24px 60px rgba(14,53,82,.14),0 2px 8px rgba(14,53,82,.05);
}
.yard-case-toolbar-v207{
  position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:70px;padding:0 25px;border-bottom:1px solid rgba(137,190,216,.22);
  background:linear-gradient(112deg,#0a2943 0%,#0d3b5c 58%,#0c3150 100%);
  color:#fff;
}
.yard-case-toolbar-v207::before{
  content:"";position:absolute;right:0;bottom:0;left:0;height:2px;
  background:linear-gradient(90deg,#2bd2e7 0 28%,rgba(43,210,231,.18) 28% 72%,#61a9df 72% 100%);
}
.yard-case-toolbar-v207>div{display:flex;align-items:center;gap:14px;min-width:0}
.yard-case-toolbar-v207 span{
  display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid rgba(108,222,239,.34);
  border-radius:4px;background:rgba(50,196,219,.09);color:#7fe4ef;font:800 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.12em;white-space:nowrap;
}
.yard-case-toolbar-v207 strong{font-size:15px;line-height:1.3;letter-spacing:.025em}
.yard-case-toolbar-v207 p{display:flex;align-items:center;gap:9px;margin:0;color:#c6d9e5;font-size:12px;line-height:1.4}
.yard-case-toolbar-v207 p i{
  width:8px;height:8px;border:2px solid #3bd0e5;border-radius:50%;background:#0e3b59;
  box-shadow:0 0 0 4px rgba(59,208,229,.1),0 0 12px rgba(59,208,229,.45);
}
.yard-case-theme-v207 .yard-case-scroll-v205{border-radius:0;scrollbar-color:#7fb5ce #dde9ef}
.yard-case-theme-v207 .yard-case-scroll-v205:focus-visible{outline:3px solid rgba(24,164,203,.35);outline-offset:-3px}
.yard-case-theme-v207 .yard-case-board-v205{
  min-height:690px;
  background:
    linear-gradient(rgba(20,100,142,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,100,142,.05) 1px,transparent 1px),
    linear-gradient(180deg,#f8fbfd 0%,#eef4f8 100%);
  background-size:20px 20px,20px 20px,auto;
}
.yard-case-theme-v207 .yard-case-board-v205::before{
  content:"";position:absolute;z-index:0;top:0;right:0;left:0;height:94px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,0));
}
.yard-case-theme-v207 .yard-case-board-v205::after{
  right:7px;bottom:67px;width:255px;height:150px;opacity:.08;
  background:repeating-linear-gradient(0deg,#0f78a3 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,#0f78a3 0 1px,transparent 1px 26px);
}
.yard-case-theme-v207 .yard-case-lane-v205::before{
  content:"";position:absolute;z-index:0;top:77px;right:0;bottom:0;left:0;
  border:1px solid rgba(91,137,164,.14);border-radius:0 0 12px 12px;
  background:linear-gradient(180deg,rgba(255,255,255,.56),rgba(233,241,246,.46));
}
.yard-case-theme-v207 .yard-case-lane-v205:nth-child(2)::before{background:linear-gradient(180deg,rgba(244,250,253,.8),rgba(229,239,245,.52))}
.yard-case-theme-v207 .yard-case-lane-v205:nth-child(3)::before{background:linear-gradient(180deg,rgba(248,252,254,.88),rgba(232,243,247,.52))}
.yard-case-theme-v207 .yard-case-lane-v205:nth-child(4)::before{background:linear-gradient(180deg,rgba(243,248,252,.84),rgba(228,238,245,.58))}
.yard-case-theme-v207 .yard-case-lane-v205>header{
  z-index:4;height:64px;justify-content:flex-start;gap:12px;padding:0 15px;
  border:1px solid #c5d8e4;border-bottom:3px solid #169fc5;border-radius:10px 10px 4px 4px;
  clip-path:none;background:rgba(255,255,255,.94);color:#0b2b45;
  box-shadow:0 8px 20px rgba(15,62,92,.09),inset 0 1px 0 #fff;
  backdrop-filter:blur(8px);
}
.yard-case-theme-v207 .yard-case-lane-v205>header::before{
  inset:0 auto 0 -42%;width:28%;opacity:0;background:linear-gradient(90deg,transparent,rgba(46,190,219,.12),transparent);transform:skewX(-18deg)
}
.yard-case-theme-v207 .yard-case-lane-v205>header::after{
  right:11px;bottom:7px;width:27px;height:2px;background:#1db5d4;box-shadow:6px 4px 0 rgba(29,181,212,.34)
}
.yard-case-theme-v207 .yard-case-lane-v205>header svg{
  width:34px;height:34px;padding:6px;border:1px solid #bfe1eb;border-radius:7px;
  background:#ecf8fb;stroke:#128cad;stroke-width:1.8;filter:none;
}
.yard-case-theme-v207 .yard-case-lane-v205>header>div{min-width:0}
.yard-case-theme-v207 .yard-case-lane-v205>header strong{
  overflow-wrap:anywhere;color:#0a2c46;font-size:14.5px;line-height:1.2;letter-spacing:.008em
}
.yard-case-theme-v207 .yard-case-lane-v205>header small{
  margin-top:3px;overflow-wrap:anywhere;color:#648094;font-size:10.5px;line-height:1.25
}
.yard-case-theme-v207 .yard-case-lane-v205>header[role="button"]:hover,
.yard-case-theme-v207 .yard-case-lane-v205>header[role="button"]:focus-visible,
.yard-case-theme-v207 .yard-case-lane-v205>header.is-current-system{
  border-color:#73cddd;border-bottom-color:#12b4d0;background:#fafdff;
  box-shadow:0 0 0 3px rgba(35,188,213,.11),0 11px 25px rgba(11,82,118,.13);
  filter:none;
}
.yard-case-theme-v207 .yard-case-lane-v205>header.is-current-system::before{opacity:1}
.yard-case-theme-v207 .yard-case-card-v205{
  border:1px solid #cadbe5;border-radius:12px;background:rgba(255,255,255,.97);
  box-shadow:0 10px 24px rgba(17,63,91,.08),inset 0 1px 0 #fff;
  overflow:hidden;
}
.yard-case-theme-v207 .yard-case-card-v205::before{
  content:"";position:absolute;z-index:2;left:0;top:14px;width:3px;height:29px;border-radius:0 3px 3px 0;
  background:#6a9eb9;box-shadow:none;transition:height .28s ease,background .28s ease,box-shadow .28s ease;
}
.yard-case-theme-v207 .yard-case-card-v205::after{background:linear-gradient(90deg,transparent,rgba(30,190,218,.12),transparent)}
.yard-case-theme-v207 .yard-case-card-title-v205{grid-template-columns:31px minmax(0,1fr);gap:10px}
.yard-case-theme-v207 .yard-case-card-title-v205>span{
  width:29px;height:29px;border:1px solid #bdd7e5;border-radius:7px;background:#edf5f9;
  color:#176f98;font:900 10.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  box-shadow:inset 0 1px 0 #fff;
}
.yard-case-theme-v207 .yard-case-card-title-v205 strong{
  overflow-wrap:anywhere;color:#102f48;font-size:13px;line-height:1.36;letter-spacing:0
}
.yard-case-theme-v207 .yard-case-card-title-v205 small{
  margin-top:4px;overflow-wrap:anywhere;color:#647b8c;font-size:10.5px;line-height:1.45
}
.yard-case-theme-v207 .yard-case-gate-v205{padding:12px 12px 8px}
.yard-case-theme-v207 .yard-case-gate-v205>img{
  width:150px;max-width:100%;height:auto;margin:5px auto 0;border:1px solid #d3e0e8;border-radius:8px;
  object-fit:initial;filter:saturate(.9) contrast(1.02) brightness(.98)
}
.yard-case-theme-v207 .yard-case-monitor-image-v205 img{
  border:1px solid #d3e0e8;filter:saturate(.9) contrast(1.02) brightness(.98)
}
.yard-case-theme-v207 .yard-case-monitor-image-v205::after{
  content:"";position:absolute;inset:0;border-radius:8px;
  background:linear-gradient(180deg,transparent 42%,rgba(5,38,58,.24));pointer-events:none
}
.yard-case-theme-v207 .yard-case-monitor-image-v205 span{
  z-index:2;border-color:rgba(164,245,209,.72);background:rgba(5,119,78,.9);color:#f2fff8
}
.yard-case-theme-v207 .yard-case-card-v205.is-related{
  border-color:#8cc7d8;background:#fbfeff;
  box-shadow:0 10px 24px rgba(17,63,91,.09),inset 0 0 0 1px rgba(39,179,205,.06)
}
.yard-case-theme-v207 .yard-case-card-v205.is-complete .yard-case-card-title-v205>span{
  border-color:#76abc5;background:#dfeef5;color:#0b628c
}
.yard-case-theme-v207 .yard-case-card-v205.is-current{
  border-color:#20b7d2;background:#fff;
  box-shadow:0 0 0 4px rgba(32,183,210,.12),0 17px 34px rgba(14,84,119,.16);
  transform:translateY(-3px)
}
.yard-case-theme-v207 .yard-case-card-v205.is-current::before{
  height:calc(100% - 28px);background:#20c0d9;box-shadow:0 0 12px rgba(32,192,217,.42)
}
.yard-case-theme-v207 .yard-case-card-v205.is-current .yard-case-card-title-v205>span{
  border-color:#118dac;background:#0d91b1;color:#fff;
  box-shadow:0 0 0 4px rgba(20,168,195,.1);transform:none
}
.yard-case-theme-v207 .yard-case-end-v205{
  min-width:136px;min-height:40px;border:1px solid #79c99b;border-radius:10px;
  background:#f2fbf5;color:#17613b;font-size:12px;letter-spacing:.03em;
  box-shadow:0 8px 18px rgba(34,124,73,.1),inset 0 1px 0 #fff;
}
.yard-case-theme-v207 .yard-case-end-v205 i{
  width:7px;height:7px;background:#2bb66b;box-shadow:0 0 0 4px rgba(43,182,107,.1)
}
.yard-case-theme-v207 .yard-case-links-v205{z-index:3}
.yard-case-theme-v207 .yard-case-links-v205 marker path{
  stroke:#5a9ec2;stroke-width:2;filter:none
}
.yard-case-theme-v207 .yard-case-links-v205 #yard-case-arrow-orange-v205 path{stroke:#e58a36}
.yard-case-theme-v207 .yard-case-links-v205 #yard-case-arrow-feedback-v206 path{stroke:#7766c7}
.yard-case-theme-v207 .yard-case-link-track-v205{
  stroke:#88b4c9;stroke-width:2.1;filter:none
}
.yard-case-theme-v207 .yard-case-link-pulse-v205{
  stroke:#10bbd7;stroke-width:3;stroke-dasharray:8 12;
  filter:drop-shadow(0 0 4px rgba(16,187,215,.55))
}
.yard-case-theme-v207 .yard-case-link-sync-v205 .yard-case-link-track-v205{stroke:#d89b62}
.yard-case-theme-v207 .yard-case-link-sync-v205 .yard-case-link-pulse-v205{
  stroke:#ef8f34;filter:drop-shadow(0 0 4px rgba(239,143,52,.5))
}
.yard-case-theme-v207 .yard-case-link-feedback-v205 .yard-case-link-track-v205{stroke:#9386c9}
.yard-case-theme-v207 .yard-case-link-feedback-v205 .yard-case-link-pulse-v205{
  stroke:#7867ca;filter:drop-shadow(0 0 4px rgba(120,103,202,.46))
}
.yard-case-theme-v207 .yard-case-links-v205 g.is-live .yard-case-link-track-v205{
  stroke:#13b2cf;filter:drop-shadow(0 0 5px rgba(19,178,207,.4))
}
.yard-case-theme-v207 .yard-case-links-v205 g.is-live.yard-case-link-sync-v205 .yard-case-link-track-v205{
  stroke:#ee8a2e;filter:drop-shadow(0 0 5px rgba(238,138,46,.34))
}
.yard-case-theme-v207 .yard-case-links-v205 g.is-live.yard-case-link-feedback-v205 .yard-case-link-track-v205{
  stroke:#7867ca;filter:drop-shadow(0 0 5px rgba(120,103,202,.34))
}
.yard-case-theme-v207 .yard-case-outcomes-v205{right:265px;bottom:35px;left:265px;gap:16px}
.yard-case-theme-v207 .yard-case-outcomes-v205 span{
  position:relative;display:flex;align-items:center;justify-content:flex-start;min-width:150px;min-height:40px;
  padding:0 14px 0 37px;border:1px solid #c7d9e4;border-radius:8px;background:rgba(255,255,255,.9);
  color:#274960;font-size:12px;font-weight:800;box-shadow:0 7px 16px rgba(18,65,93,.07)
}
.yard-case-theme-v207 .yard-case-outcomes-v205 span::before{
  content:"✓";position:absolute;left:13px;display:grid;place-items:center;width:16px;height:16px;
  border-radius:50%;background:#dff5f6;color:#0d8fab;font-size:10px
}
.yard-case-theme-v207 .yard-case-note-v205{bottom:8px;color:#627b8d;font-size:10.5px}
@media(max-width:900px){
  .yard-case-theme-v207{padding:64px 0 70px!important}
  .yard-case-theme-v207 .yard-case-legend-v206{margin-bottom:14px}
}
@media(max-width:640px){
  .yard-case-theme-v207{padding:52px 0 58px!important}
  .yard-case-theme-v207 .yard-case-intro-v205 h2{font-size:29px}
  .yard-case-theme-v207 .yard-case-legend-v206{gap:10px 14px}
  .yard-case-theme-v207 .yard-case-legend-v206 span{font-size:11px}
  .yard-case-theme-v207 .yard-case-shell-v205{border-radius:14px}
  .yard-case-toolbar-v207{align-items:flex-start;flex-direction:column;gap:4px;min-height:78px;padding:14px 16px}
  .yard-case-toolbar-v207>div{gap:9px}
  .yard-case-toolbar-v207 span{font-size:9px}
  .yard-case-toolbar-v207 strong{font-size:13px}
  .yard-case-toolbar-v207 p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .yard-case-theme-v207 .yard-case-card-v205.is-current::before{height:29px;box-shadow:none}
  .yard-case-theme-v207 .yard-case-card-v205.is-current::after{display:none}
}

/* =========================================================
   V60.1 — V⁺YMS real system interface evidence
========================================================= */
.yos-system-section{position:relative;overflow:hidden;background:#fff}
.yos-system-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(16,91,137,.035) 1px,transparent 1px),linear-gradient(rgba(16,91,137,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}
.yos-system-section>.container{position:relative;z-index:1}
.yos-ui-shell{overflow:hidden;margin-top:34px;border:1px solid #bfd1de;border-radius:22px;background:#eaf1f6;box-shadow:0 24px 60px rgba(9,49,79,.14),0 2px 8px rgba(9,49,79,.06)}
.yos-ui-appbar{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:72px;padding:0 24px;border-bottom:2px solid #31c2d6;background:linear-gradient(112deg,#092c49 0%,#0c4167 64%,#0a3555 100%);color:#fff}
.yos-ui-product{display:flex;align-items:center;gap:13px;min-width:max-content}
.yos-ui-product span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(93,219,235,.45);border-radius:5px;color:#78e3ee;font:800 12px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.yos-ui-product strong{font-size:15px;letter-spacing:.02em}
.yos-ui-mainnav{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
.yos-ui-mainnav span{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border-radius:5px;color:#ccdae4;font-size:12px;font-weight:700;white-space:nowrap}
.yos-ui-mainnav span:nth-child(2){background:rgba(67,207,224,.14);color:#8ceaf1}
.yos-ui-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px}
.yos-ui-panel{overflow:hidden;margin:0;border:1px solid #c7d7e2;border-radius:15px;background:#fff;box-shadow:0 10px 26px rgba(16,56,84,.08)}
.yos-ui-panel-primary{grid-column:1/-1}
.yos-ui-viewport{position:relative;overflow:hidden;border-bottom:1px solid #dce6ed;background:#f5f8fa}
.yos-ui-viewport img{display:block;width:100%;height:auto;filter:saturate(.92) contrast(1.03)}
.yos-ui-localized-menu{position:absolute;z-index:2;top:0;right:0;left:0;display:flex;align-items:center;gap:4px;min-height:48px;padding:0 16px;border-bottom:1px solid rgba(125,218,231,.35);background:linear-gradient(90deg,rgba(7,43,70,.98),rgba(11,66,101,.97));box-shadow:0 5px 16px rgba(8,40,64,.12)}
.yos-ui-localized-menu span{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:4px;color:#cddce6;font-size:12px;font-weight:700;white-space:nowrap}
.yos-ui-localized-menu span:first-child{background:#1086aa;color:#fff}
.yos-ui-panel figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px 20px}
.yos-ui-panel figcaption strong{max-width:44%;color:#102f48;font-size:18px;line-height:1.38}
.yos-ui-panel figcaption span{max-width:52%;color:#61788a;font-size:14px;line-height:1.65;text-align:right}
.en-site .yos-ui-mainnav span{font-size:11.5px}
.en-site .yos-ui-localized-menu span{font-size:11.5px}
@media(max-width:980px){
  .yos-ui-appbar{align-items:flex-start;flex-direction:column;gap:9px;padding:16px 20px}
  .yos-ui-mainnav{justify-content:flex-start;width:100%;overflow-x:auto;padding-bottom:2px}
}
@media(max-width:760px){
  .yos-ui-shell{margin-top:26px;border-radius:16px}
  .yos-ui-grid{grid-template-columns:1fr;gap:14px;padding:14px}
  .yos-ui-panel-primary{grid-column:auto}
  .yos-ui-panel figcaption{flex-direction:column;gap:6px;padding:15px 16px 17px}
  .yos-ui-panel figcaption strong,.yos-ui-panel figcaption span{max-width:none;text-align:left}
}
@media(max-width:520px){
  .yos-ui-appbar{padding:14px 15px}
  .yos-ui-product{align-items:flex-start;flex-direction:column;gap:7px}
  .yos-ui-mainnav span{min-height:31px;padding:0 8px;font-size:11px}
  .yos-ui-grid{gap:12px;padding:10px}
  .yos-ui-panel{border-radius:11px}
  .yos-ui-localized-menu{gap:1px;min-height:40px;padding:0 7px;overflow-x:auto}
  .yos-ui-localized-menu span{min-height:26px;padding:0 7px;font-size:10px}
  .yos-ui-panel figcaption strong{font-size:16px}
  .yos-ui-panel figcaption span{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .yos-ui-shell,.yos-ui-panel{scroll-behavior:auto}
}