:root {
  --site-nav-height: 76px;
  --site-nav-border: color-mix(in srgb, var(--line, rgba(255,255,255,.12)) 78%, transparent);
  --site-nav-bg: color-mix(in srgb, var(--surface, rgba(9,12,18,.74)) 84%, transparent);
  --site-nav-text: var(--text, #f5f7fb);
  --site-nav-muted: color-mix(in srgb, var(--site-nav-text) 62%, transparent);
  --site-nav-accent: var(--brand, #86a7ff);
}
html[data-theme="light"] {
  --site-nav-bg: rgba(250, 251, 255, 0.82);
  --site-nav-border: rgba(20, 24, 38, 0.08);
  --site-nav-text: #111522;
  --site-nav-muted: rgba(17, 21, 34, 0.7);
}
.skip-link { position:absolute; left:-9999px; }
.skip-link:focus { left:1rem; top:1rem; z-index:9999; background:#111; color:#fff; padding:.65rem 1rem; border-radius:999px; }
.site-header {
  position: sticky; top: 0; z-index: 80; width: 100%;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  background: var(--site-nav-bg); border-bottom: 1px solid var(--site-nav-border);
}
.site-header-main {
  min-height: var(--site-nav-height); display:flex; align-items:center; justify-content:space-between; gap:1rem;
}
.site-brand {
  display:inline-flex; align-items:center; gap:.85rem; text-decoration:none; color:var(--site-nav-text);
  min-width:max-content;
}
.site-brand-mark {
  width:2.2rem; height:2.2rem; border-radius:999px; display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(110,140,255,.22), rgba(255,255,255,.08));
  border:1px solid var(--site-nav-border); font-size:.75rem; font-weight:700; letter-spacing:.16em;
}
.site-brand-text { display:flex; flex-direction:column; gap:.08rem; }
.site-brand-text strong { font-size:.85rem; letter-spacing:.18em; }
.site-brand-text span { font-size:.62rem; letter-spacing:.18em; color:var(--site-nav-muted); text-transform:uppercase; }
.site-main-nav {
  display:flex; align-items:center; justify-content:center; gap:1.15rem; flex:1 1 auto; flex-wrap:wrap;
}
.site-main-nav a,
.site-mobile-panel a,
.site-subnav a {
  text-decoration:none; color:var(--site-nav-muted); font-size:.9rem; line-height:1.2; position:relative;
}
.site-main-nav a[aria-current="page"],
.site-main-nav a:hover,
.site-subnav a[aria-current="page"],
.site-subnav a:hover,
.site-mobile-panel a[aria-current="page"] {
  color:var(--site-nav-text);
}
.site-main-nav a[aria-current="page"]::after,
.site-subnav a[aria-current="page"]::after {
  content:""; position:absolute; left:0; right:0; bottom:-.45rem; height:2px; background:var(--site-nav-accent); border-radius:999px;
}
.site-header-actions { display:flex; align-items:center; gap:.75rem; }
.site-header-cta {
  display:inline-flex; align-items:center; justify-content:center; padding:.8rem 1rem; border-radius:999px; border:1px solid var(--site-nav-border);
  color:var(--site-nav-text); text-decoration:none; font-size:.87rem; white-space:nowrap;
  background: color-mix(in srgb, var(--site-nav-bg) 78%, transparent);
}
.site-menu-button {
  width:2.7rem; height:2.7rem; border-radius:999px; border:1px solid var(--site-nav-border); background:transparent; color:var(--site-nav-text);
  display:none; align-items:center; justify-content:center; font-size:1.05rem; cursor:pointer;
}
.site-mobile-panel { display:none; padding:0 1rem 1rem; border-top:1px solid var(--site-nav-border); }
.site-mobile-panel.is-open { display:grid; gap:.85rem; }
.site-mobile-panel a { padding:.25rem 0; }
.site-subnav-wrap { border-top:1px solid color-mix(in srgb, var(--site-nav-border) 80%, transparent); }
.site-subnav { display:flex; align-items:center; gap:1rem; min-height: 3rem; overflow:auto; padding-block:.5rem; scrollbar-width:none; }
.site-subnav::-webkit-scrollbar { display:none; }
body.public-surface main { min-height: calc(100vh - var(--site-nav-height)); }
body.public-surface .shell, body.public-surface .container { width:min(1180px, calc(100% - 2rem)); margin-inline:auto; }
@media (max-width: 980px) {
  .site-main-nav, .site-header-cta { display:none; }
  .site-menu-button { display:inline-flex; }
}

/* IESYS_CINEMATIC_LOGO_START */
.site-brand-mark{
  background-image:url('/assets/images/iesys-cinematic-logo.png')!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:cover!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:-9999px!important;
  overflow:hidden!important;
  border-color:rgba(233,173,88,.20)!important;
  box-shadow:0 0 0 1px rgba(233,173,88,.10),0 0 18px rgba(45,122,255,.12)!important;
}
.site-brand-mark::before,
.site-brand-mark::after{content:none!important}
/* IESYS_CINEMATIC_LOGO_END */