.latest-intelligence-section {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  overflow: hidden;
  padding: clamp(104px, 10vw, 168px) clamp(24px, 5vw, 88px) clamp(88px, 9vw, 148px);
  background:
    radial-gradient(circle at 78% 18%, rgba(55, 176, 164, .16), transparent 34%),
    radial-gradient(circle at 8% 84%, rgba(0, 127, 167, .13), transparent 31%),
    linear-gradient(135deg, #edf2e9 0%, #e2eee9 46%, #d9e9e7 100%);
  border-top: 1px solid rgba(20, 75, 84, .14);
  border-bottom: 1px solid rgba(20, 75, 84, .16);
}

.latest-intelligence-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .5;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(34, 103, 105, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34, 103, 105, .04) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(90deg, #000 0%, transparent 44%, #000 100%);
}

#latestParticles {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .84;
  pointer-events: none;
}

.latest-orbit-field {
  position: absolute;
  z-index: -1;
  top: 8%;
  right: -13vw;
  width: min(58vw, 920px);
  aspect-ratio: 1;
  border: 1px solid rgba(0, 127, 167, .11);
  border-radius: 50%;
  pointer-events: none;
}

.latest-orbit-field::before,
.latest-orbit-field::after,
.latest-orbit-field i {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(10, 138, 103, .1);
  border-radius: 50%;
}

.latest-orbit-field::after { inset: 27%; }
.latest-orbit-field i:nth-child(1) { inset: 39%; background: rgba(255, 255, 255, .14); }
.latest-orbit-field i:nth-child(2) { inset: 4% 48%; border-radius: 999px; transform: rotate(33deg); }
.latest-orbit-field i:nth-child(3) { inset: 48% 5%; border-radius: 999px; transform: rotate(-18deg); }
.latest-orbit-field i:nth-child(4) { inset: 18%; border-style: dashed; animation: latestOrbitSpin 36s linear infinite; }

.latest-shell {
  position: relative;
  z-index: 2;
  width: min(100%, 1640px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(620px, 1.65fr);
  column-gap: clamp(48px, 6vw, 112px);
  row-gap: 32px;
  align-items: start;
}

.latest-intro {
  position: sticky;
  top: 34px;
  min-width: 0;
  padding-top: 4px;
}

.latest-signal-label {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #426a6a;
  font-family: var(--display);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .24em;
}

.latest-signal-label span {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0a8a67;
  box-shadow: 0 0 0 7px rgba(10, 138, 103, .11), 0 0 22px rgba(10, 138, 103, .42);
}

.latest-signal-label span::after {
  content: "";
  position: absolute;
  inset: -6px;
  border: 1px solid rgba(10, 138, 103, .35);
  border-radius: 50%;
  animation: latestSignalPulse 2.8s ease-out infinite;
}

.latest-intro h2 {
  max-width: 600px;
  margin: 28px 0 22px;
  color: #102d35;
  font-family: var(--display);
  font-size: clamp(42px, 5.1vw, 80px);
  font-weight: 750;
  line-height: .98;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.latest-intro > p {
  max-width: 540px;
  margin: 0;
  color: #4c6a70;
  font-size: clamp(15px, 1.1vw, 18px);
  line-height: 1.8;
}

.latest-filter-rail {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 34px 0 30px;
}

.latest-filter-rail button {
  position: relative;
  min-height: 42px;
  padding: 9px 15px;
  border: 1px solid rgba(27, 82, 91, .17);
  border-radius: 999px;
  color: #355a62;
  background: rgba(251, 252, 246, .5);
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  transition: transform 180ms ease, color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.latest-filter-rail button:hover,
.latest-filter-rail button:focus-visible {
  color: #0b5666;
  border-color: rgba(0, 127, 167, .4);
  transform: translateY(-2px);
}

.latest-filter-rail button.is-active {
  color: #fff;
  border-color: #0b6674;
  background: #0b6674;
  box-shadow: 0 10px 28px rgba(11, 102, 116, .2);
}

.latest-archive-link {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  min-height: 54px;
  padding: 0 22px;
  border: 1px solid rgba(15, 71, 79, .2);
  border-radius: 4px 18px 18px 18px;
  color: #173d45;
  background: rgba(255, 255, 250, .46);
  font-weight: 800;
  transition: transform 200ms ease, background 200ms ease, box-shadow 200ms ease;
}

.latest-archive-link:hover,
.latest-archive-link:focus-visible {
  color: #fff;
  background: #0b6674;
  box-shadow: 0 18px 42px rgba(12, 85, 96, .18);
  transform: translateY(-3px);
}

.latest-archive-link b { font-size: 21px; }

.latest-content {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(270px, .82fr);
  gap: 18px;
  min-height: 610px;
  min-width: 0;
  transition: opacity 180ms ease, transform 240ms ease;
}

.latest-content.is-switching {
  opacity: .32;
  transform: translateY(8px);
}

.latest-feature {
  position: relative;
  min-height: 610px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(31, 89, 97, .18);
  border-radius: 8px 36px 36px 36px;
  color: #fff;
  background: #113c45;
  box-shadow: 0 30px 90px rgba(21, 76, 84, .19);
  transform: translateZ(0);
}

.latest-feature::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 31, 38, .02) 20%, rgba(7, 31, 38, .85) 84%),
    linear-gradient(115deg, rgba(8, 47, 55, .62), transparent 60%);
  pointer-events: none;
}

