/* ── DataSync global header — ported 1:1 from the Home page nav (namespaced .dsn) ── */
.dsn,.dsn *{box-sizing:border-box}
.dsn{position:sticky;top:0;left:0;right:0;z-index:60;backdrop-filter:blur(14px);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:rgba(7,13,40,.6);border-bottom:1px solid rgba(114,130,242,.16);transition:.35s ease}
.dsn button,.dsn input{font-family:inherit}
.dsn.dsn-fixed{position:fixed}
.dsn-in{max-width:1320px;margin:0 auto;padding:0 32px;height:70px;display:flex;
  align-items:center;justify-content:space-between;gap:28px}
.dsn-brand{display:flex;align-items:center;gap:0}
.dsn-brand img{height:27px;width:auto;display:block}
.dsn-links{display:flex;gap:34px;font-size:14px;color:#A9B4DA;font-weight:500;transition:.35s}
.dsn-links a{position:relative;padding:4px 0;color:inherit;text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1)}
.dsn-links a:hover{color:#fff;transform:translateY(-1px)}
.dsn-links a::after{
  content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:linear-gradient(96deg,#B45FC4 0%,#8E77E0 46%,#5566E8 100%);
  transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);
}
.dsn-links a:hover::after{transform:scaleX(1)}
/* current page: the underline stays on */
.dsn-links a.dsn-active{color:#fff}
.dsn-links a.dsn-active::after{transform:scaleX(1)}
.dsn.scrolled .dsn-links a.dsn-active{color:#051336}
.dsn-cta{display:flex;align-items:center;gap:10px}
.dsn-social{display:flex;align-items:center;gap:4px;padding-right:8px;border-right:1px solid rgba(255,255,255,.14);margin-right:2px}
.dsn-social a{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#A9B4DA;transition:.2s ease}
.dsn-social a:hover{color:#fff;background:rgba(255,255,255,.08)}
.dsn-lang{display:flex;align-items:center;gap:6px;font-family:'Inter',sans-serif;font-size:12.5px;font-weight:600;color:#A9B4DA;padding:6px 10px;border-radius:8px;transition:.2s ease;background:none;border:0;appearance:none;-webkit-appearance:none;font:inherit;cursor:pointer}
.dsn-lang:hover{color:#fff;background:rgba(255,255,255,.08)}
.dsn-btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 16px;border-radius:10px;font-size:13.5px;font-weight:600;white-space:nowrap;background:#fff;transition:.2s ease;text-decoration:none}
.dsn-btn:hover{background:#EDEFFD}
.navcta-label{background-image:linear-gradient(90deg,#0A1030,#16205C,#0A1030);background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:navcta-shift 6s ease-in-out infinite}
@keyframes navcta-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.navcta-label{animation:none}}
.dsn.scrolled{background:rgba(255,255,255,.86);border-bottom-color:#E4E7F5}
.dsn.scrolled .dsn-links{color:#3D4866}
.dsn.scrolled .dsn-links a:hover{color:#4150C9}
.dsn.scrolled .dsn-social{border-right-color:#E4E7F5}
.dsn.scrolled .dsn-social a{color:#7B85A6}
.dsn.scrolled .dsn-social a:hover{color:#051336;background:#EDEFFD}
.dsn.scrolled .dsn-lang{color:#7B85A6}
.dsn.scrolled .dsn-lang:hover{color:#051336;background:#EDEFFD}
.dsn.scrolled .dsn-btn{border:1px solid #E4E7F5}
@media(max-width:900px){
  .dsn-links{display:none}
  .dsn-in{padding:0 16px;gap:10px}
  .dsn-cta{gap:8px}
}
@media(max-width:640px){
  .dsn-social{display:none}
  .dsn-btn{padding:0 13px}
  .dsn-lang{padding:6px 7px}
}

/* ── mobile nav: hamburger + dropdown (hidden ≥901px, desktop untouched) ── */
.hnav-burger{display:none}
.hnav-burger,.hnav-burger *,.hnav-menu,.hnav-menu *{box-sizing:border-box}
.hnav-menu{display:none}
@media (max-width:900px){
  .hnav-burger{position:relative;display:flex;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;flex:none;border:1px solid rgba(173,186,235,.35);border-radius:9px;padding:0 9px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .hnav-burger input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
  .hnav-burger .hb{display:block;height:2px;border-radius:2px;background:#fff;transition:transform .25s ease,opacity .2s ease;pointer-events:none}
  .dsn:has(.hnav-burger input:checked) .hnav-burger .hb:nth-of-type(1){transform:translateY(7px) rotate(45deg)}
  .dsn:has(.hnav-burger input:checked) .hnav-burger .hb:nth-of-type(2){opacity:0}
  .dsn:has(.hnav-burger input:checked) .hnav-burger .hb:nth-of-type(3){transform:translateY(-7px) rotate(-45deg)}
  .dsn:has(.hnav-burger input:checked) .hnav-menu{display:flex}
  .hnav-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:8px 20px 14px;background:rgba(7,13,40,.97);border-bottom:1px solid rgba(114,130,242,.28);backdrop-filter:blur(14px)}
  .hnav-menu a{padding:14px 2px;font-size:15px;font-weight:500;color:#EDF1FF;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}
  .hnav-menu a:last-child{border-bottom:0}
  /* current page marker in the dropdown */
  .hnav-menu a.on{color:#fff;font-weight:600;position:relative}
  .hnav-menu a.on::after{content:'';position:absolute;left:2px;bottom:9px;width:38px;height:2px;border-radius:2px;background:linear-gradient(96deg,#B45FC4 0%,#8E77E0 46%,#5566E8 100%)}
  .dsn.scrolled .hnav-menu a.on{color:#051336}
  .dsn.scrolled .hnav-burger{border-color:#E2E5F2}
  .dsn.scrolled .hnav-burger .hb{background:#051336}
  .dsn.scrolled .hnav-menu{background:rgba(255,255,255,.97);border-bottom-color:#E2E5F2}
  .dsn.scrolled .hnav-menu a{color:#051336;border-bottom-color:#EDEFF9}
}

.dsf-wrap,.dsf-wrap *{box-sizing:border-box}
/* ── DataSync global footer (Footer.dc) — responsive layer; desktop keeps the authored 5-column layout ── */
@media(max-width:900px){
  .dsf{padding-top:48px !important}
  .dsf-in{padding:0 26px !important}
  .dsf-grid{grid-template-columns:1fr 1fr !important;gap:30px 24px !important}
  .dsf-grid > div:first-child{grid-column:1 / -1}
}
@media(max-width:560px){
  .dsf-grid{grid-template-columns:1fr !important;gap:26px !important}
  .dsf-in{padding:0 22px !important}
}