:root {
  --lime: #b8ff18;
  --ink: #03100c;
  --line: rgba(255,255,255,.13);
  --mx: 0px;
  --my: 0px;
  --cx: 73%;
  --cy: 47%;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: #f4f8f5; background: #020a07; font-family: "Manrope", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }

.nav {
  position: relative;
  z-index: 20;
  height: 78px;
  padding: 0 max(34px,5.8vw);
  display: flex;
  align-items: center;
  gap: 30px;
  background: #06130f;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.brand { margin-right: auto; display: block; }
.brand img { width: 174px; max-height: 48px; display: block; object-fit: contain; }
.nav > nav { display: flex; gap: 38px; }
.nav > nav a { color: #aab6af; font-size: 13px; transition: color .2s ease; }
.nav > nav a:hover,.header-login:hover { color: #fff; }
.header-login { min-height: 38px; padding-left: 29px; display: flex; align-items: center; color: #fff; font-size: 13px; font-weight: 800; border-left: 1px solid rgba(255,255,255,.13); }

.button { min-height: 59px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: space-between; gap: 38px; color: #06120e; background: var(--lime); font-size: 12px; font-weight: 800; transition: transform .22s ease,box-shadow .22s ease; }
.button:hover { transform: translateY(-3px); box-shadow: 0 14px 38px rgba(184,255,24,.18); }
.button.small { min-height: 44px; padding-inline: 19px; gap: 25px; }

.hero {
  position: relative;
  min-height: 820px;
  overflow: hidden;
  isolation: isolate;
  background: #03100c;
}
.hero-media,.hero-shade,.hero-grid,.hero-scan { position: absolute; inset: 0; margin: 0; }
.hero-media { z-index: -4; overflow: hidden; }
.hero-media img { width: calc(100% + 30px); height: calc(100% + 24px); margin: -12px -15px; display: block; object-fit: cover; object-position: center; transform: translate3d(var(--mx),var(--my),0) scale(1.025); transition: transform .7s cubic-bezier(.2,.75,.2,1); }
.hero-shade {
  z-index: -3;
  background:
    linear-gradient(90deg,rgba(2,13,10,.98) 0%,rgba(2,13,10,.93) 29%,rgba(2,13,10,.51) 52%,rgba(2,13,10,.09) 78%,rgba(2,13,10,.23) 100%),
    linear-gradient(0deg,rgba(2,13,10,.92) 0%,transparent 30%),
    radial-gradient(circle at var(--cx) var(--cy),transparent 0,rgba(2,13,10,.26) 56%);
}
.hero-grid {
  z-index: -2;
  inset: 37% -8% -30% 39%;
  opacity: .34;
  transform: perspective(620px) rotateX(64deg) translateY(12%);
  transform-origin: center top;
  background-image: linear-gradient(rgba(184,255,24,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(79,211,255,.1) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(ellipse at center,#000 0%,transparent 70%);
}
.hero-scan {
  z-index: -1;
  width: 31%;
  left: 49%;
  background: linear-gradient(90deg,transparent,rgba(184,255,24,.09),transparent);
  transform: skewX(-8deg) translateX(-180%);
  animation: scan 8s ease-in-out infinite;
}
@keyframes scan { 0%,24% { transform: skewX(-8deg) translateX(-180%); opacity: 0; } 39% { opacity: 1; } 72%,100% { transform: skewX(-8deg) translateX(260%); opacity: 0; } }

.hero-copy { position: relative; z-index: 5; width: min(760px,55vw); padding: 116px 0 175px max(34px,5.8vw); }
.eyebrow { margin: 0 0 26px; display: flex; align-items: center; gap: 13px; color: #d7e6da; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 7px rgba(184,255,24,.1); }
.hero h1 { margin: 0; max-width: 790px; font-size: clamp(61px,5.9vw,104px); line-height: .88; letter-spacing: -.07em; font-weight: 600; }
.hero h1 em { color: var(--lime); font-style: normal; }
.lead { max-width: 650px; margin: 35px 0 0; color: #c0ccc5; font-size: clamp(17px,1.35vw,21px); line-height: 1.55; letter-spacing: -.02em; }
.actions { margin-top: 36px; display: flex; align-items: center; gap: 29px; }
.text-link { color: #dae4de; font-size: 12px; font-weight: 700; }
.text-link:hover { color: var(--lime); }

.signal { position: absolute; z-index: 6; min-width: 210px; padding: 16px 18px 15px 43px; color: #e6eee9; background: rgba(3,19,14,.91); border: 1px solid rgba(184,255,24,.32); backdrop-filter: blur(12px); box-shadow: 0 22px 50px rgba(0,0,0,.34); }
.signal::after { content: ""; position: absolute; top: 50%; width: 88px; height: 1px; background: linear-gradient(90deg,rgba(184,255,24,.7),transparent); }
.signal i { position: absolute; left: 17px; top: 20px; width: 8px; height: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 7px rgba(184,255,24,.1),0 0 18px rgba(184,255,24,.55); animation: pulse 2.2s ease-in-out infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 11px rgba(184,255,24,0),0 0 23px rgba(184,255,24,.72); } }
.signal span,.signal b,.signal small { display: block; }
.signal span { color: #788e81; font-size: 8px; font-weight: 800; letter-spacing: .13em; }
.signal b { margin-top: 5px; font-size: 12px; }
.signal small { margin-top: 5px; color: #83938a; font-size: 8px; }
.signal-checkout { top: 27%; right: 7.5%; }
.signal-checkout::after { right: 100%; transform: rotate(12deg); transform-origin: right center; }
.signal-cold { top: 52%; right: 22%; }
.signal-cold::after { right: 100%; transform: rotate(-12deg); transform-origin: right center; }

.hero-card { position: absolute; z-index: 7; right: 5.8vw; bottom: 72px; width: 306px; min-height: 205px; padding: 28px; background: rgba(3,20,15,.93); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 30px 80px rgba(0,0,0,.5); backdrop-filter: blur(14px); }
.hero-card > span { display: block; color: var(--lime); font-size: 8px; font-weight: 800; letter-spacing: .14em; }
.hero-card > strong { display: block; margin-top: 17px; font-size: 19px; line-height: 1.34; letter-spacing: -.035em; }
.hero-card > div { margin-top: 23px; padding-top: 17px; display: flex; align-items: end; gap: 14px; border-top: 1px solid rgba(255,255,255,.13); }
.hero-card b { color: var(--lime); font-size: 31px; line-height: 1; }
.hero-card small { color: #87988e; font-size: 9px; line-height: 1.4; }

.live-strip { min-height: 64px; padding: 0 max(34px,5.8vw); display: grid; grid-template-columns: repeat(5,1fr); align-items: center; color: #07140f; background: var(--lime); }
.live-strip div { font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.live-strip span { margin-right: 6px; font-size: 7px; }

.ai-detections-v2 { padding: 112px max(34px,5.8vw) 0; color: #07150f; background: radial-gradient(circle at 92% 5%,rgba(184,255,24,.19),transparent 24%),#edf1e9; overflow: hidden; }
.ai-head-v2 { max-width: 1500px; margin: 0 auto 58px; display: grid; grid-template-columns: 1.18fr .82fr; gap: clamp(55px,8vw,135px); align-items: end; }
.section-kicker { margin: 0 0 24px; color: #607066; font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.ai-head-v2 h2 { margin: 0; max-width: 870px; font-size: clamp(52px,4.8vw,82px); line-height: .97; letter-spacing: -.06em; font-weight: 600; }
.ai-head-v2 h2 em { color: #6b9700; font-style: normal; }
.ai-intro-v2 > p { margin: 0; color: #415248; font-size: clamp(16px,1.18vw,20px); line-height: 1.65; letter-spacing: -.02em; }
.ai-intro-v2 > p strong { color: #07150f; font-weight: 800; }
.ai-intro-v2 aside { margin-top: 27px; padding: 22px 23px; color: #dce5df; background: #071711; border-left: 3px solid var(--lime); }
.ai-intro-v2 aside span { display: block; margin-bottom: 8px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.ai-intro-v2 aside strong { display: block; font-size: 14px; line-height: 1.55; }

.ai-stage-v2 { max-width: 1500px; min-height: 720px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.52fr) minmax(390px,.48fr); color: #eef5f0; background: #06130f; box-shadow: 0 35px 90px rgba(5,20,14,.2); }
.ai-visual-v2 { position: relative; min-height: 720px; margin: 0; overflow: hidden; }
.ai-visual-v2 > img { width: 100%; height: 100%; min-height: 720px; display: block; object-fit: cover; object-position: center; }
.ai-visual-v2::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(3,12,9,.04) 35%,rgba(2,11,8,.88) 100%); }
.ai-sweep-v2 { position: absolute; z-index: 2; inset: 0; background: linear-gradient(108deg,transparent 34%,rgba(184,255,24,.09) 49%,transparent 63%); transform: translateX(-120%); animation: ai-sweep-v2 8s ease-in-out infinite; }
@keyframes ai-sweep-v2 { 0%,22% { transform: translateX(-120%); opacity: 0; } 38% { opacity: 1; } 76%,100% { transform: translateX(120%); opacity: 0; } }
.ai-visual-v2 figcaption { position: absolute; z-index: 4; left: 36px; right: 36px; bottom: 33px; }
.ai-visual-v2 figcaption span,.ai-visual-v2 figcaption strong,.ai-visual-v2 figcaption small { display: block; }
.ai-visual-v2 figcaption span { margin-bottom: 11px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.ai-visual-v2 figcaption strong { font-size: clamp(31px,2.5vw,44px); line-height: 1.1; letter-spacing: -.045em; }
.ai-visual-v2 figcaption small { margin-top: 14px; color: #9caaa2; font-size: 12px; }
.ai-visual-v2 figcaption small i { width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--lime); }

.event-board-v2 { min-height: 720px; padding: 30px 28px; display: flex; flex-direction: column; background: #06130f; border-left: 1px solid rgba(255,255,255,.11); }
.event-board-v2 > header { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.13); }
.event-board-v2 > header span { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.event-board-v2 > header i { color: #75867c; font-size: 11px; font-style: normal; }
.event-board-v2 article { min-height: 124px; padding: 22px 0; display: grid; grid-template-columns: 38px 1fr auto; gap: 13px; align-items: start; border-bottom: 1px solid rgba(255,255,255,.1); }
.event-board-v2 article > b { width: 32px; height: 32px; display: grid; place-items: center; color: var(--lime); font-size: 12px; border: 1px solid rgba(184,255,24,.4); border-radius: 50%; }
.event-board-v2 article.priority > b { color: #07140f; background: var(--lime); }
.event-board-v2 article span { display: block; color: #809289; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.event-board-v2 article strong { display: block; margin-top: 6px; color: #f3f7f4; font-size: 15px; line-height: 1.35; }
.event-board-v2 article small { display: block; margin-top: 7px; color: #87988e; font-size: 12px; }
.event-board-v2 article em { color: var(--lime); font-size: 11px; font-style: normal; font-weight: 800; }
.event-board-v2 > footer { margin-top: auto; padding-top: 21px; color: #8a9a91; font-size: 12px; line-height: 1.55; }

.detection-title-v2 { max-width: 1500px; margin: 75px auto 29px; display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: end; }
.detection-title-v2 span { color: #637269; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.detection-title-v2 strong { color: #07150f; font-size: clamp(24px,2vw,34px); line-height: 1.25; letter-spacing: -.035em; }
.detection-grid-v2 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); background: #fff; border: 1px solid rgba(7,21,15,.14); }
.detection-grid-v2 article { min-height: 260px; padding: 33px 30px; border-right: 1px solid rgba(7,21,15,.12); border-bottom: 1px solid rgba(7,21,15,.12); transition: background .22s ease,transform .22s ease; }
.detection-grid-v2 article:nth-child(3n) { border-right: 0; }
.detection-grid-v2 article:nth-child(n+4) { border-bottom: 0; }
.detection-grid-v2 article:hover { position: relative; z-index: 2; background: #f4fbd9; transform: translateY(-3px); }
.detection-grid-v2 span { color: #6b820f; font-size: 11px; font-weight: 800; letter-spacing: .11em; }
.detection-grid-v2 h3 { margin: 26px 0 0; font-size: 21px; line-height: 1.25; letter-spacing: -.035em; }
.detection-grid-v2 p { margin: 15px 0 0; color: #526159; font-size: 15px; line-height: 1.65; }
.ai-path-v2 { max-width: 1500px; min-height: 132px; margin: 60px auto 0; padding: 31px 36px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 22px; align-items: center; color: #edf4ef; background: #071711; }
.ai-path-v2 > div { display: grid; grid-template-columns: 38px 1fr; column-gap: 13px; }
.ai-path-v2 span { grid-row: 1 / 3; width: 36px; height: 36px; display: grid; place-items: center; color: #07140f; background: var(--lime); border-radius: 50%; font-size: 11px; font-weight: 800; }
.ai-path-v2 b { font-size: 15px; }
.ai-path-v2 small { margin-top: 5px; color: #819188; font-size: 12px; line-height: 1.4; }
.ai-path-v2 > i { color: var(--lime); font-size: 18px; font-style: normal; }

.network-v3 { padding: 112px max(34px,5.8vw) 0; color: #edf4ef; background: radial-gradient(circle at 88% 4%,rgba(184,255,24,.08),transparent 22%),#06130f; overflow: hidden; }
.network-head-v3 { max-width: 1500px; margin: 0 auto 58px; display: grid; grid-template-columns: 1.17fr .83fr; gap: clamp(56px,8vw,135px); align-items: end; }
.network-kicker-v3 { margin: 0 0 24px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.network-head-v3 h2 { margin: 0; max-width: 940px; font-size: clamp(52px,4.8vw,82px); line-height: .97; letter-spacing: -.06em; font-weight: 600; }
.network-head-v3 h2 em { color: var(--lime); font-style: normal; }
.network-head-v3 > p { margin: 0; color: #aebdb5; font-size: clamp(16px,1.17vw,20px); line-height: 1.65; letter-spacing: -.02em; }
.network-head-v3 > p strong { color: #f3f7f4; font-weight: 800; }

.network-stage-v3 { max-width: 1500px; min-height: 730px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.47fr) minmax(410px,.53fr); background: #020b08; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 38px 100px rgba(0,0,0,.42); }
.network-visual-v3 { position: relative; min-height: 730px; margin: 0; overflow: hidden; }
.network-visual-v3 > img { width: 100%; height: 100%; min-height: 730px; display: block; object-fit: cover; object-position: center; filter: saturate(.88) brightness(.82); }
.network-visual-v3::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,11,8,.03) 40%,rgba(2,11,8,.92) 100%); }
.network-pulse-v3 { position: absolute; z-index: 2; left: 18%; top: 10%; width: 42%; height: 38%; border: 1px solid rgba(184,255,24,.3); box-shadow: 0 0 0 1px rgba(184,255,24,.08),inset 0 0 42px rgba(184,255,24,.05); animation: network-pulse-v3 3s ease-in-out infinite; pointer-events: none; }
@keyframes network-pulse-v3 { 50% { opacity: .38; box-shadow: 0 0 0 10px rgba(184,255,24,0),inset 0 0 50px rgba(184,255,24,.08); } }
.network-visual-v3 figcaption { position: absolute; z-index: 4; left: 36px; bottom: 34px; }
.network-visual-v3 figcaption span,.network-visual-v3 figcaption strong,.network-visual-v3 figcaption small { display: block; }
.network-visual-v3 figcaption span { margin-bottom: 11px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.network-visual-v3 figcaption strong { font-size: clamp(32px,2.5vw,45px); line-height: 1.1; letter-spacing: -.045em; }
.network-visual-v3 figcaption small { margin-top: 14px; color: #98aaa0; font-size: 12px; }
.network-visual-v3 figcaption small i { width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--lime); }

.network-board-v3 { min-height: 730px; padding: 30px 29px; display: flex; flex-direction: column; background: #04100c; border-left: 1px solid rgba(255,255,255,.1); }
.network-board-v3 > header { padding-bottom: 19px; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.network-board-v3 > header span { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.network-board-v3 > header i { color: #6f8277; font-size: 11px; font-style: normal; }
.network-total-v3 { padding: 27px 0 24px; display: grid; grid-template-columns: 1fr auto; align-items: end; border-bottom: 1px solid rgba(255,255,255,.1); }
.network-total-v3 > span { color: #81938a; font-size: 11px; font-weight: 800; letter-spacing: .11em; }
.network-total-v3 > strong { grid-row: 1 / 3; grid-column: 2; color: var(--lime); font-size: 54px; line-height: .9; letter-spacing: -.06em; }
.network-total-v3 > strong small { color: #788b80; font-size: 17px; }
.network-total-v3 > p { margin: 9px 0 0; color: #8b9c92; font-size: 12px; }
.network-status-v3 { display: grid; grid-template-columns: repeat(3,1fr); border-bottom: 1px solid rgba(255,255,255,.1); }
.network-status-v3 div { padding: 21px 12px 19px 0; border-right: 1px solid rgba(255,255,255,.09); }
.network-status-v3 div:last-child { padding-left: 14px; border-right: 0; }
.network-status-v3 b,.network-status-v3 span { display: block; }
.network-status-v3 b { color: #f0f5f1; font-size: 22px; }
.network-status-v3 span { margin-top: 5px; color: #788c80; font-size: 11px; }
.network-status-v3 .active b { color: var(--lime); }
.network-queue-v3 { padding-top: 24px; }
.network-queue-v3 > span { color: #81928a; font-size: 11px; font-weight: 800; letter-spacing: .11em; }
.network-queue-v3 article { min-height: 92px; padding: 18px 0; display: grid; grid-template-columns: 33px 1fr auto; gap: 12px; align-items: start; border-bottom: 1px solid rgba(255,255,255,.09); }
.network-queue-v3 article > b { width: 28px; height: 28px; display: grid; place-items: center; color: #899b90; font-size: 11px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }
.network-queue-v3 article.active > b { color: #07140f; background: var(--lime); border-color: var(--lime); }
.network-queue-v3 strong { display: block; font-size: 14px; line-height: 1.35; }
.network-queue-v3 small { display: block; margin-top: 5px; color: #82938a; font-size: 11px; }
.network-queue-v3 em { color: var(--lime); font-size: 10px; font-style: normal; font-weight: 800; }
.network-board-v3 > footer { margin-top: auto; padding-top: 17px; color: #6f8277; font-size: 11px; line-height: 1.5; }

.network-features-v3 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.12); border-top: 0; }
.network-features-v3 article { min-height: 290px; padding: 33px 29px; border-right: 1px solid rgba(255,255,255,.11); transition: background .22s ease,transform .22s ease; }
.network-features-v3 article:last-child { border-right: 0; }
.network-features-v3 article:hover { position: relative; z-index: 2; background: #0a2118; transform: translateY(-3px); }
.network-features-v3 span { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .11em; }
.network-features-v3 h3 { margin: 27px 0 0; font-size: 21px; line-height: 1.27; letter-spacing: -.035em; }
.network-features-v3 p { margin: 15px 0 0; color: #94a59b; font-size: 15px; line-height: 1.65; }
.network-path-v3 { min-height: 132px; margin: 60px calc(max(34px,5.8vw) * -1) 0; padding: 27px max(34px,5.8vw); display: grid; grid-template-columns: .9fr 1fr auto 1fr auto 1fr auto 1fr; gap: 22px; align-items: center; color: #07140f; background: var(--lime); }
.network-path-v3 > span { font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.network-path-v3 > div { min-height: 48px; padding-left: 24px; border-left: 1px solid rgba(7,20,15,.2); }
.network-path-v3 b,.network-path-v3 small { display: block; }
.network-path-v3 b { font-size: 14px; }
.network-path-v3 small { margin-top: 5px; font-size: 11px; }
.network-path-v3 > i { color: rgba(7,20,15,.48); font-size: 17px; font-style: normal; }

.automation-v4 { padding: 112px max(34px,5.8vw) 0; color: #07150f; background: radial-gradient(circle at 8% 4%,rgba(184,255,24,.2),transparent 23%),#edf1e9; overflow: hidden; }
.automation-head-v4 { max-width: 1500px; margin: 0 auto 58px; display: grid; grid-template-columns: 1.17fr .83fr; gap: clamp(56px,8vw,135px); align-items: end; }
.automation-kicker-v4 { margin: 0 0 24px; color: #637269; font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.automation-head-v4 h2 { margin: 0; max-width: 940px; font-size: clamp(52px,4.8vw,82px); line-height: .97; letter-spacing: -.06em; font-weight: 600; }
.automation-head-v4 h2 em { color: #6b9700; font-style: normal; }
.automation-intro-v4 > p { margin: 0; color: #415248; font-size: clamp(16px,1.17vw,20px); line-height: 1.65; letter-spacing: -.02em; }
.automation-intro-v4 > p strong { color: #07150f; font-weight: 800; }
.automation-intro-v4 aside { margin-top: 27px; padding: 22px 23px; color: #dce5df; background: #071711; border-left: 3px solid var(--lime); }
.automation-intro-v4 aside span { display: block; margin-bottom: 8px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.automation-intro-v4 aside strong { display: block; font-size: 14px; line-height: 1.55; }

.automation-stage-v4 { max-width: 1500px; min-height: 730px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.47fr) minmax(410px,.53fr); color: #edf4ef; background: #020b08; box-shadow: 0 38px 100px rgba(5,20,14,.24); }
.automation-visual-v4 { position: relative; min-height: 730px; margin: 0; overflow: hidden; }
.automation-visual-v4 > img { width: 100%; height: 100%; min-height: 730px; display: block; object-fit: cover; object-position: center; filter: saturate(.9) brightness(.84); }
.automation-visual-v4::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,11,8,.03) 40%,rgba(2,11,8,.93) 100%); }
.automation-links-v4 { position: absolute; z-index: 2; inset: 10% 8% 16% 34%; border: 1px solid rgba(184,255,24,.22); background: linear-gradient(90deg,transparent 49.7%,rgba(184,255,24,.2) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(184,255,24,.16) 50%,transparent 50.3%); opacity: .55; animation: automation-links-v4 3.2s ease-in-out infinite; pointer-events: none; }
@keyframes automation-links-v4 { 50% { opacity: .22; transform: scale(.985); } }
.automation-visual-v4 figcaption { position: absolute; z-index: 4; left: 36px; right: 36px; bottom: 34px; }
.automation-visual-v4 figcaption span,.automation-visual-v4 figcaption strong,.automation-visual-v4 figcaption small { display: block; }
.automation-visual-v4 figcaption span { margin-bottom: 11px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.automation-visual-v4 figcaption strong { font-size: clamp(32px,2.5vw,45px); line-height: 1.1; letter-spacing: -.045em; }
.automation-visual-v4 figcaption small { margin-top: 14px; color: #98aaa0; font-size: 12px; }
.automation-visual-v4 figcaption small i { width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--lime); }

.automation-board-v4 { min-height: 730px; padding: 30px 29px; display: flex; flex-direction: column; background: #06130f; border-left: 1px solid rgba(255,255,255,.1); }
.automation-board-v4 > header { padding-bottom: 19px; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.automation-board-v4 > header span { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.automation-board-v4 > header i { color: #718279; font-size: 11px; font-style: normal; }
.automation-case-v4 { padding: 27px 0 24px; border-bottom: 1px solid rgba(255,255,255,.1); }
.automation-case-v4 span,.automation-case-v4 strong,.automation-case-v4 small { display: block; }
.automation-case-v4 span { color: #82938a; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.automation-case-v4 strong { margin-top: 9px; font-size: 20px; line-height: 1.35; letter-spacing: -.025em; }
.automation-case-v4 small { margin-top: 8px; color: #7f9187; font-size: 12px; }
.automation-flow-v4 { padding-top: 8px; }
.automation-flow-v4 article { min-height: 91px; padding: 17px 0; display: grid; grid-template-columns: 38px 1fr; gap: 13px; align-items: start; border-bottom: 1px solid rgba(255,255,255,.09); }
.automation-flow-v4 article > b { width: 31px; height: 31px; display: grid; place-items: center; color: #07140f; background: var(--lime); border-radius: 50%; font-size: 11px; }
.automation-flow-v4 span { display: block; color: #7f9187; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.automation-flow-v4 strong { display: block; margin-top: 6px; font-size: 14px; line-height: 1.4; }
.automation-board-v4 > footer { margin-top: auto; padding-top: 18px; color: #82938a; font-size: 11px; line-height: 1.55; }

.automation-title-v4 { max-width: 1500px; margin: 72px auto 29px; display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: end; }
.automation-title-v4 span { color: #637269; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.automation-title-v4 strong { font-size: clamp(24px,2vw,34px); line-height: 1.25; letter-spacing: -.035em; }
.automation-grid-v4 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); background: #fff; border: 1px solid rgba(7,21,15,.14); }
.automation-grid-v4 article { min-height: 270px; padding: 32px 28px; border-right: 1px solid rgba(7,21,15,.12); border-bottom: 1px solid rgba(7,21,15,.12); transition: background .22s ease,transform .22s ease; }
.automation-grid-v4 article:nth-child(4n) { border-right: 0; }
.automation-grid-v4 article:nth-child(n+5) { border-bottom: 0; }
.automation-grid-v4 article:hover { position: relative; z-index: 2; background: #f4fbd9; transform: translateY(-3px); }
.automation-grid-v4 span { color: #6b820f; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.automation-grid-v4 h3 { margin: 25px 0 0; font-size: 20px; line-height: 1.28; letter-spacing: -.035em; }
.automation-grid-v4 p { margin: 14px 0 0; color: #526159; font-size: 14px; line-height: 1.65; }
.automation-guardrails-v4 { min-height: 132px; margin: 60px calc(max(34px,5.8vw) * -1) 0; padding: 27px max(34px,5.8vw); display: grid; grid-template-columns: .9fr repeat(4,1fr); gap: 0; align-items: center; color: #edf4ef; background: #071711; }
.automation-guardrails-v4 > span { padding-right: 24px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.automation-guardrails-v4 > div { min-height: 48px; padding-left: 24px; border-left: 1px solid rgba(255,255,255,.14); }
.automation-guardrails-v4 b,.automation-guardrails-v4 small { display: block; }
.automation-guardrails-v4 b { font-size: 13px; }
.automation-guardrails-v4 small { margin-top: 6px; color: #819188; font-size: 11px; line-height: 1.4; }

.coldchain-v5 { padding: 112px max(34px,5.8vw) 0; color: #edf5f0; background: radial-gradient(circle at 91% 6%,rgba(42,210,255,.11),transparent 25%),#04110d; overflow: hidden; }
.coldchain-head-v5 { max-width: 1500px; margin: 0 auto 58px; display: grid; grid-template-columns: 1.17fr .83fr; gap: clamp(56px,8vw,135px); align-items: end; }
.coldchain-kicker-v5 { margin: 0 0 24px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.coldchain-head-v5 h2 { margin: 0; max-width: 930px; font-size: clamp(52px,4.8vw,82px); line-height: .97; letter-spacing: -.06em; font-weight: 600; }
.coldchain-head-v5 h2 em { color: var(--lime); font-style: normal; }
.coldchain-intro-v5 > p { margin: 0; color: #afbeb6; font-size: clamp(16px,1.17vw,20px); line-height: 1.65; letter-spacing: -.02em; }
.coldchain-intro-v5 > p strong { color: #f2f7f4; font-weight: 800; }
.coldchain-intro-v5 aside { margin-top: 27px; padding: 22px 23px; color: #07150f; background: var(--lime); border-left: 3px solid #fff; }
.coldchain-intro-v5 aside span { display: block; margin-bottom: 8px; color: #335000; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.coldchain-intro-v5 aside strong { display: block; font-size: 14px; line-height: 1.55; }

.coldchain-stage-v5 { max-width: 1500px; min-height: 740px; margin: 0 auto; display: grid; grid-template-columns: minmax(410px,.52fr) minmax(0,1.48fr); background: #020b08; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 38px 100px rgba(0,0,0,.43); }
.coldchain-board-v5 { min-height: 740px; padding: 30px 29px; display: flex; flex-direction: column; background: #06130f; border-right: 1px solid rgba(255,255,255,.1); }
.coldchain-board-v5 > header { padding-bottom: 19px; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.coldchain-board-v5 > header span { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.coldchain-board-v5 > header i { color: #718279; font-size: 11px; font-style: normal; }
.coldchain-event-v5 { padding: 26px 0 22px; border-bottom: 1px solid rgba(255,255,255,.1); }
.coldchain-event-v5 span,.coldchain-event-v5 strong,.coldchain-event-v5 small { display: block; }
.coldchain-event-v5 span { color: #82938a; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.coldchain-event-v5 strong { margin-top: 9px; font-size: 20px; line-height: 1.35; letter-spacing: -.025em; }
.coldchain-event-v5 small { margin-top: 8px; color: #7f9187; font-size: 12px; }
.coldchain-sources-v5 { padding-top: 5px; }
.coldchain-sources-v5 article { min-height: 76px; padding: 14px 0; display: grid; grid-template-columns: 67px 1fr 26px; gap: 12px; align-items: start; border-bottom: 1px solid rgba(255,255,255,.09); }
.coldchain-sources-v5 article > b { color: var(--lime); font-size: 10px; letter-spacing: .09em; }
.coldchain-sources-v5 strong { display: block; font-size: 13px; line-height: 1.35; }
.coldchain-sources-v5 small { display: block; margin-top: 5px; color: #82938a; font-size: 11px; line-height: 1.35; }
.coldchain-sources-v5 em { width: 24px; height: 24px; display: grid; place-items: center; color: #07140f; background: var(--lime); border-radius: 50%; font-size: 9px; font-style: normal; font-weight: 800; }
.coldchain-decision-v5 { margin-top: 18px; padding: 18px; background: rgba(184,255,24,.08); border: 1px solid rgba(184,255,24,.26); }
.coldchain-decision-v5 span { display: block; color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.coldchain-decision-v5 strong { display: block; margin-top: 8px; font-size: 13px; line-height: 1.45; }
.coldchain-board-v5 > footer { margin-top: auto; padding-top: 17px; color: #74877c; font-size: 11px; line-height: 1.5; }

.coldchain-visual-v5 { position: relative; min-height: 740px; margin: 0; overflow: hidden; }
.coldchain-visual-v5 > img { width: 100%; height: 100%; min-height: 740px; display: block; object-fit: cover; object-position: center; filter: saturate(.88) brightness(.84); }
.coldchain-visual-v5::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,11,8,.02) 42%,rgba(2,11,8,.94) 100%); }
.coldchain-scan-v5 { position: absolute; z-index: 2; left: 0; right: 0; top: 18%; height: 1px; background: linear-gradient(90deg,transparent,rgba(42,210,255,.75),transparent); box-shadow: 0 0 18px rgba(42,210,255,.36); animation: coldchain-scan-v5 6s ease-in-out infinite; pointer-events: none; }
@keyframes coldchain-scan-v5 { 0%,100% { top: 18%; opacity: .2; } 50% { top: 73%; opacity: .8; } }
.coldchain-visual-v5 figcaption { position: absolute; z-index: 4; left: 36px; right: 36px; bottom: 34px; }
.coldchain-visual-v5 figcaption span,.coldchain-visual-v5 figcaption strong,.coldchain-visual-v5 figcaption small { display: block; }
.coldchain-visual-v5 figcaption span { margin-bottom: 11px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.coldchain-visual-v5 figcaption strong { font-size: clamp(32px,2.5vw,45px); line-height: 1.1; letter-spacing: -.045em; }
.coldchain-visual-v5 figcaption small { margin-top: 14px; color: #98aaa0; font-size: 12px; }
.coldchain-visual-v5 figcaption small i { width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--lime); }

.coldchain-title-v5 { max-width: 1500px; margin: 72px auto 29px; display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: end; }
.coldchain-title-v5 span { color: #7f9187; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.coldchain-title-v5 strong { font-size: clamp(24px,2vw,34px); line-height: 1.25; letter-spacing: -.035em; }
.coldchain-grid-v5 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.12); }
.coldchain-grid-v5 article { min-height: 265px; padding: 32px 29px; border-right: 1px solid rgba(255,255,255,.11); border-bottom: 1px solid rgba(255,255,255,.11); transition: background .22s ease,transform .22s ease; }
.coldchain-grid-v5 article:nth-child(3n) { border-right: 0; }
.coldchain-grid-v5 article:nth-child(n+4) { border-bottom: 0; }
.coldchain-grid-v5 article:hover { position: relative; z-index: 2; background: #0a2118; transform: translateY(-3px); }
.coldchain-grid-v5 span { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.coldchain-grid-v5 h3 { margin: 25px 0 0; font-size: 21px; line-height: 1.28; letter-spacing: -.035em; }
.coldchain-grid-v5 p { margin: 14px 0 0; color: #94a59b; font-size: 15px; line-height: 1.65; }
.coldchain-path-v5 { min-height: 132px; margin: 60px calc(max(34px,5.8vw) * -1) 0; padding: 27px max(34px,5.8vw); display: grid; grid-template-columns: .9fr 1fr auto 1fr auto 1fr auto 1fr; gap: 22px; align-items: center; color: #07140f; background: var(--lime); }
.coldchain-path-v5 > span { font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.coldchain-path-v5 > div { min-height: 48px; padding-left: 24px; border-left: 1px solid rgba(7,20,15,.2); }
.coldchain-path-v5 b,.coldchain-path-v5 small { display: block; }
.coldchain-path-v5 b { font-size: 14px; }
.coldchain-path-v5 small { margin-top: 5px; font-size: 11px; line-height: 1.35; }
.coldchain-path-v5 > i { color: rgba(7,20,15,.48); font-size: 17px; font-style: normal; }

.flow-v6 { padding: 112px max(34px,5.8vw) 0; color: #07150f; background: radial-gradient(circle at 6% 6%,rgba(184,255,24,.2),transparent 24%),#edf1e9; overflow: hidden; }
.flow-head-v6 { max-width: 1500px; margin: 0 auto 58px; display: grid; grid-template-columns: 1.17fr .83fr; gap: clamp(56px,8vw,135px); align-items: end; }
.flow-kicker-v6 { margin: 0 0 24px; color: #637269; font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.flow-head-v6 h2 { margin: 0; max-width: 930px; font-size: clamp(52px,4.8vw,82px); line-height: .97; letter-spacing: -.06em; font-weight: 600; }
.flow-head-v6 h2 em { color: #6b9700; font-style: normal; }
.flow-intro-v6 > p { margin: 0; color: #415248; font-size: clamp(16px,1.17vw,20px); line-height: 1.65; letter-spacing: -.02em; }
.flow-intro-v6 > p strong { color: #07150f; font-weight: 800; }
.flow-intro-v6 aside { margin-top: 27px; padding: 22px 23px; color: #dce5df; background: #071711; border-left: 3px solid var(--lime); }
.flow-intro-v6 aside span { display: block; margin-bottom: 8px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.flow-intro-v6 aside strong { display: block; font-size: 14px; line-height: 1.55; }

.flow-visual-v6 { position: relative; max-width: 1500px; min-height: 760px; margin: 0 auto; overflow: hidden; color: #edf4ef; background: #020b08; box-shadow: 0 38px 100px rgba(5,20,14,.24); }
.flow-visual-v6 > img { width: 100%; height: 760px; display: block; object-fit: cover; object-position: center; filter: saturate(.88) brightness(.82); }
.flow-visual-v6::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,11,8,.03) 42%,rgba(2,11,8,.92) 100%); }
.flow-focus-v6 { position: absolute; z-index: 2; left: 7%; right: 7%; bottom: 15%; height: 24%; border-top: 1px solid rgba(184,255,24,.35); border-bottom: 1px solid rgba(42,210,255,.26); background: linear-gradient(90deg,transparent,rgba(184,255,24,.06),transparent); animation: flow-focus-v6 3.4s ease-in-out infinite; pointer-events: none; }
@keyframes flow-focus-v6 { 50% { opacity: .35; transform: translateY(-8px); } }
.flow-visual-v6 figcaption { position: absolute; z-index: 4; left: 36px; right: 36px; bottom: 34px; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.flow-visual-v6 figcaption span,.flow-visual-v6 figcaption strong { display: block; }
.flow-visual-v6 figcaption span { margin-bottom: 11px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.flow-visual-v6 figcaption strong { font-size: clamp(32px,2.5vw,45px); line-height: 1.1; letter-spacing: -.045em; }
.flow-visual-v6 figcaption small { padding-bottom: 4px; color: #9aaba1; font-size: 12px; text-align: right; }
.flow-visual-v6 figcaption small i { width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--lime); }

.flow-signals-v6 { max-width: 1500px; min-height: 126px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); color: #edf4ef; background: #071711; }
.flow-signals-v6 article { padding: 29px; display: grid; grid-template-columns: 40px 1fr; gap: 15px; align-items: center; border-right: 1px solid rgba(255,255,255,.11); }
.flow-signals-v6 article:last-child { border-right: 0; }
.flow-signals-v6 article > span { width: 38px; height: 38px; display: grid; place-items: center; color: #07140f; background: var(--lime); border-radius: 50%; font-size: 11px; font-weight: 800; }
.flow-signals-v6 b,.flow-signals-v6 small { display: block; }
.flow-signals-v6 b { font-size: 13px; letter-spacing: .06em; }
.flow-signals-v6 small { margin-top: 6px; color: #819188; font-size: 11px; line-height: 1.4; }

.flow-title-v6 { max-width: 1500px; margin: 72px auto 29px; display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: end; }
.flow-title-v6 span { color: #637269; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.flow-title-v6 strong { font-size: clamp(24px,2vw,34px); line-height: 1.25; letter-spacing: -.035em; }
.flow-grid-v6 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); background: #fff; border: 1px solid rgba(7,21,15,.14); }
.flow-grid-v6 article { min-height: 265px; padding: 32px 29px; border-right: 1px solid rgba(7,21,15,.12); border-bottom: 1px solid rgba(7,21,15,.12); transition: background .22s ease,transform .22s ease; }
.flow-grid-v6 article:nth-child(3n) { border-right: 0; }
.flow-grid-v6 article:nth-child(n+4) { border-bottom: 0; }
.flow-grid-v6 article:hover { position: relative; z-index: 2; background: #f4fbd9; transform: translateY(-3px); }
.flow-grid-v6 span { color: #6b820f; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.flow-grid-v6 h3 { margin: 25px 0 0; font-size: 21px; line-height: 1.28; letter-spacing: -.035em; }
.flow-grid-v6 p { margin: 14px 0 0; color: #526159; font-size: 15px; line-height: 1.65; }
.flow-response-v6 { min-height: 146px; margin: 60px calc(max(34px,5.8vw) * -1) 0; padding: 28px max(34px,5.8vw); display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 21px; align-items: center; color: #edf4ef; background: #071711; }
.flow-response-v6 > div { min-height: 68px; padding-left: 22px; border-left: 2px solid var(--lime); }
.flow-response-v6 span,.flow-response-v6 strong,.flow-response-v6 small { display: block; }
.flow-response-v6 span { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.flow-response-v6 strong { margin-top: 7px; font-size: 14px; }
.flow-response-v6 small { margin-top: 6px; color: #819188; font-size: 11px; }
.flow-response-v6 > i { color: var(--lime); font-size: 18px; font-style: normal; }

.emergency-v12 { --alarm:#ff6941; padding: 112px max(34px,5.8vw) 0; color: #edf5f0; background: radial-gradient(circle at 90% 5%,rgba(255,105,65,.13),transparent 26%),#07100d; overflow: hidden; }
.emergency-head-v12 { max-width: 1500px; margin: 0 auto 58px; display: grid; grid-template-columns: 1.17fr .83fr; gap: clamp(56px,8vw,135px); align-items: end; }
.emergency-kicker-v12 { margin: 0 0 24px; color: var(--alarm); font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.emergency-head-v12 h2 { margin: 0; max-width: 980px; font-size: clamp(52px,4.8vw,82px); line-height: .97; letter-spacing: -.06em; font-weight: 600; }
.emergency-head-v12 h2 em { color: var(--lime); font-style: normal; }
.emergency-intro-v12 > p { margin: 0; color: #afbeb6; font-size: clamp(16px,1.17vw,20px); line-height: 1.65; letter-spacing: -.02em; }
.emergency-intro-v12 > p strong { color: #f2f7f4; font-weight: 800; }
.emergency-intro-v12 aside { margin-top: 27px; padding: 21px 23px; color: #edf5f0; background: rgba(255,105,65,.11); border: 1px solid rgba(255,105,65,.35); border-left: 3px solid var(--alarm); }
.emergency-intro-v12 aside span,.emergency-intro-v12 aside strong { display: block; }
.emergency-intro-v12 aside span { margin-bottom: 8px; color: #ff9b7f; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.emergency-intro-v12 aside strong { font-size: 14px; line-height: 1.55; }

.emergency-stage-v12 { max-width: 1500px; min-height: 730px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.47fr) minmax(410px,.53fr); background: #020b08; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 38px 100px rgba(0,0,0,.43); }
.emergency-visual-v12 { position: relative; min-height: 730px; margin: 0; overflow: hidden; }
.emergency-visual-v12 > img { width: 100%; height: 100%; min-height: 730px; display: block; object-fit: cover; object-position: center; filter: saturate(.86) brightness(.82); }
.emergency-visual-v12::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,11,8,.03) 38%,rgba(2,11,8,.95) 100%),linear-gradient(90deg,transparent 66%,rgba(2,11,8,.42)); }
.emergency-sweep-v12 { position: absolute; z-index: 2; top: 17%; left: 43%; width: 230px; height: 230px; border: 1px solid rgba(255,105,65,.42); border-radius: 50%; box-shadow: 0 0 0 28px rgba(255,105,65,.04),inset 0 0 35px rgba(255,105,65,.08); animation: emergency-sweep-v12 3.1s ease-out infinite; pointer-events: none; }
@keyframes emergency-sweep-v12 { 0% { transform: scale(.72); opacity: 0; } 42% { opacity: .8; } 100% { transform: scale(1.15); opacity: 0; } }
.emergency-visual-v12 figcaption { position: absolute; z-index: 4; left: 36px; right: 36px; bottom: 34px; }
.emergency-visual-v12 figcaption span,.emergency-visual-v12 figcaption strong,.emergency-visual-v12 figcaption small { display: block; }
.emergency-visual-v12 figcaption span { margin-bottom: 11px; color: #ff9b7f; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.emergency-visual-v12 figcaption strong { font-size: clamp(32px,2.5vw,45px); line-height: 1.1; letter-spacing: -.045em; }
.emergency-visual-v12 figcaption small { margin-top: 14px; color: #9aaba2; font-size: 12px; }
.emergency-visual-v12 figcaption small i { width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--alarm); box-shadow: 0 0 12px rgba(255,105,65,.8); }

.emergency-board-v12 { min-height: 730px; padding: 30px 29px; display: flex; flex-direction: column; background: #06130f; border-left: 1px solid rgba(255,255,255,.1); }
.emergency-board-v12 > header { padding-bottom: 19px; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.emergency-board-v12 > header span { color: #ff9b7f; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.emergency-board-v12 > header i { color: #718279; font-size: 11px; font-style: normal; }
.emergency-alert-v12 { padding: 27px 0 23px; border-bottom: 1px solid rgba(255,255,255,.1); }
.emergency-alert-v12 span,.emergency-alert-v12 strong,.emergency-alert-v12 small { display: block; }
.emergency-alert-v12 span { color: #ff9b7f; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.emergency-alert-v12 strong { margin-top: 9px; font-size: 20px; line-height: 1.35; letter-spacing: -.025em; }
.emergency-alert-v12 small { margin-top: 8px; color: #a38981; font-size: 12px; }
.emergency-evidence-v12 { padding-top: 7px; }
.emergency-evidence-v12 article { min-height: 91px; padding: 17px 0; display: grid; grid-template-columns: 38px 1fr; gap: 13px; align-items: start; border-bottom: 1px solid rgba(255,255,255,.09); }
.emergency-evidence-v12 article > b { width: 31px; height: 31px; display: grid; place-items: center; color: #1c0b06; background: var(--alarm); border-radius: 50%; font-size: 11px; }
.emergency-evidence-v12 span { display: block; color: #a38981; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.emergency-evidence-v12 strong { display: block; margin-top: 6px; font-size: 14px; line-height: 1.4; }
.emergency-evidence-v12 small { display: block; margin-top: 5px; color: #82938a; font-size: 11px; }
.emergency-board-v12 > footer { margin-top: auto; padding-top: 18px; color: #83968b; font-size: 11px; line-height: 1.5; }

.emergency-title-v12 { max-width: 1500px; margin: 72px auto 29px; display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: end; }
.emergency-title-v12 span { color: #ff9b7f; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.emergency-title-v12 strong { font-size: clamp(24px,2vw,34px); line-height: 1.25; letter-spacing: -.035em; }
.emergency-grid-v12 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.12); }
.emergency-grid-v12 article { min-height: 278px; padding: 32px 29px; border-right: 1px solid rgba(255,255,255,.11); border-bottom: 1px solid rgba(255,255,255,.11); transition: background .22s ease,transform .22s ease; }
.emergency-grid-v12 article:nth-child(3n) { border-right: 0; }
.emergency-grid-v12 article:nth-child(n+4) { border-bottom: 0; }
.emergency-grid-v12 article:hover { position: relative; z-index: 2; background: #171913; transform: translateY(-3px); }
.emergency-grid-v12 span { color: #ff9b7f; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.emergency-grid-v12 h3 { margin: 25px 0 0; font-size: 21px; line-height: 1.28; letter-spacing: -.035em; }
.emergency-grid-v12 p { margin: 14px 0 0; color: #94a59b; font-size: 15px; line-height: 1.65; }
.emergency-response-v12 { min-height: 132px; margin: 60px calc(max(34px,5.8vw) * -1) 0; padding: 27px max(34px,5.8vw); display: grid; grid-template-columns: .9fr 1fr auto 1fr auto 1fr auto 1fr; gap: 22px; align-items: center; color: #07140f; background: var(--lime); }
.emergency-response-v12 > span { font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.emergency-response-v12 > div { min-height: 48px; padding-left: 24px; border-left: 1px solid rgba(7,20,15,.2); }
.emergency-response-v12 b,.emergency-response-v12 small { display: block; }
.emergency-response-v12 b { font-size: 14px; }
.emergency-response-v12 small { margin-top: 5px; font-size: 11px; line-height: 1.35; }
.emergency-response-v12 > i { color: rgba(7,20,15,.48); font-size: 17px; font-style: normal; }

.security-v7 { padding: 112px max(34px,5.8vw) 0; color: #edf5f0; background: radial-gradient(circle at 88% 7%,rgba(184,255,24,.09),transparent 24%),#04110d; overflow: hidden; }
.security-head-v7 { max-width: 1500px; margin: 0 auto 58px; display: grid; grid-template-columns: 1.17fr .83fr; gap: clamp(56px,8vw,135px); align-items: end; }
.security-kicker-v7 { margin: 0 0 24px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.security-head-v7 h2 { margin: 0; max-width: 940px; font-size: clamp(52px,4.8vw,82px); line-height: .97; letter-spacing: -.06em; font-weight: 600; }
.security-head-v7 h2 em { color: var(--lime); font-style: normal; }
.security-intro-v7 > p { margin: 0; color: #afbeb6; font-size: clamp(16px,1.17vw,20px); line-height: 1.65; letter-spacing: -.02em; }
.security-intro-v7 > p strong { color: #f2f7f4; font-weight: 800; }
.security-intro-v7 aside { margin-top: 27px; padding: 22px 23px; color: #07150f; background: var(--lime); border-left: 3px solid #fff; }
.security-intro-v7 aside span { display: block; margin-bottom: 8px; color: #335000; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.security-intro-v7 aside strong { display: block; font-size: 14px; line-height: 1.55; }

.security-stage-v7 { max-width: 1500px; min-height: 730px; margin: 0 auto; display: grid; grid-template-columns: minmax(0,1.47fr) minmax(410px,.53fr); background: #020b08; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 38px 100px rgba(0,0,0,.43); }
.security-visual-v7 { position: relative; min-height: 730px; margin: 0; overflow: hidden; }
.security-visual-v7 > img { width: 100%; height: 100%; min-height: 730px; display: block; object-fit: cover; object-position: center; filter: saturate(.88) brightness(.83); }
.security-visual-v7::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,11,8,.02) 40%,rgba(2,11,8,.94) 100%); }
.security-radar-v7 { position: absolute; z-index: 2; left: 12%; bottom: 18%; width: 210px; height: 210px; border: 1px solid rgba(184,255,24,.32); border-radius: 50%; box-shadow: inset 0 0 0 52px rgba(184,255,24,.025),0 0 0 26px rgba(184,255,24,.035); animation: security-radar-v7 3s ease-out infinite; pointer-events: none; }
@keyframes security-radar-v7 { 0% { transform: scale(.76); opacity: 0; } 40% { opacity: .7; } 100% { transform: scale(1.14); opacity: 0; } }
.security-visual-v7 figcaption { position: absolute; z-index: 4; left: 36px; right: 36px; bottom: 34px; }
.security-visual-v7 figcaption span,.security-visual-v7 figcaption strong,.security-visual-v7 figcaption small { display: block; }
.security-visual-v7 figcaption span { margin-bottom: 11px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.security-visual-v7 figcaption strong { font-size: clamp(32px,2.5vw,45px); line-height: 1.1; letter-spacing: -.045em; }
.security-visual-v7 figcaption small { margin-top: 14px; color: #98aaa0; font-size: 12px; }
.security-visual-v7 figcaption small i { width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--lime); }

.security-board-v7 { min-height: 730px; padding: 30px 29px; display: flex; flex-direction: column; background: #06130f; border-left: 1px solid rgba(255,255,255,.1); }
.security-board-v7 > header { padding-bottom: 19px; display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid rgba(255,255,255,.12); }
.security-board-v7 > header span { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.security-board-v7 > header i { color: #718279; font-size: 11px; font-style: normal; }
.security-case-v7 { padding: 27px 0 23px; border-bottom: 1px solid rgba(255,255,255,.1); }
.security-case-v7 span,.security-case-v7 strong,.security-case-v7 small { display: block; }
.security-case-v7 span { color: #82938a; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.security-case-v7 strong { margin-top: 9px; font-size: 20px; line-height: 1.35; letter-spacing: -.025em; }
.security-case-v7 small { margin-top: 8px; color: #7f9187; font-size: 12px; }
.security-evidence-v7 { padding-top: 7px; }
.security-evidence-v7 article { min-height: 91px; padding: 17px 0; display: grid; grid-template-columns: 38px 1fr; gap: 13px; align-items: start; border-bottom: 1px solid rgba(255,255,255,.09); }
.security-evidence-v7 article > b { width: 31px; height: 31px; display: grid; place-items: center; color: #07140f; background: var(--lime); border-radius: 50%; font-size: 11px; }
.security-evidence-v7 span { display: block; color: #7f9187; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.security-evidence-v7 strong { display: block; margin-top: 6px; font-size: 14px; line-height: 1.4; }
.security-evidence-v7 small { display: block; margin-top: 5px; color: #82938a; font-size: 11px; }
.security-board-v7 > footer { margin-top: auto; padding-top: 18px; color: #74877c; font-size: 11px; line-height: 1.5; }

.security-title-v7 { max-width: 1500px; margin: 72px auto 29px; display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: end; }
.security-title-v7 span { color: #7f9187; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.security-title-v7 strong { font-size: clamp(24px,2vw,34px); line-height: 1.25; letter-spacing: -.035em; }
.security-grid-v7 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.12); }
.security-grid-v7 article { min-height: 270px; padding: 32px 29px; border-right: 1px solid rgba(255,255,255,.11); border-bottom: 1px solid rgba(255,255,255,.11); transition: background .22s ease,transform .22s ease; }
.security-grid-v7 article:nth-child(3n) { border-right: 0; }
.security-grid-v7 article:nth-child(n+4) { border-bottom: 0; }
.security-grid-v7 article:hover { position: relative; z-index: 2; background: #0a2118; transform: translateY(-3px); }
.security-grid-v7 span { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.security-grid-v7 h3 { margin: 25px 0 0; font-size: 21px; line-height: 1.28; letter-spacing: -.035em; }
.security-grid-v7 p { margin: 14px 0 0; color: #94a59b; font-size: 15px; line-height: 1.65; }
.security-principles-v7 { min-height: 132px; margin: 60px calc(max(34px,5.8vw) * -1) 0; padding: 27px max(34px,5.8vw); display: grid; grid-template-columns: .9fr repeat(4,1fr); gap: 0; align-items: center; color: #07140f; background: var(--lime); }
.security-principles-v7 > span { padding-right: 24px; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.security-principles-v7 > div { min-height: 48px; padding-left: 24px; border-left: 1px solid rgba(7,20,15,.2); }
.security-principles-v7 b,.security-principles-v7 small { display: block; }
.security-principles-v7 b { font-size: 13px; }
.security-principles-v7 small { margin-top: 6px; font-size: 11px; line-height: 1.4; }

.management-v8 { padding: 112px max(34px,5.8vw) 0; color: #07150f; background: radial-gradient(circle at 7% 5%,rgba(184,255,24,.2),transparent 24%),#edf1e9; overflow: hidden; }
.management-head-v8 { max-width: 1500px; margin: 0 auto 58px; display: grid; grid-template-columns: 1.17fr .83fr; gap: clamp(56px,8vw,135px); align-items: end; }
.management-kicker-v8 { margin: 0 0 24px; color: #637269; font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.management-head-v8 h2 { margin: 0; max-width: 930px; font-size: clamp(52px,4.8vw,82px); line-height: .97; letter-spacing: -.06em; font-weight: 600; }
.management-head-v8 h2 em { color: #6b9700; font-style: normal; }
.management-intro-v8 > p { margin: 0; color: #415248; font-size: clamp(16px,1.17vw,20px); line-height: 1.65; letter-spacing: -.02em; }
.management-intro-v8 > p strong { color: #07150f; font-weight: 800; }
.management-intro-v8 aside { margin-top: 27px; padding: 22px 23px; color: #dce5df; background: #071711; border-left: 3px solid var(--lime); }
.management-intro-v8 aside span { display: block; margin-bottom: 8px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.management-intro-v8 aside strong { display: block; font-size: 14px; line-height: 1.55; }

.management-visual-v8 { position: relative; max-width: 1500px; min-height: 660px; margin: 0 auto; overflow: hidden; color: #edf4ef; background: #020b08; box-shadow: 0 38px 100px rgba(5,20,14,.24); }
.management-visual-v8 > img { width: 100%; height: 660px; display: block; object-fit: cover; object-position: center; filter: saturate(.87) brightness(.82); }
.management-visual-v8::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,11,8,.02) 34%,rgba(2,11,8,.93) 100%); }
.management-glow-v8 { position: absolute; z-index: 2; inset: 0; background: radial-gradient(circle at 68% 28%,rgba(184,255,24,.13),transparent 18%); animation: management-glow-v8 4s ease-in-out infinite; pointer-events: none; }
@keyframes management-glow-v8 { 50% { opacity: .38; transform: scale(1.035); } }
.management-visual-v8 figcaption { position: absolute; z-index: 4; left: 36px; right: 36px; bottom: 34px; }
.management-visual-v8 figcaption span,.management-visual-v8 figcaption strong,.management-visual-v8 figcaption small { display: block; }
.management-visual-v8 figcaption span { margin-bottom: 11px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.management-visual-v8 figcaption strong { font-size: clamp(32px,2.5vw,45px); line-height: 1.1; letter-spacing: -.045em; }
.management-visual-v8 figcaption small { margin-top: 14px; color: #98aaa0; font-size: 12px; }
.management-visual-v8 figcaption small i { width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--lime); }

.management-console-v8 { max-width: 1500px; margin: 0 auto; padding: 30px; color: #edf4ef; background: #06130f; border: 1px solid rgba(255,255,255,.12); border-top: 0; }
.management-console-v8 > header { padding-bottom: 23px; display: flex; justify-content: space-between; gap: 24px; border-bottom: 1px solid rgba(255,255,255,.12); }
.management-console-v8 > header span,.management-console-v8 > header strong { display: block; }
.management-console-v8 > header span { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.management-console-v8 > header strong { margin-top: 7px; font-size: 15px; }
.management-console-v8 > header i { color: #75877d; font-size: 10px; font-style: normal; letter-spacing: .11em; }
.management-kpis-v8 { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid rgba(255,255,255,.11); }
.management-kpis-v8 article { min-height: 177px; padding: 27px 24px 23px 0; border-right: 1px solid rgba(255,255,255,.1); }
.management-kpis-v8 article:not(:first-child) { padding-left: 24px; }
.management-kpis-v8 article:last-child { border-right: 0; }
.management-kpis-v8 span { display: block; color: #82938a; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.management-kpis-v8 strong { display: block; margin-top: 17px; color: var(--lime); font-size: 48px; line-height: 1; letter-spacing: -.055em; }
.management-kpis-v8 strong small { margin-left: 5px; color: #9aad9f; font-size: 17px; }
.management-kpis-v8 .management-time-v8 { display: flex; align-items: baseline; gap: 5px; letter-spacing: -.045em; }
.management-kpis-v8 .management-time-v8 b { color: var(--lime); font-size: inherit; font-weight: 700; }
.management-kpis-v8 .management-time-v8 small { margin: 0 7px 0 0; color: #9aad9f; font-size: 15px; letter-spacing: 0; }
.management-kpis-v8 p { margin: 11px 0 0; color: #8a9c91; font-size: 12px; line-height: 1.45; }
.management-detail-v8 { padding-top: 27px; display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.management-detail-v8 section > header { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 17px; border-bottom: 1px solid rgba(255,255,255,.1); }
.management-detail-v8 section > header span { color: #dce5df; font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.management-detail-v8 section > header small { color: #6f8277; font-size: 10px; }
.management-bars-v8 article { padding: 17px 0; display: grid; grid-template-columns: 175px 1fr 190px; gap: 14px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.08); }
.management-bars-v8 b { font-size: 12px; }
.management-bars-v8 article > i { height: 7px; display: block; overflow: hidden; background: rgba(255,255,255,.09); }
.management-bars-v8 article > i em { height: 100%; display: block; background: linear-gradient(90deg,var(--lime),#76ced4); }
.management-bars-v8 small { color: #82938a; font-size: 10px; text-align: right; }
.management-ranking-v8 article { min-height: 68px; padding: 13px 0; display: grid; grid-template-columns: 30px 1fr auto; gap: 12px; align-items: start; border-bottom: 1px solid rgba(255,255,255,.08); }
.management-ranking-v8 article > b { width: 26px; height: 26px; display: grid; place-items: center; color: #07140f; background: var(--lime); border-radius: 50%; font-size: 9px; }
.management-ranking-v8 strong { display: block; font-size: 12px; }
.management-ranking-v8 small { display: block; margin-top: 5px; color: #82938a; font-size: 10px; }
.management-ranking-v8 em { color: var(--lime); font-size: 9px; font-style: normal; font-weight: 800; }

.management-title-v8 { max-width: 1500px; margin: 72px auto 29px; display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: end; }
.management-title-v8 span { color: #637269; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.management-title-v8 strong { font-size: clamp(24px,2vw,34px); line-height: 1.25; letter-spacing: -.035em; }
.management-grid-v8 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); background: #fff; border: 1px solid rgba(7,21,15,.14); }
.management-grid-v8 article { min-height: 265px; padding: 32px 29px; border-right: 1px solid rgba(7,21,15,.12); border-bottom: 1px solid rgba(7,21,15,.12); transition: background .22s ease,transform .22s ease; }
.management-grid-v8 article:nth-child(3n) { border-right: 0; }
.management-grid-v8 article:nth-child(n+4) { border-bottom: 0; }
.management-grid-v8 article:hover { position: relative; z-index: 2; background: #f4fbd9; transform: translateY(-3px); }
.management-grid-v8 span { color: #6b820f; font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.management-grid-v8 h3 { margin: 25px 0 0; font-size: 21px; line-height: 1.28; letter-spacing: -.035em; }
.management-grid-v8 p { margin: 14px 0 0; color: #526159; font-size: 15px; line-height: 1.65; }
.management-path-v8 { min-height: 132px; margin: 60px calc(max(34px,5.8vw) * -1) 0; padding: 27px max(34px,5.8vw); display: grid; grid-template-columns: .9fr 1fr auto 1fr auto 1fr auto 1fr; gap: 22px; align-items: center; color: #edf4ef; background: #071711; }
.management-path-v8 > span { color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.management-path-v8 > div { min-height: 48px; padding-left: 24px; border-left: 1px solid rgba(255,255,255,.14); }
.management-path-v8 b,.management-path-v8 small { display: block; }
.management-path-v8 b { font-size: 14px; }
.management-path-v8 small { margin-top: 5px; color: #819188; font-size: 11px; line-height: 1.35; }
.management-path-v8 > i { color: var(--lime); font-size: 17px; font-style: normal; }

.integrations-v9 { padding: 112px max(34px,5.8vw) 0; color: #edf5f0; background: radial-gradient(circle at 92% 6%,rgba(42,210,255,.1),transparent 24%),#04110d; overflow: hidden; }
.integrations-head-v9 { max-width: 1500px; margin: 0 auto 58px; display: grid; grid-template-columns: 1.17fr .83fr; gap: clamp(56px,8vw,135px); align-items: end; }
.integrations-kicker-v9 { margin: 0 0 24px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.integrations-head-v9 h2 { margin: 0; max-width: 980px; font-size: clamp(50px,4.55vw,78px); line-height: .98; letter-spacing: -.06em; font-weight: 600; }
.integrations-head-v9 h2 em { color: var(--lime); font-style: normal; }
.integrations-intro-v9 > p { margin: 0; color: #afbeb6; font-size: clamp(16px,1.17vw,20px); line-height: 1.65; letter-spacing: -.02em; }
.integrations-intro-v9 > p strong { color: #f2f7f4; font-weight: 800; }
.integrations-intro-v9 aside { margin-top: 27px; padding: 22px 23px; color: #07150f; background: var(--lime); border-left: 3px solid #fff; }
.integrations-intro-v9 aside span { display: block; margin-bottom: 8px; color: #335000; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.integrations-intro-v9 aside strong { display: block; font-size: 14px; line-height: 1.55; }

.integrations-visual-v9 { position: relative; max-width: 1500px; min-height: 690px; margin: 0 auto; overflow: hidden; background: #020b08; box-shadow: 0 38px 100px rgba(0,0,0,.43); }
.integrations-visual-v9 > img { width: 100%; height: 690px; display: block; object-fit: cover; object-position: center; filter: saturate(.88) brightness(.83); }
.integrations-visual-v9::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,11,8,.02) 38%,rgba(2,11,8,.94) 100%); }
.integrations-pulse-v9 { position: absolute; z-index: 2; inset: 0; background: linear-gradient(100deg,transparent 30%,rgba(184,255,24,.09) 49%,transparent 66%); transform: translateX(-110%); animation: integrations-pulse-v9 8s ease-in-out infinite; pointer-events: none; }
@keyframes integrations-pulse-v9 { 0%,24% { transform: translateX(-110%); opacity: 0; } 42% { opacity: .8; } 78%,100% { transform: translateX(110%); opacity: 0; } }
.integrations-visual-v9 figcaption { position: absolute; z-index: 4; left: 36px; right: 36px; bottom: 34px; }
.integrations-visual-v9 figcaption span,.integrations-visual-v9 figcaption strong,.integrations-visual-v9 figcaption small { display: block; }
.integrations-visual-v9 figcaption span { margin-bottom: 11px; color: var(--lime); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.integrations-visual-v9 figcaption strong { font-size: clamp(32px,2.5vw,45px); line-height: 1.1; letter-spacing: -.045em; }
.integrations-visual-v9 figcaption small { margin-top: 14px; color: #98aaa0; font-size: 12px; }
.integrations-visual-v9 figcaption small i { width: 7px; height: 7px; margin-right: 8px; display: inline-block; border-radius: 50%; background: var(--lime); }

.integration-map-v9 { max-width: 1500px; margin: 0 auto; padding: 31px; display: grid; grid-template-columns: 1fr 35px .8fr 35px 1fr; gap: 18px; align-items: center; background: #06130f; border: 1px solid rgba(255,255,255,.12); border-top: 0; }
.integration-map-v9 section > header { padding-bottom: 15px; display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid rgba(255,255,255,.11); }
.integration-map-v9 section > header span { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.integration-map-v9 section > header small { color: #708278; font-size: 9px; }
.integration-sources-v9 > div,.integration-destinations-v9 > div { display: grid; grid-template-columns: 1fr 1fr; }
.integration-sources-v9 article,.integration-destinations-v9 article { min-height: 89px; padding: 18px 14px 15px 0; border-right: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); }
.integration-sources-v9 article:nth-child(2n),.integration-destinations-v9 article:nth-child(2n) { padding-left: 14px; border-right: 0; }
.integration-sources-v9 article:nth-child(n+3),.integration-destinations-v9 article:nth-child(n+3) { border-bottom: 0; }
.integration-map-v9 article b,.integration-map-v9 article small { display: block; }
.integration-map-v9 article b { font-size: 11px; }
.integration-map-v9 article small { margin-top: 6px; color: #82938a; font-size: 10px; line-height: 1.4; }
.integration-arrow-v9 { color: var(--lime); font-size: 24px; font-style: normal; text-align: center; }
.integration-core-v9 { min-height: 250px; padding: 24px; background: var(--lime); color: #07140f; }
.integration-core-v9 > span { display: block; font-size: 27px; font-weight: 800; letter-spacing: .18em; }
.integration-core-v9 > strong { display: block; margin: 12px 0 18px; font-size: 14px; line-height: 1.35; }
.integration-core-v9 > div { padding: 10px 0; display: grid; grid-template-columns: 27px 1fr; align-items: center; border-top: 1px solid rgba(7,20,15,.18); }
.integration-core-v9 b { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid rgba(7,20,15,.32); border-radius: 50%; font-size: 9px; }
.integration-core-v9 small { font-size: 10px; }

.integrations-title-v9 { max-width: 1500px; margin: 72px auto 29px; display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: end; }
.integrations-title-v9 span { color: #7f9187; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.integrations-title-v9 strong { font-size: clamp(24px,2vw,34px); line-height: 1.25; letter-spacing: -.035em; }
.integrations-grid-v9 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.12); }
.integrations-grid-v9 article { min-height: 270px; padding: 32px 29px; border-right: 1px solid rgba(255,255,255,.11); border-bottom: 1px solid rgba(255,255,255,.11); transition: background .22s ease,transform .22s ease; }
.integrations-grid-v9 article:nth-child(3n) { border-right: 0; }
.integrations-grid-v9 article:nth-child(n+4) { border-bottom: 0; }
.integrations-grid-v9 article:hover { position: relative; z-index: 2; background: #0a2118; transform: translateY(-3px); }
.integrations-grid-v9 span { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .11em; }
.integrations-grid-v9 h3 { margin: 25px 0 0; font-size: 21px; line-height: 1.28; letter-spacing: -.035em; }
.integrations-grid-v9 p { margin: 14px 0 0; color: #94a59b; font-size: 15px; line-height: 1.65; }
.integrations-path-v9 { min-height: 132px; margin: 60px calc(max(34px,5.8vw) * -1) 0; padding: 27px max(34px,5.8vw); display: grid; grid-template-columns: .9fr 1fr auto 1fr auto 1fr auto 1fr; gap: 22px; align-items: center; color: #07140f; background: var(--lime); }
.integrations-path-v9 > span { font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.integrations-path-v9 > div { min-height: 48px; padding-left: 24px; border-left: 1px solid rgba(7,20,15,.2); }
.integrations-path-v9 b,.integrations-path-v9 small { display: block; }
.integrations-path-v9 b { font-size: 14px; }
.integrations-path-v9 small { margin-top: 5px; font-size: 11px; line-height: 1.35; }
.integrations-path-v9 > i { color: rgba(7,20,15,.48); font-size: 17px; font-style: normal; }

.implementation-v10 { padding: 112px max(34px,5.8vw) 0; color: #07140f; background: radial-gradient(circle at 7% 3%,rgba(174,255,0,.13),transparent 23%),#edf2eb; overflow: hidden; }
.implementation-head-v10 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: 1.08fr .92fr; gap: 72px; align-items: end; }
.implementation-kicker-v10 { margin: 0 0 23px; color: #53655b; font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.implementation-head-v10 h2 { margin: 0; max-width: 900px; font-size: clamp(52px,5.1vw,85px); line-height: .98; letter-spacing: -.065em; }
.implementation-head-v10 h2 em { color: #579000; font-style: normal; }
.implementation-intro-v10 > p { margin: 0; color: #45574d; font-size: 18px; line-height: 1.68; }
.implementation-intro-v10 > p strong { color: #07140f; font-weight: 700; }
.implementation-intro-v10 aside { margin-top: 27px; padding: 18px 0 18px 23px; border-left: 3px solid #6cad00; }
.implementation-intro-v10 aside span,.implementation-intro-v10 aside strong { display: block; }
.implementation-intro-v10 aside span { color: #579000; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.implementation-intro-v10 aside strong { margin-top: 9px; font-size: 13px; line-height: 1.55; }
.implementation-visual-v10 { position: relative; max-width: 1500px; height: 720px; margin: 58px auto 0; overflow: hidden; background: #07140f; }
.implementation-visual-v10 > img { width: 100%; height: 100%; object-fit: cover; object-position: 52% center; filter: saturate(.88) contrast(1.04); }
.implementation-visual-v10::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(2,12,8,.78) 0%,rgba(2,12,8,.22) 47%,rgba(2,12,8,.04) 72%),linear-gradient(0deg,rgba(2,12,8,.62),transparent 45%); pointer-events: none; }
.implementation-scan-v10 { position: absolute; z-index: 2; top: 0; bottom: 0; left: 64%; width: 1px; background: linear-gradient(transparent,rgba(174,255,0,.76),transparent); box-shadow: 0 0 24px rgba(174,255,0,.55); animation: implementation-scan-v10 5.8s ease-in-out infinite alternate; }
@keyframes implementation-scan-v10 { from { transform: translateX(-120px); opacity: .25; } to { transform: translateX(120px); opacity: .9; } }
.implementation-visual-v10 figcaption { position: absolute; z-index: 3; left: 45px; bottom: 40px; width: min(470px,calc(100% - 90px)); padding: 26px 29px; color: #edf5f0; background: rgba(3,17,12,.9); border: 1px solid rgba(174,255,0,.35); backdrop-filter: blur(10px); }
.implementation-visual-v10 figcaption span,.implementation-visual-v10 figcaption strong { display: block; }
.implementation-visual-v10 figcaption span { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.implementation-visual-v10 figcaption strong { margin-top: 14px; font-size: 35px; line-height: 1.08; letter-spacing: -.045em; }
.implementation-visual-v10 figcaption small { display: block; margin-top: 21px; padding-top: 18px; color: #a1afa7; border-top: 1px solid rgba(255,255,255,.13); font-size: 10px; }
.implementation-visual-v10 figcaption small i { width: 8px; height: 8px; margin-right: 7px; display: inline-block; background: var(--lime); border-radius: 50%; box-shadow: 0 0 12px rgba(174,255,0,.8); }

.pilot-example-v10 { position: relative; z-index: 4; max-width: 1360px; margin: -58px auto 0; padding: 32px 36px 26px; color: #edf5f0; background: #06140f; border: 1px solid rgba(255,255,255,.13); box-shadow: 0 28px 55px rgba(5,18,13,.18); }
.pilot-example-v10 > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.12); }
.pilot-example-v10 > header span,.pilot-example-v10 > header strong { display: block; }
.pilot-example-v10 > header span { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.pilot-example-v10 > header strong { margin-top: 8px; font-size: 22px; letter-spacing: -.03em; }
.pilot-example-v10 > header i { padding: 7px 10px; color: #82948a; border: 1px solid rgba(255,255,255,.13); font-size: 9px; font-style: normal; letter-spacing: .12em; }
.pilot-case-v10 { display: grid; grid-template-columns: repeat(4,1fr); }
.pilot-case-v10 section { min-height: 166px; padding: 26px 24px 20px; border-right: 1px solid rgba(255,255,255,.1); }
.pilot-case-v10 section:first-child { padding-left: 0; }
.pilot-case-v10 section:last-child { padding-right: 0; border-right: 0; }
.pilot-case-v10 span,.pilot-case-v10 strong,.pilot-case-v10 small { display: block; }
.pilot-case-v10 span { color: #7f9288; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.pilot-case-v10 strong { margin-top: 20px; font-size: 16px; line-height: 1.35; }
.pilot-case-v10 small { margin-top: 9px; color: #8d9e95; font-size: 10px; line-height: 1.5; }
.pilot-example-v10 > footer { padding-top: 20px; color: #9aaba2; border-top: 1px solid rgba(255,255,255,.1); font-size: 11px; line-height: 1.55; }

.implementation-title-v10 { max-width: 1500px; margin: 82px auto 30px; display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: end; }
.implementation-title-v10 span { color: #607168; font-size: 11px; font-weight: 800; letter-spacing: .15em; }
.implementation-title-v10 strong { font-size: clamp(24px,2vw,34px); line-height: 1.25; letter-spacing: -.035em; }
.implementation-steps-v10 { max-width: 1500px; margin: 0 auto; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(7,20,15,.18); }
.implementation-steps-v10 article { min-height: 330px; padding: 31px 28px 27px; display: flex; flex-direction: column; border-right: 1px solid rgba(7,20,15,.16); transition: background .22s ease,transform .22s ease; }
.implementation-steps-v10 article:last-child { border-right: 0; }
.implementation-steps-v10 article:hover { position: relative; z-index: 2; background: #fff; transform: translateY(-3px); }
.implementation-steps-v10 article > b { width: 43px; height: 43px; display: grid; place-items: center; color: #07140f; background: var(--lime); border-radius: 50%; font-size: 12px; }
.implementation-steps-v10 article > span { margin-top: 26px; color: #579000; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.implementation-steps-v10 h3 { margin: 18px 0 0; font-size: 21px; line-height: 1.3; letter-spacing: -.035em; }
.implementation-steps-v10 p { margin: 13px 0 24px; color: #56685e; font-size: 14px; line-height: 1.65; }
.implementation-steps-v10 small { margin-top: auto; padding-top: 17px; color: #61736a; border-top: 1px solid rgba(7,20,15,.14); font-size: 9px; font-weight: 800; letter-spacing: .08em; }

.responsibilities-v10 { max-width: 1500px; margin: 54px auto 0; display: grid; grid-template-columns: 1fr 1fr; color: #edf5f0; background: #06140f; }
.responsibilities-v10 > section { padding: 36px; }
.responsibilities-v10 > section + section { border-left: 1px solid rgba(255,255,255,.12); }
.responsibilities-v10 > section > span { color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.responsibilities-v10 ul { margin: 25px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; list-style: none; }
.responsibilities-v10 li { min-height: 89px; padding: 18px 20px 17px 0; border-top: 1px solid rgba(255,255,255,.11); }
.responsibilities-v10 li:nth-child(2n) { padding-left: 20px; border-left: 1px solid rgba(255,255,255,.11); }
.responsibilities-v10 li b,.responsibilities-v10 li small { display: block; }
.responsibilities-v10 li b { font-size: 13px; }
.responsibilities-v10 li small { margin-top: 6px; color: #8fa097; font-size: 10px; line-height: 1.4; }
.implementation-gates-v10 { min-height: 132px; margin: 60px calc(max(34px,5.8vw) * -1) 0; padding: 27px max(34px,5.8vw); display: grid; grid-template-columns: .95fr repeat(4,1fr); gap: 0; align-items: center; background: var(--lime); }
.implementation-gates-v10 > span { padding-right: 24px; font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.implementation-gates-v10 > div { min-height: 55px; padding: 5px 24px; border-left: 1px solid rgba(7,20,15,.2); }
.implementation-gates-v10 b,.implementation-gates-v10 small { display: block; }
.implementation-gates-v10 b { font-size: 13px; }
.implementation-gates-v10 small { margin-top: 6px; font-size: 10px; line-height: 1.4; }

.final-cta-v11 { position: relative; min-height: 930px; padding: 120px max(34px,5.8vw) 120px; display: flex; align-items: center; overflow: hidden; color: #fff; background: #020b08; }
.final-cta-v11 > figure { position: absolute; inset: 0; margin: 0; }
.final-cta-v11 > figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(2,13,11,.98) 0%,rgba(2,13,11,.88) 42%,rgba(2,13,11,.48) 70%,rgba(2,13,11,.82) 100%),linear-gradient(0deg,rgba(2,13,11,.94) 0%,transparent 50%),radial-gradient(circle at 69% 47%,transparent,rgba(2,13,11,.32)); }
.final-cta-v11 > figure img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; filter: saturate(.82) brightness(.8); transform: scale(1.015); transition: transform 1.2s cubic-bezier(.2,.75,.2,1); }
.final-cta-v11:hover > figure img { transform: scale(1.035); }
.final-content-v11 { position: relative; z-index: 4; width: 100%; display: grid; grid-template-columns: 1fr .48fr; gap: 7vw; align-items: center; }
.final-copy-v11 { max-width: 820px; }
.final-eyebrow-v11 { margin: 0 0 25px; color: #b8c7bf; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.final-copy-v11 h2 { margin: 0; font-size: clamp(58px,7vw,104px); line-height: .9; letter-spacing: -.068em; font-weight: 600; }
.final-copy-v11 h2 em { color: var(--lime); font-style: normal; }
.final-copy-v11 > p:not(.final-eyebrow-v11) { max-width: 700px; margin: 30px 0; color: #c0cdc7; font-size: clamp(17px,1.55vw,21px); line-height: 1.58; }
.final-actions-v11 { margin-top: 34px; display: flex; align-items: center; gap: 13px; }
.final-actions-v11 a { min-height: 60px; padding: 0 22px; display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; font-size: 13px; font-weight: 800; transition: transform .2s ease,background .2s ease; }
.final-actions-v11 a:hover { transform: translateY(-3px); }
.final-primary-v11 { color: #07130e; background: var(--lime); }
.final-primary-v11:hover { background: #bdff2d; }
.final-secondary-v11 { color: #fff; border: 1px solid rgba(255,255,255,.24); background: rgba(6,23,19,.74); backdrop-filter: blur(10px); }
.final-secondary-v11:hover { background: rgba(12,42,31,.9); }
.final-brief-v11 { padding: 30px 29px; border: 1px solid rgba(255,255,255,.17); background: rgba(6,23,19,.88); box-shadow: 0 28px 80px rgba(0,0,0,.62); backdrop-filter: blur(16px); }
.final-brief-v11 > span { display: block; padding-bottom: 20px; color: var(--lime); font-size: 10px; font-weight: 800; letter-spacing: .15em; border-bottom: 1px solid rgba(255,255,255,.1); }
.final-brief-v11 ul { margin: 10px 0 0; padding: 0; list-style: none; }
.final-brief-v11 li { padding: 15px 0 15px 28px; position: relative; color: #d7e0dc; font-size: 13px; line-height: 1.45; border-bottom: 1px solid rgba(255,255,255,.08); }
.final-brief-v11 li::before { content: "↗"; position: absolute; left: 0; color: var(--lime); }
.final-brief-v11 li:last-child { border-bottom: 0; }
.final-brief-v11 p { margin: 19px 0 0; color: #8fa198; font-size: 11px; line-height: 1.58; }
.final-proofbar-v11 { position: absolute; z-index: 5; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(4,1fr); color: #07130e; background: var(--lime); }
.final-proofbar-v11 div { padding: 20px max(16px,3vw); border-right: 1px solid rgba(7,19,14,.14); }
.final-proofbar-v11 div:last-child { border-right: 0; }
.final-proofbar-v11 span,.final-proofbar-v11 b { display: block; }
.final-proofbar-v11 span { font-size: 9px; font-weight: 800; letter-spacing: .13em; }
.final-proofbar-v11 b { margin-top: 5px; font-size: 11px; }
.site-footer { padding: 31px max(34px,5.8vw); display: flex; align-items: center; gap: 31px; color: #788a80; background: #010705; font-size: 10px; }
.site-footer img { width: 145px; max-height: 43px; object-fit: contain; }
.site-footer p { margin: 0 auto 0 0; }
.site-footer nav { display: flex; gap: 24px; }
.site-footer a:hover { color: #fff; }

@media (max-width: 1100px) {
  .nav { padding-inline: 30px; }
  .nav > nav { gap: 23px; }
  .hero-copy { width: min(720px,64vw); padding-left: 45px; }
  .hero h1 { font-size: clamp(59px,7.5vw,82px); }
  .signal-checkout { right: 4%; }
  .signal-cold { right: 7%; }
  .hero-card { right: 4%; }
  .ai-detections-v2 { padding: 88px 25px 0; }
  .ai-head-v2 { grid-template-columns: 1fr; gap: 30px; }
  .ai-intro-v2 { max-width: 760px; }
  .ai-stage-v2 { grid-template-columns: 1fr; }
  .event-board-v2 { min-height: 690px; }
  .detection-grid-v2 { grid-template-columns: repeat(2,1fr); }
  .detection-grid-v2 article:nth-child(3n) { border-right: 1px solid rgba(7,21,15,.12); }
  .detection-grid-v2 article:nth-child(2n) { border-right: 0; }
  .detection-grid-v2 article:nth-child(n+4) { border-bottom: 1px solid rgba(7,21,15,.12); }
  .detection-grid-v2 article:nth-child(n+5) { border-bottom: 0; }
  .ai-path-v2 { grid-template-columns: repeat(2,1fr); }
  .ai-path-v2 > i { display: none; }
  .network-v3 { padding: 88px 25px 0; }
  .network-head-v3 { grid-template-columns: 1fr; gap: 30px; }
  .network-head-v3 > p { max-width: 790px; }
  .network-stage-v3 { grid-template-columns: 1fr; }
  .network-visual-v3,.network-visual-v3 > img { min-height: 690px; height: 690px; }
  .network-board-v3 { min-height: 720px; }
  .network-features-v3 { grid-template-columns: repeat(2,1fr); }
  .network-features-v3 article { border-bottom: 1px solid rgba(255,255,255,.11); }
  .network-features-v3 article:nth-child(2n) { border-right: 0; }
  .network-features-v3 article:nth-child(n+3) { border-bottom: 0; }
  .network-path-v3 { grid-template-columns: repeat(2,1fr); }
  .network-path-v3 > span { grid-column: 1 / -1; }
  .network-path-v3 > i { display: none; }
  .automation-v4 { padding: 88px 25px 0; }
  .automation-head-v4 { grid-template-columns: 1fr; gap: 30px; }
  .automation-intro-v4 { max-width: 790px; }
  .automation-stage-v4 { grid-template-columns: 1fr; }
  .automation-visual-v4,.automation-visual-v4 > img { min-height: 690px; height: 690px; }
  .automation-board-v4 { min-height: 720px; }
  .automation-grid-v4 { grid-template-columns: repeat(2,1fr); }
  .automation-grid-v4 article:nth-child(4n) { border-right: 1px solid rgba(7,21,15,.12); }
  .automation-grid-v4 article:nth-child(2n) { border-right: 0; }
  .automation-grid-v4 article:nth-child(n+5) { border-bottom: 1px solid rgba(7,21,15,.12); }
  .automation-grid-v4 article:nth-child(n+7) { border-bottom: 0; }
  .automation-guardrails-v4 { grid-template-columns: repeat(2,1fr); }
  .automation-guardrails-v4 > span { grid-column: 1 / -1; padding: 0 0 19px; }
  .coldchain-v5 { padding: 88px 25px 0; }
  .coldchain-head-v5 { grid-template-columns: 1fr; gap: 30px; }
  .coldchain-intro-v5 { max-width: 790px; }
  .coldchain-stage-v5 { grid-template-columns: 1fr; }
  .coldchain-board-v5 { min-height: 720px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .coldchain-visual-v5,.coldchain-visual-v5 > img { min-height: 690px; height: 690px; }
  .coldchain-grid-v5 { grid-template-columns: repeat(2,1fr); }
  .coldchain-grid-v5 article:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.11); }
  .coldchain-grid-v5 article:nth-child(2n) { border-right: 0; }
  .coldchain-grid-v5 article:nth-child(n+4) { border-bottom: 1px solid rgba(255,255,255,.11); }
  .coldchain-grid-v5 article:nth-child(n+5) { border-bottom: 0; }
  .coldchain-path-v5 { grid-template-columns: repeat(2,1fr); }
  .coldchain-path-v5 > span { grid-column: 1 / -1; }
  .coldchain-path-v5 > i { display: none; }
  .flow-v6 { padding: 88px 25px 0; }
  .flow-head-v6 { grid-template-columns: 1fr; gap: 30px; }
  .flow-intro-v6 { max-width: 790px; }
  .flow-visual-v6,.flow-visual-v6 > img { min-height: 690px; height: 690px; }
  .flow-signals-v6 { grid-template-columns: repeat(2,1fr); }
  .flow-signals-v6 article:nth-child(2n) { border-right: 0; }
  .flow-signals-v6 article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.11); }
  .flow-grid-v6 { grid-template-columns: repeat(2,1fr); }
  .flow-grid-v6 article:nth-child(3n) { border-right: 1px solid rgba(7,21,15,.12); }
  .flow-grid-v6 article:nth-child(2n) { border-right: 0; }
  .flow-grid-v6 article:nth-child(n+4) { border-bottom: 1px solid rgba(7,21,15,.12); }
  .flow-grid-v6 article:nth-child(n+5) { border-bottom: 0; }
  .flow-response-v6 { grid-template-columns: repeat(2,1fr); }
  .flow-response-v6 > i { display: none; }
  .emergency-v12 { padding: 88px 25px 0; }
  .emergency-head-v12 { grid-template-columns: 1fr; gap: 30px; }
  .emergency-intro-v12 { max-width: 790px; }
  .emergency-stage-v12 { grid-template-columns: 1fr; }
  .emergency-visual-v12,.emergency-visual-v12 > img { min-height: 690px; height: 690px; }
  .emergency-board-v12 { min-height: 720px; border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }
  .emergency-grid-v12 { grid-template-columns: repeat(2,1fr); }
  .emergency-grid-v12 article:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.11); }
  .emergency-grid-v12 article:nth-child(2n) { border-right: 0; }
  .emergency-grid-v12 article:nth-child(n+4) { border-bottom: 1px solid rgba(255,255,255,.11); }
  .emergency-grid-v12 article:nth-child(n+5) { border-bottom: 0; }
  .emergency-response-v12 { grid-template-columns: repeat(2,1fr); }
  .emergency-response-v12 > span { grid-column: 1 / -1; }
  .emergency-response-v12 > i { display: none; }
  .security-v7 { padding: 88px 25px 0; }
  .security-head-v7 { grid-template-columns: 1fr; gap: 30px; }
  .security-intro-v7 { max-width: 790px; }
  .security-stage-v7 { grid-template-columns: 1fr; }
  .security-visual-v7,.security-visual-v7 > img { min-height: 690px; height: 690px; }
  .security-board-v7 { min-height: 720px; }
  .security-grid-v7 { grid-template-columns: repeat(2,1fr); }
  .security-grid-v7 article:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.11); }
  .security-grid-v7 article:nth-child(2n) { border-right: 0; }
  .security-grid-v7 article:nth-child(n+4) { border-bottom: 1px solid rgba(255,255,255,.11); }
  .security-grid-v7 article:nth-child(n+5) { border-bottom: 0; }
  .security-principles-v7 { grid-template-columns: repeat(2,1fr); }
  .security-principles-v7 > span { grid-column: 1 / -1; padding: 0 0 19px; }
  .management-v8 { padding: 88px 25px 0; }
  .management-head-v8 { grid-template-columns: 1fr; gap: 30px; }
  .management-intro-v8 { max-width: 790px; }
  .management-visual-v8,.management-visual-v8 > img { min-height: 640px; height: 640px; }
  .management-kpis-v8 { grid-template-columns: repeat(2,1fr); }
  .management-kpis-v8 article:nth-child(2n) { border-right: 0; }
  .management-kpis-v8 article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.1); }
  .management-detail-v8 { grid-template-columns: 1fr; }
  .management-grid-v8 { grid-template-columns: repeat(2,1fr); }
  .management-grid-v8 article:nth-child(3n) { border-right: 1px solid rgba(7,21,15,.12); }
  .management-grid-v8 article:nth-child(2n) { border-right: 0; }
  .management-grid-v8 article:nth-child(n+4) { border-bottom: 1px solid rgba(7,21,15,.12); }
  .management-grid-v8 article:nth-child(n+5) { border-bottom: 0; }
  .management-path-v8 { grid-template-columns: repeat(2,1fr); }
  .management-path-v8 > span { grid-column: 1 / -1; }
  .management-path-v8 > i { display: none; }
  .integrations-v9 { padding: 88px 25px 0; }
  .integrations-head-v9 { grid-template-columns: 1fr; gap: 30px; }
  .integrations-intro-v9 { max-width: 790px; }
  .integrations-visual-v9,.integrations-visual-v9 > img { min-height: 660px; height: 660px; }
  .integration-map-v9 { grid-template-columns: 1fr; }
  .integration-arrow-v9 { transform: rotate(90deg); }
  .integration-core-v9 { min-height: 0; }
  .integrations-grid-v9 { grid-template-columns: repeat(2,1fr); }
  .integrations-grid-v9 article:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.11); }
  .integrations-grid-v9 article:nth-child(2n) { border-right: 0; }
  .integrations-grid-v9 article:nth-child(n+4) { border-bottom: 1px solid rgba(255,255,255,.11); }
  .integrations-grid-v9 article:nth-child(n+5) { border-bottom: 0; }
  .integrations-path-v9 { grid-template-columns: repeat(2,1fr); }
  .integrations-path-v9 > span { grid-column: 1 / -1; }
  .integrations-path-v9 > i { display: none; }
  .implementation-v10 { padding: 88px 25px 0; }
  .implementation-head-v10 { grid-template-columns: 1fr; gap: 30px; }
  .implementation-intro-v10 { max-width: 790px; }
  .implementation-visual-v10,.implementation-visual-v10 > img { height: 660px; }
  .pilot-example-v10 { width: calc(100% - 50px); }
  .pilot-case-v10 { grid-template-columns: repeat(2,1fr); }
  .pilot-case-v10 section { border-bottom: 1px solid rgba(255,255,255,.1); }
  .pilot-case-v10 section:nth-child(2n) { padding-right: 0; border-right: 0; }
  .pilot-case-v10 section:nth-child(3) { padding-left: 0; }
  .pilot-case-v10 section:nth-child(n+3) { border-bottom: 0; }
  .implementation-steps-v10 { grid-template-columns: repeat(2,1fr); }
  .implementation-steps-v10 article { border-bottom: 1px solid rgba(7,20,15,.16); }
  .implementation-steps-v10 article:nth-child(2n) { border-right: 0; }
  .implementation-steps-v10 article:nth-child(n+3) { border-bottom: 0; }
  .responsibilities-v10 { grid-template-columns: 1fr; }
  .responsibilities-v10 > section + section { border-left: 0; border-top: 1px solid rgba(255,255,255,.12); }
  .implementation-gates-v10 { grid-template-columns: repeat(2,1fr); }
  .implementation-gates-v10 > span { grid-column: 1 / -1; padding-bottom: 21px; }
  .final-cta-v11 { min-height: 1010px; padding: 100px 25px 145px; align-items: flex-start; }
  .final-content-v11 { grid-template-columns: 1fr; gap: 48px; }
  .final-copy-v11 { max-width: 780px; }
  .final-brief-v11 { max-width: 620px; }
}

@media (max-width: 760px) {
  .nav { height: 72px; padding-inline: 18px; gap: 15px; }
  .brand img { width: 136px; }
  .nav > nav,.header-login { display: none; }
  .button.small { min-height: 42px; margin-left: auto; padding-inline: 14px; gap: 13px; }
  .hero { min-height: 880px; }
  .hero-media img { object-position: 61% center; }
  .hero-shade { background: linear-gradient(180deg,rgba(2,13,10,.83) 0%,rgba(2,13,10,.78) 42%,rgba(2,13,10,.94) 100%); }
  .hero-grid { inset: 43% -45% -18% 5%; opacity: .23; }
  .hero-copy { width: auto; padding: 76px 20px 320px; }
  .eyebrow { margin-bottom: 22px; font-size: 8px; }
  .hero h1 { font-size: clamp(48px,13.8vw,67px); line-height: .91; }
  .lead { margin-top: 27px; font-size: 16px; }
  .actions { align-items: stretch; flex-direction: column; gap: 17px; }
  .actions .button { width: 100%; }
  .text-link { padding-left: 2px; }
  .signal { min-width: 0; width: calc(50% - 26px); padding: 14px 12px 13px 35px; }
  .signal::after { display: none; }
  .signal i { left: 13px; top: 18px; }
  .signal b { font-size: 10px; }
  .signal-checkout { top: auto; right: auto; left: 20px; bottom: 130px; }
  .signal-cold { top: auto; right: 20px; bottom: 130px; }
  .hero-card { left: 20px; right: 20px; bottom: 24px; width: auto; min-height: 91px; padding: 17px 18px; display: grid; grid-template-columns: 1fr auto; column-gap: 20px; align-items: center; }
  .hero-card > strong { margin-top: 7px; font-size: 14px; }
  .hero-card > div { grid-row: 1 / 3; grid-column: 2; margin: 0; padding: 0 0 0 17px; border-top: 0; border-left: 1px solid rgba(255,255,255,.13); }
  .hero-card b { font-size: 24px; }
  .live-strip { padding: 20px; grid-template-columns: 1fr 1fr; gap: 17px; }
  .live-strip div:last-child { grid-column: 1 / -1; }
  .ai-detections-v2 { padding: 68px 20px 0; }
  .ai-head-v2 h2 { font-size: clamp(43px,11.5vw,59px); }
  .ai-intro-v2 > p { font-size: 16px; }
  .ai-stage-v2,.ai-visual-v2,.ai-visual-v2 > img { min-height: 610px; }
  .ai-visual-v2 > img { object-position: 48% center; }
  .ai-visual-v2 figcaption { left: 22px; right: 22px; bottom: 23px; }
  .ai-visual-v2 figcaption strong { font-size: 30px; }
  .event-board-v2 { min-height: 690px; padding: 26px 21px; }
  .event-board-v2 article { grid-template-columns: 38px 1fr; }
  .event-board-v2 article em { grid-column: 2; }
  .detection-title-v2 { grid-template-columns: 1fr; gap: 14px; }
  .detection-grid-v2 { grid-template-columns: 1fr; }
  .detection-grid-v2 article { min-height: 0; border-right: 0 !important; border-bottom: 1px solid rgba(7,21,15,.12) !important; }
  .detection-grid-v2 article:last-child { border-bottom: 0 !important; }
  .ai-path-v2 { grid-template-columns: 1fr; }
  .network-v3 { padding: 68px 20px 0; }
  .network-head-v3 h2 { font-size: clamp(43px,11.5vw,59px); }
  .network-head-v3 > p { font-size: 16px; }
  .network-visual-v3,.network-visual-v3 > img { min-height: 620px; height: 620px; }
  .network-visual-v3 > img { object-position: 46% center; }
  .network-visual-v3 figcaption { left: 22px; bottom: 23px; }
  .network-visual-v3 figcaption strong { font-size: 30px; }
  .network-board-v3 { min-height: 760px; padding: 26px 21px; }
  .network-status-v3 { grid-template-columns: 1fr; }
  .network-status-v3 div { padding: 16px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .network-status-v3 div:last-child { padding-left: 0; border-bottom: 0; }
  .network-queue-v3 article { grid-template-columns: 33px 1fr; }
  .network-queue-v3 em { grid-column: 2; }
  .network-features-v3 { grid-template-columns: 1fr; }
  .network-features-v3 article { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.11) !important; }
  .network-features-v3 article:last-child { border-bottom: 0 !important; }
  .network-path-v3 { margin-inline: -20px; padding: 40px 20px; grid-template-columns: 1fr; }
  .network-path-v3 > span { grid-column: auto; padding-bottom: 16px; border-bottom: 1px solid rgba(7,20,15,.2); }
  .automation-v4 { padding: 68px 20px 0; }
  .automation-head-v4 h2 { font-size: clamp(43px,11.5vw,59px); }
  .automation-intro-v4 > p { font-size: 16px; }
  .automation-stage-v4,.automation-visual-v4,.automation-visual-v4 > img { min-height: 620px; }
  .automation-visual-v4 > img { object-position: 48% center; }
  .automation-visual-v4 figcaption { left: 22px; right: 22px; bottom: 23px; }
  .automation-visual-v4 figcaption strong { font-size: 30px; }
  .automation-board-v4 { min-height: 720px; padding: 26px 21px; }
  .automation-title-v4 { grid-template-columns: 1fr; gap: 14px; }
  .automation-grid-v4 { grid-template-columns: 1fr; }
  .automation-grid-v4 article { min-height: 0; border-right: 0 !important; border-bottom: 1px solid rgba(7,21,15,.12) !important; }
  .automation-grid-v4 article:last-child { border-bottom: 0 !important; }
  .automation-guardrails-v4 { margin-inline: -20px; padding: 40px 20px; grid-template-columns: 1fr; }
  .automation-guardrails-v4 > span { grid-column: auto; padding-bottom: 17px; }
  .automation-guardrails-v4 > div { padding: 18px 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.14); }
  .coldchain-v5 { padding: 68px 20px 0; }
  .coldchain-head-v5 h2 { font-size: clamp(43px,11.5vw,59px); }
  .coldchain-intro-v5 > p { font-size: 16px; }
  .coldchain-board-v5 { min-height: 760px; padding: 26px 21px; }
  .coldchain-sources-v5 article { grid-template-columns: 59px 1fr 24px; }
  .coldchain-visual-v5,.coldchain-visual-v5 > img { min-height: 620px; height: 620px; }
  .coldchain-visual-v5 > img { object-position: 56% center; }
  .coldchain-visual-v5 figcaption { left: 22px; right: 22px; bottom: 23px; }
  .coldchain-visual-v5 figcaption strong { font-size: 30px; }
  .coldchain-title-v5 { grid-template-columns: 1fr; gap: 14px; }
  .coldchain-grid-v5 { grid-template-columns: 1fr; }
  .coldchain-grid-v5 article { min-height: 0; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.11) !important; }
  .coldchain-grid-v5 article:last-child { border-bottom: 0 !important; }
  .coldchain-path-v5 { margin-inline: -20px; padding: 40px 20px; grid-template-columns: 1fr; }
  .coldchain-path-v5 > span { grid-column: auto; padding-bottom: 16px; border-bottom: 1px solid rgba(7,20,15,.2); }
  .flow-v6 { padding: 68px 20px 0; }
  .flow-head-v6 h2 { font-size: clamp(43px,11.5vw,59px); }
  .flow-intro-v6 > p { font-size: 16px; }
  .flow-visual-v6,.flow-visual-v6 > img { min-height: 620px; height: 620px; }
  .flow-visual-v6 > img { object-position: 56% center; }
  .flow-visual-v6 figcaption { left: 22px; right: 22px; bottom: 23px; display: block; }
  .flow-visual-v6 figcaption strong { font-size: 30px; }
  .flow-visual-v6 figcaption small { display: block; margin-top: 14px; text-align: left; }
  .flow-signals-v6 { grid-template-columns: 1fr; }
  .flow-signals-v6 article { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.11); }
  .flow-signals-v6 article:last-child { border-bottom: 0; }
  .flow-title-v6 { grid-template-columns: 1fr; gap: 14px; }
  .flow-grid-v6 { grid-template-columns: 1fr; }
  .flow-grid-v6 article { min-height: 0; border-right: 0 !important; border-bottom: 1px solid rgba(7,21,15,.12) !important; }
  .flow-grid-v6 article:last-child { border-bottom: 0 !important; }
  .flow-response-v6 { margin-inline: -20px; padding: 40px 20px; grid-template-columns: 1fr; }
  .emergency-v12 { padding: 68px 20px 0; }
  .emergency-head-v12 h2 { font-size: clamp(41px,11vw,57px); }
  .emergency-intro-v12 > p { font-size: 16px; }
  .emergency-visual-v12,.emergency-visual-v12 > img { min-height: 620px; height: 620px; }
  .emergency-visual-v12 > img { object-position: 57% center; }
  .emergency-sweep-v12 { left: 32%; width: 155px; height: 155px; }
  .emergency-visual-v12 figcaption { left: 22px; right: 22px; bottom: 23px; }
  .emergency-visual-v12 figcaption strong { font-size: 30px; }
  .emergency-board-v12 { min-height: 730px; padding: 26px 21px; }
  .emergency-title-v12 { grid-template-columns: 1fr; gap: 14px; }
  .emergency-grid-v12 { grid-template-columns: 1fr; }
  .emergency-grid-v12 article { min-height: 0; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.11) !important; }
  .emergency-grid-v12 article:last-child { border-bottom: 0 !important; }
  .emergency-response-v12 { margin-inline: -20px; padding: 40px 20px; grid-template-columns: 1fr; }
  .emergency-response-v12 > span { grid-column: auto; padding-bottom: 16px; border-bottom: 1px solid rgba(7,20,15,.2); }
  .security-v7 { padding: 68px 20px 0; }
  .security-head-v7 h2 { font-size: clamp(43px,11.5vw,59px); }
  .security-intro-v7 > p { font-size: 16px; }
  .security-visual-v7,.security-visual-v7 > img { min-height: 620px; height: 620px; }
  .security-visual-v7 > img { object-position: 54% center; }
  .security-visual-v7 figcaption { left: 22px; right: 22px; bottom: 23px; }
  .security-visual-v7 figcaption strong { font-size: 30px; }
  .security-radar-v7 { width: 150px; height: 150px; }
  .security-board-v7 { min-height: 720px; padding: 26px 21px; }
  .security-title-v7 { grid-template-columns: 1fr; gap: 14px; }
  .security-grid-v7 { grid-template-columns: 1fr; }
  .security-grid-v7 article { min-height: 0; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.11) !important; }
  .security-grid-v7 article:last-child { border-bottom: 0 !important; }
  .security-principles-v7 { margin-inline: -20px; padding: 40px 20px; grid-template-columns: 1fr; }
  .security-principles-v7 > span { grid-column: auto; padding-bottom: 17px; }
  .security-principles-v7 > div { padding: 18px 0; border-left: 0; border-top: 1px solid rgba(7,20,15,.2); }
  .management-v8 { padding: 68px 20px 0; }
  .management-head-v8 h2 { font-size: clamp(43px,11.5vw,59px); }
  .management-intro-v8 > p { font-size: 16px; }
  .management-visual-v8,.management-visual-v8 > img { min-height: 620px; height: 620px; }
  .management-visual-v8 > img { object-position: 57% center; }
  .management-visual-v8 figcaption { left: 22px; right: 22px; bottom: 23px; }
  .management-visual-v8 figcaption strong { font-size: 30px; }
  .management-console-v8 { padding: 26px 21px; }
  .management-console-v8 > header { display: block; }
  .management-console-v8 > header i { display: block; margin-top: 13px; }
  .management-kpis-v8 { grid-template-columns: 1fr; }
  .management-kpis-v8 article,.management-kpis-v8 article:not(:first-child) { min-height: 0; padding: 24px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .management-bars-v8 article { grid-template-columns: 1fr; }
  .management-bars-v8 small { text-align: left; }
  .management-ranking-v8 article { grid-template-columns: 30px 1fr; }
  .management-ranking-v8 em { grid-column: 2; }
  .management-title-v8 { grid-template-columns: 1fr; gap: 14px; }
  .management-grid-v8 { grid-template-columns: 1fr; }
  .management-grid-v8 article { min-height: 0; border-right: 0 !important; border-bottom: 1px solid rgba(7,21,15,.12) !important; }
  .management-grid-v8 article:last-child { border-bottom: 0 !important; }
  .management-path-v8 { margin-inline: -20px; padding: 40px 20px; grid-template-columns: 1fr; }
  .management-path-v8 > span { grid-column: auto; padding-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,.14); }
  .integrations-v9 { padding: 68px 20px 0; }
  .integrations-head-v9 h2 { font-size: clamp(41px,11vw,57px); }
  .integrations-intro-v9 > p { font-size: 16px; }
  .integrations-visual-v9,.integrations-visual-v9 > img { min-height: 620px; height: 620px; }
  .integrations-visual-v9 > img { object-position: 54% center; }
  .integrations-visual-v9 figcaption { left: 22px; right: 22px; bottom: 23px; }
  .integrations-visual-v9 figcaption strong { font-size: 30px; }
  .integration-map-v9 { padding: 25px 20px; }
  .integration-sources-v9 > div,.integration-destinations-v9 > div { grid-template-columns: 1fr; }
  .integration-sources-v9 article,.integration-destinations-v9 article,.integration-sources-v9 article:nth-child(2n),.integration-destinations-v9 article:nth-child(2n) { min-height: 0; padding: 18px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
  .integration-sources-v9 article:last-child,.integration-destinations-v9 article:last-child { border-bottom: 0; }
  .integrations-title-v9 { grid-template-columns: 1fr; gap: 14px; }
  .integrations-grid-v9 { grid-template-columns: 1fr; }
  .integrations-grid-v9 article { min-height: 0; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.11) !important; }
  .integrations-grid-v9 article:last-child { border-bottom: 0 !important; }
  .integrations-path-v9 { margin-inline: -20px; padding: 40px 20px; grid-template-columns: 1fr; }
  .integrations-path-v9 > span { grid-column: auto; padding-bottom: 16px; border-bottom: 1px solid rgba(7,20,15,.2); }
  .implementation-v10 { padding: 68px 20px 0; }
  .implementation-head-v10 h2 { font-size: clamp(41px,11vw,57px); }
  .implementation-intro-v10 > p { font-size: 16px; }
  .implementation-visual-v10,.implementation-visual-v10 > img { height: 620px; }
  .implementation-visual-v10 > img { object-position: 58% center; }
  .implementation-visual-v10 figcaption { left: 22px; right: 22px; bottom: 23px; width: auto; }
  .implementation-visual-v10 figcaption strong { font-size: 30px; }
  .pilot-example-v10 { width: calc(100% - 22px); margin-top: -30px; padding: 25px 20px 22px; }
  .pilot-example-v10 > header { display: block; }
  .pilot-example-v10 > header i { display: inline-block; margin-top: 15px; }
  .pilot-case-v10 { grid-template-columns: 1fr; }
  .pilot-case-v10 section,.pilot-case-v10 section:first-child,.pilot-case-v10 section:nth-child(2n),.pilot-case-v10 section:nth-child(3) { min-height: 0; padding: 22px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .pilot-case-v10 section:last-child { border-bottom: 0; }
  .implementation-title-v10 { grid-template-columns: 1fr; gap: 14px; }
  .implementation-steps-v10 { grid-template-columns: 1fr; }
  .implementation-steps-v10 article { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(7,20,15,.16) !important; }
  .implementation-steps-v10 article:last-child { border-bottom: 0 !important; }
  .responsibilities-v10 > section { padding: 29px 22px; }
  .responsibilities-v10 ul { grid-template-columns: 1fr; }
  .responsibilities-v10 li,.responsibilities-v10 li:nth-child(2n) { min-height: 0; padding: 17px 0; border-left: 0; }
  .implementation-gates-v10 { margin-inline: -20px; padding: 40px 20px; grid-template-columns: 1fr; }
  .implementation-gates-v10 > span { grid-column: auto; padding-bottom: 16px; border-bottom: 1px solid rgba(7,20,15,.2); }
  .implementation-gates-v10 > div { padding: 18px 0; border-left: 0; border-bottom: 1px solid rgba(7,20,15,.2); }
  .implementation-gates-v10 > div:last-child { border-bottom: 0; }
  .final-cta-v11 { min-height: 1180px; padding: 85px 20px 210px; }
  .final-cta-v11 > figure img { object-position: 61% center; }
  .final-cta-v11 > figure::after { background: linear-gradient(180deg,rgba(2,13,11,.9) 0%,rgba(2,13,11,.8) 63%,rgba(2,13,11,.98) 100%); }
  .final-copy-v11 h2 { font-size: clamp(48px,13vw,67px); }
  .final-copy-v11 > p:not(.final-eyebrow-v11) { font-size: 16px; }
  .final-actions-v11 { align-items: stretch; flex-direction: column; }
  .final-actions-v11 a { width: 100%; }
  .final-brief-v11 { padding: 26px 22px; }
  .final-proofbar-v11 { grid-template-columns: 1fr 1fr; }
  .final-proofbar-v11 div { padding: 16px 20px; border-bottom: 1px solid rgba(7,19,14,.14); }
  .final-proofbar-v11 div:nth-child(2n) { border-right: 0; }
  .final-proofbar-v11 div:nth-child(n+3) { border-bottom: 0; }
  .site-footer { padding: 30px 20px; flex-wrap: wrap; }
  .site-footer p { width: 100%; order: 3; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
}