.latest-feature::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 18px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 3px 26px 26px 26px;
  pointer-events: none;
}

.latest-feature-media {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 64% 25%, rgba(77, 193, 180, .55), transparent 27%),
    linear-gradient(135deg, #0c5360, #17343c);
  background-position: center;
  background-size: cover;
  transform: scale(1.015);
  transition: transform 700ms cubic-bezier(.2, .75, .2, 1), filter 500ms ease;
}

.latest-feature.is-gemma-cover .latest-feature-media {
  background-color: #dbe7e6;
  background-position: center, center 20%;
  background-repeat: no-repeat;
  background-size: cover, min(60%, 420px) auto;
  filter: none;
}

.latest-feature.is-gemma-cover:hover .latest-feature-media {
  filter: none;
  transform: scale(1.035);
}

.latest-feature:hover .latest-feature-media { transform: scale(1.06); filter: saturate(1.08); }

.latest-feature-copy {
  position: absolute;
  z-index: 4;
  right: clamp(28px, 4vw, 62px);
  bottom: clamp(30px, 5vw, 66px);
  left: clamp(28px, 4vw, 62px);
}

.latest-feature-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
  color: rgba(255, 255, 255, .76);
  font-family: var(--display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.latest-feature-meta span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}

.latest-feature-meta span::before {
  content: "";
  width: 28px;
  height: 1px;
  background: #63ddc3;
}

.latest-feature h3 {
  max-width: 820px;
  margin: 0;
  color: #fff;
  font-family: var(--display);
  font-size: clamp(28px, 3vw, 48px);
  line-height: 1.12;
  letter-spacing: -.025em;
}

