:root {
  --pulse: #17afc0;
  --pulse-dark: #0b7f8c;
  --pulse-soft: #dff7fa;
  --pulse-dim: rgba(23, 175, 192, .14);
  --synapse-mint: #62dbe7;
}

.nav-links a[aria-current="page"] { color: var(--ink); }
.nav-links a[aria-current="page"]::after { content: ""; display: block; height: 2px; margin-top: 5px; border-radius: 2px; background: var(--pulse); }
.section-dark .eyebrow,
.benefit-num,
.final .eyebrow,
.conversion-points li::before,
.hero-caption span,
.system-topline b,
.system-core > span,
.partner-plus,
footer .footer-links a:hover { color: #62dbe7; }
.system-core::before,
.system-core::after { background: #62dbe7; }
.position-item:last-child { background: linear-gradient(135deg, #dff7fa, #f0fbfc); }
.partner-plus { border-color: rgba(23,175,192,.6); box-shadow: 0 0 0 14px rgba(23,175,192,.06), 0 20px 50px rgba(13,17,23,.18); }
.journey::before { background: linear-gradient(90deg, rgba(23,175,192,.2), #62dbe7 50%, rgba(23,175,192,.2)); }
.section-dark::before { background: radial-gradient(circle at 85% 10%, rgba(23,175,192,.18), transparent 34%), linear-gradient(115deg,transparent 0 64%,rgba(255,255,255,.025) 64%); }
.final::before { background: radial-gradient(circle at 15% 70%,rgba(23,175,192,.19),transparent 30%),radial-gradient(circle at 90% 15%,rgba(37,99,235,.12),transparent 28%); }
.system-beams stop { stop-color: #62dbe7; }

/* OEX starts the consulting work; MES, CMMS and Pulse sustain each specialist track. */
.oex-foundation{position:relative;z-index:3;display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center;margin-top:68px;padding:34px;border:1px solid rgba(214,166,46,.34);border-top:3px solid #d6a62e;background:linear-gradient(120deg,rgba(214,166,46,.15),rgba(14,22,28,.97) 48%);box-shadow:0 26px 70px rgba(0,0,0,.2);overflow:visible}
.oex-foundation::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:45px;background:linear-gradient(#d6a62e,rgba(98,219,231,.5));box-shadow:0 0 14px rgba(214,166,46,.32)}
.oex-foundation-copy h3{font-family:var(--serif);font-size:34px;font-weight:400;color:#fff;letter-spacing:-.025em}
.oex-foundation-copy>p{max-width:520px;margin:10px 0 18px;color:rgba(255,255,255,.66);font-size:14px}
.oex-foundation .product-tag,.oex-foundation .recurring-service b{color:#e9bd4d}
.oex-foundation .recurring-service{margin-bottom:18px;border-left-color:#d6a62e}
.oex-foundation-flow{position:relative;display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;padding:26px 22px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18);overflow:hidden}
.oex-foundation-flow::after{content:"";position:absolute;left:-18%;top:0;width:18%;height:2px;background:linear-gradient(90deg,transparent,#e9bd4d,transparent);box-shadow:0 0 12px rgba(214,166,46,.5);animation:oex-foundation-signal 5.4s linear infinite}
.oex-foundation-flow div{min-width:0}
.oex-foundation-flow span,.oex-foundation-flow small{display:block;font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}
.oex-foundation-flow span{font-size:8px;color:#e9bd4d}
.oex-foundation-flow strong{display:block;margin:8px 0 3px;color:#fff;font-size:14px}
.oex-foundation-flow small{font-size:7px;line-height:1.5;color:rgba(255,255,255,.43)}
.oex-foundation-flow i{height:1px;background:linear-gradient(90deg,rgba(214,166,46,.2),#d6a62e);position:relative}
.oex-foundation-flow i::after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;border-radius:50%;background:#d6a62e;transform:translateY(-50%);box-shadow:0 0 0 3px rgba(214,166,46,.12)}
#plataforma .product-grid{margin-top:44px}
@keyframes oex-foundation-signal{from{left:-18%}to{left:100%}}

@media(max-width:760px) {
  .nav-links a[aria-current="page"]::after { display: none; }
  .nav-links a[aria-current="page"] { color: var(--pulse-dark); border-color: var(--pulse); background: var(--pulse-soft); }
  .oex-foundation{grid-template-columns:1fr;gap:25px;padding:27px 22px;margin-top:46px}
  .oex-foundation::after{height:45px}
  .oex-foundation-flow{grid-template-columns:1fr;padding:0}
  .oex-foundation-flow div{padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.08)}
  .oex-foundation-flow div:last-of-type{border-bottom:0}
  .oex-foundation-flow i{width:1px;height:12px;margin-left:24px;background:linear-gradient(rgba(214,166,46,.2),#d6a62e)}
  .oex-foundation-flow i::after{right:auto;left:50%;top:auto;bottom:0;transform:translate(-50%,50%)}
}

@media(prefers-reduced-motion:reduce){.oex-foundation-flow::after{animation:none}}