.latest-feature p {
  display: -webkit-box;
  max-width: 760px;
  margin: 18px 0 25px;
  overflow: hidden;
  color: rgba(255, 255, 255, .76);
  font-size: 15px;
  line-height: 1.75;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.latest-feature-action {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #fff;
  font-weight: 800;
}

.latest-feature-action b {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  color: #0a4d59;
  background: #d8f3ea;
  transition: transform 180ms ease;
}

.latest-feature:hover .latest-feature-action b { transform: translateX(5px); }

.latest-feature-link {
  position: absolute;
  z-index: 6;
  inset: 0;
}

.latest-stream {
  display: grid;
  min-width: 0;
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.latest-stream-item {
  position: relative;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 32px;
  gap: 14px;
  align-items: center;
  min-height: 0;
  padding: 18px 18px 18px 15px;
  overflow: hidden;
  border: 1px solid rgba(30, 87, 94, .15);
  border-radius: 4px 18px 18px 18px;
  color: #173b43;
  background: rgba(253, 253, 247, .58);
  backdrop-filter: blur(18px);
  transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.latest-stream-item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--latest-item-accent, #0a8a67);
  transform: scaleY(.24);
  transform-origin: bottom;
  transition: transform 220ms ease;
}

.latest-stream-item:hover,
.latest-stream-item:focus-visible {
  color: #fff;
  border-color: #0b6674;
  background: #0b6674;
  box-shadow: 0 20px 42px rgba(20, 84, 92, .16);
  transform: translateX(7px);
}

.latest-stream-item:hover::before,
.latest-stream-item:focus-visible::before { transform: scaleY(1); }

.latest-stream-index {
  color: #58777a;
  font-family: var(--display);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  transition: color 180ms ease;
}

.latest-stream-copy { min-width: 0; }

.latest-stream-copy small {
  display: block;
  margin-bottom: 5px;
  color: #5c7a7e;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  transition: color 180ms ease;
}

.latest-stream-copy strong {
  display: -webkit-box;
  overflow: hidden;
  color: inherit;
  font-size: clamp(14px, 1.05vw, 17px);
  line-height: 1.42;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.latest-stream-arrow {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(22, 74, 82, .17);
  border-radius: 50%;
  transition: border-color 180ms ease, transform 180ms ease;
}

.latest-stream-item:hover .latest-stream-index,
.latest-stream-item:hover .latest-stream-copy small,
.latest-stream-item:focus-visible .latest-stream-index,
.latest-stream-item:focus-visible .latest-stream-copy small { color: rgba(255, 255, 255, .7); }

.latest-stream-item:hover .latest-stream-arrow,
.latest-stream-item:focus-visible .latest-stream-arrow { border-color: rgba(255, 255, 255, .5); transform: rotate(-35deg); }

.latest-stream-placeholder {
  display: grid;
  height: 100%;
  min-height: 240px;
  place-items: center;
  align-content: center;
  gap: 18px;
  border: 1px dashed rgba(28, 89, 96, .22);
  border-radius: 4px 22px 22px 22px;
  color: #5d7b7d;
  background: rgba(255, 255, 251, .34);
}

.latest-stream-placeholder i {
  width: 42px;
  height: 42px;
  border: 2px solid rgba(10, 138, 103, .18);
  border-top-color: #0a8a67;
  border-radius: 50%;
  animation: latestOrbitSpin 1s linear infinite;
}

.latest-sync-line {
  grid-column: 2;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 0 3px;
  color: #59787b;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.latest-sync-status {
  color: #146b68;
}

.latest-intelligence-section[data-latest-mode="recruitment"] { --latest-mode-color: #2c7b73; }
.latest-intelligence-section[data-latest-mode="product"] { --latest-mode-color: #007fa7; }
.latest-intelligence-section[data-latest-mode="training"] { --latest-mode-color: #2a817a; }
.latest-intelligence-section[data-latest-mode="literature"] { --latest-mode-color: #176e89; }
.latest-intelligence-section[data-latest-mode="software"] { --latest-mode-color: #0a8a67; }
.latest-intelligence-section[data-latest-mode="technical"] { --latest-mode-color: #35746c; }

@keyframes latestOrbitSpin { to { transform: rotate(360deg); } }
@keyframes latestSignalPulse { 0% { opacity: .8; transform: scale(.55); } 75%, 100% { opacity: 0; transform: scale(1.65); } }

@media (max-width: 1180px) {
  .latest-shell { grid-template-columns: minmax(270px, .7fr) minmax(520px, 1.3fr); column-gap: 40px; }
  .latest-content { grid-template-columns: minmax(0, 1fr) minmax(235px, .75fr); }
  .latest-intro h2 { font-size: clamp(40px, 5vw, 64px); }
}

@media (max-width: 960px) {
  .latest-intelligence-section { min-height: auto; padding: 110px 24px 92px; }
  .latest-shell { grid-template-columns: 1fr; }
  .latest-intro { position: relative; top: auto; }
  .latest-intro h2 { max-width: 720px; }
  .latest-intro > p { max-width: 720px; }
  .latest-content { grid-template-columns: minmax(0, 1.12fr) minmax(250px, .88fr); min-height: 560px; }
  .latest-feature { min-height: 560px; }
  .latest-sync-line { grid-column: 1; }
}

@media (max-width: 720px) {
  .latest-intelligence-section { padding: 88px 16px 76px; }
  .latest-intelligence-section::before { background-size: 48px 48px; }
  .latest-intro h2 { max-width: 100%; margin-top: 22px; font-size: clamp(36px, 10.8vw, 48px); line-height: 1.04; }
  .latest-intro > p { font-size: 15px; line-height: 1.7; }
  .latest-filter-rail { flex-wrap: nowrap; width: calc(100vw - 16px); margin: 27px -8px 24px; padding: 5px 8px 10px; overflow-x: auto; scrollbar-width: none; }
  .latest-filter-rail::-webkit-scrollbar { display: none; }
  .latest-filter-rail button { flex: 0 0 auto; min-height: 40px; padding: 8px 14px; }
  .latest-archive-link { min-height: 50px; }
  .latest-content { grid-template-columns: 1fr; min-height: 0; }
  .latest-feature { min-height: 470px; border-radius: 6px 28px 28px 28px; }
  .latest-feature.is-gemma-cover .latest-feature-media { background-position: center, center 17%; background-size: cover, 72% auto; }
  .latest-feature-copy { right: 25px; bottom: 28px; left: 25px; }
  .latest-feature h3 { font-size: clamp(27px, 8vw, 38px); }
  .latest-feature p { margin: 14px 0 20px; font-size: 14px; -webkit-line-clamp: 3; }
  .latest-feature-meta { align-items: flex-start; flex-direction: column; gap: 6px; }
  .latest-stream { grid-template-rows: none; }
  .latest-stream-item { grid-template-columns: 44px minmax(0, 1fr) 30px; min-height: 104px; padding: 15px 14px 15px 12px; }
  .latest-sync-line { align-items: flex-start; flex-direction: column; gap: 4px; }
  .latest-orbit-field { top: 31%; right: -65vw; width: 130vw; }
}

@media (prefers-reduced-motion: reduce) {
  .latest-orbit-field i:nth-child(4),
  .latest-signal-label span::after,
  .latest-stream-placeholder i { animation: none; }
  .latest-feature-media,
  .latest-content,
  .latest-stream-item,
  .latest-filter-rail button { transition-duration: 1ms !important; }
}