

:root{
  --nyxnia-bg-base:#020408;
  --nyxnia-bg-panel:#101820;
  --nyxnia-accent-primary:#6cb8fc;
  --nyxnia-accent-secondary:#a0c8ff;
  --nyxnia-text-primary:rgba(226,236,250,.88);
  --nyxnia-text-muted:rgba(226,236,250,.55);
  --nyxnia-glow-color:rgba(108,184,252,.18);
  --nyxnia-node-focus-color:rgba(162,226,255,.62);
  
  --nyxnia-void: #030509;
  --nyxnia-deep: #040a14;
  --nyxnia-midnight: #060d1a;
  --nyxnia-lunar-blue: #6cb8fc;
  --nyxnia-lunar-pale: #a0c8ff;
  --nyxnia-lunar-silver: #c8deff;
  --nyxnia-lunar-dim: rgba(160, 200, 255, 0.45);
  --nyxnia-crescent-light: #d4eaff;
  --nyxnia-glass-base: rgba(3, 6, 14, 0.72);
  --nyxnia-glass-elevated: rgba(5, 9, 20, 0.80);
  --nyxnia-glass-panel: rgba(6, 11, 23, 0.85);
  --nyxnia-glass-border: rgba(160, 200, 255, 0.08);
  --nyxnia-glass-border-lit: rgba(160, 200, 255, 0.18);
  --nyxnia-glass-blur: blur(16px);
  --nyxnia-glass-blur-heavy: blur(24px);
  --nyxnia-glow-primary: rgba(108, 184, 252, 0.15);
  --nyxnia-glow-edge: rgba(120, 180, 255, 0.06);
  --nyxnia-glow-crescent: rgba(180, 220, 255, 0.20);
  --nyxnia-logo-energy-soft: rgba(152,204,255,.14);
  --nyxnia-logo-energy-mid: rgba(168,224,255,.42);
  --nyxnia-logo-energy-strong: rgba(212,242,255,.94);
  --nyxnia-logo-ring-soft: rgba(126,192,255,.24);
  --nyxnia-logo-ring-strong: rgba(196,234,255,.9);
  --nyxnia-logo-flare: rgba(198,232,255,.34);
  --nyxnia-logo-image-tint: 1;
  --nyxnia-logo-image-sat: 1;
  --nyxnia-node-ad: #6cb8fc;
  --nyxnia-node-ds: #6cb8fc; 
  --nyxnia-node-s: #4fb7ff;
  --nyxnia-node-h: #76b2f6; 
  --nyxnia-node-c: #e8f1fc; 
  --nyxnia-node-ni: #34d0ff;
  --nyxnia-field-color-primary: #c8e6ff;
  --nyxnia-field-color-secondary: #7ecfff;
  --nyxnia-field-energy-color: #6cb8fc;
  --nyxnia-field-depth-far: #a0c8e8;
  --nyxnia-field-depth-mid: #b8d8f0;
  --nyxnia-field-depth-near: #d0e8ff;
  --nyxnia-field-nebula-core: #1a3a5a;
  --nyxnia-field-nebula-ur: #0e2a42;
  --nyxnia-field-nebula-ll: #0a2038;
  --nyxnia-field-nebula-ul: #152840;
  --nav-active-accent: var(--nyxnia-accent-primary);

  --bg0: var(--nyxnia-void);
  --bg1: var(--nyxnia-bg-base);
  --grid:rgba(226,236,250,.05);

  --stroke:rgba(226,236,250,.10);
  --stroke2:rgba(226,236,250,.07);

  --text:var(--nyxnia-text-primary);
  --muted:var(--nyxnia-text-muted);

  --mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";

  --radius:18px;
  --shadow: 0 18px 60px rgba(0,0,0,.55);

  --coreGlow: var(--nyxnia-glow-color);
  --coreGlow2: rgba(40,200,220,.12);
  --ring-focus-duration: .34s;
  --ring-focus-ease: cubic-bezier(.2,.75,.2,1);

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --shell-top-pad: 82px;
  --shell-bottom-stack: 78px;
  --shell-bottom-pad: 170px;

  --z-topbar: 50;
  --z-windows: 45;
  --z-footer: 60;
  --z-ai: 54;
}

html,body{
  height:100%;
  width:100%;
}
html{scroll-behavior:smooth}
html, body, :root{
  background-color: var(--nyxnia-void, #020408);
}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--text);
  background: var(--nyxnia-void, #020408);
  overflow:hidden;
  min-height: 100dvh;
  width: 100%;
}

body[data-reduce-motion="true"] *{
  animation:none !important;
  transition:none !important;
}

#nyxnia-root, #nyxnia-app{
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: var(--nyxnia-void, #020408);
  position: relative;
}

.nyxnia-glass{
  background: var(--nyxnia-glass-base);
  backdrop-filter: var(--nyxnia-glass-blur);
  -webkit-backdrop-filter: var(--nyxnia-glass-blur);
  border: 1px solid var(--nyxnia-glass-border);
  box-shadow: 0 0 0 1px var(--nyxnia-glow-edge), inset 0 1px 0 rgba(160, 200, 255, 0.05);
}

.nyxnia-glass--elevated{
  background: var(--nyxnia-glass-elevated);
  border-color: var(--nyxnia-glass-border-lit);
  box-shadow: 0 8px 32px rgba(0, 0, 7, 0.6), 0 0 0 1px var(--nyxnia-glow-edge), inset 0 1px 0 rgba(160, 200, 255, 0.08);
}

button, input {
  font: inherit;
}

.touch-target{
  min-width: 44px;
  min-height: 44px;
}

.skip-link{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}
.skip-link:focus{
  position: fixed;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  padding: 10px 16px;
  margin: 0;
  overflow: visible;
  clip: auto;
  z-index: 1200;
  border-radius: 10px;
  border: 1px solid rgba(40,200,220,.42);
  background: rgba(8,11,14,.94);
  color: rgba(40,200,220,.95);
  text-decoration: none;
}

:where(button, a, input, textarea, .service-node, .iconbtn):focus-visible{
  outline: 2px solid var(--nyxnia-accent-primary);
  outline-offset: 2px;
}

body[data-high-gpu="false"] *{
  backdrop-filter: none !important;
  filter: none !important;
}

body[data-reduce-motion="true"] 

html[data-surface="mobile"] .navbtn,
html[data-surface="mobile"] .btn,
html[data-surface="mobile"] .kb-indicator,
html[data-surface="mobile"] .auth-badge{
  min-height: var(--nx-tap-min, 44px);
  min-width: var(--nx-tap-min, 44px);
  padding-top: 0;
  padding-bottom: 0;
}

html[data-surface="mobile"] .nav{
  gap: var(--nx-gap, 8px);
}

.topbar{
  position:fixed;
  left: calc(94px + var(--safe-left));
  right: calc(18px + var(--safe-right));
  top: calc(14px + var(--safe-top));
  height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  border-radius:999px;
  background:
    linear-gradient(180deg, rgba(8, 16, 26, 0.74), rgba(4, 8, 14, 0.74)),
    radial-gradient(420px 120px at 50% 0%, rgba(92, 176, 255, 0.14), transparent 74%);
  border: 1px solid color-mix(in srgb, var(--nyxnia-accent-primary) 20%, transparent);
  box-shadow: 0 20px 56px rgba(0, 0, 0, 0.48), inset 0 1px 0 rgba(164, 210, 255, 0.08);
  backdrop-filter: var(--nyxnia-glass-blur);
  z-index: var(--z-topbar);
  gap: 12px;
}

.brand{display:flex; align-items:center; gap:10px; user-select:none}
.nyxnia-identity-panel{
  position: fixed;
  top: 0;
  left: 0;
  width: 76px;
  height: 100vh;
  z-index: 50;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding-top: 52px;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(3, 8, 16, 0.46) 0%,
    rgba(2, 4, 9, 0.16) 40%,
    transparent 100%
  );
  backdrop-filter: blur(10px);
  border-right: 1px solid rgba(160, 200, 255, 0.03);
}
.nyxnia-crescent{
  width: 18px;
  height: 18px;
  opacity: .34;
  filter: drop-shadow(0 0 6px rgba(160, 200, 255, 0.16));
}
.brandName{
  font-size: 8px;
  font-weight: 300;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(152, 188, 226, 0.10);
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  margin-top: 8px;
  white-space: normal;
}
.nyxnia-identity-status{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  font-size: 8px;
  letter-spacing: 0.12em;
  color: rgba(152, 188, 226, 0.10);
  text-transform: lowercase;
  margin-top: 4px;
}
.nyxnia-dot{
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(108, 184, 252, 0.16);
  box-shadow: 0 0 7px rgba(108, 184, 252, 0.09);
}
.muted{
  color: rgba(152, 188, 226, 0.10);
  font-weight: 400;
  white-space: nowrap;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
.nav{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap: wrap;
}
.navbtn{
  border:1px solid var(--stroke2);
  background: rgba(226,236,250,.03);
  color: rgba(226,236,250,.76);
  padding:7px 12px;
  border-radius:999px;
  font-size:12.5px;
  cursor:pointer;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
  touch-action: manipulation;
  position: relative;
}
.navbtn:hover{transform: translateY(-1px); background: rgba(226,236,250,.06)}
.navbtn.active{
  border-color: color-mix(in srgb, var(--nav-active-accent, var(--nyxnia-accent-primary)) 42%, transparent);
  background: color-mix(in srgb, var(--nav-active-accent, var(--nyxnia-accent-primary)) 14%, transparent);
  color: rgba(226,236,250,.92);
}
.navbtn.active::after{
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 4px;
  height: 2px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--nav-active-accent, var(--nyxnia-accent-primary)) 74%, white 10%);
}
.navbtn:focus-visible,
.btn:focus-visible{
  outline: 2px solid var(--nyxnia-accent-primary);
  outline-offset: 2px;
}

.topbar-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.kb-indicator{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid rgba(120,200,255,.34);
  background: rgba(120,200,255,.12);
  color: rgba(208,238,255,.92);
  font-size: 11px;
  font-family: var(--mono);
}
.lang-switch{
  display: inline-flex;
  gap: 6px;
}
.lang-switch .btn{
  min-width: 44px;
}
.auth-badge{
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(130,180,240,.36); 
  background: rgba(130,180,240,.12);
  color: rgba(222,236,252,.95);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  font-family: var(--mono);
}

.btn{
  border:1px solid var(--stroke2);
  background: rgba(226,236,250,.04);
  color: rgba(226,236,250,.82);
  padding:8px 12px;
  border-radius:999px;
  font-size:12.5px;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
  touch-action: manipulation;
}
.btn:hover{transform: translateY(-1px); background: rgba(226,236,250,.06)}
.btn:active{transform: translateY(0px)}
.btn-ghost[aria-pressed="true"]{
  border-color: rgba(108, 184, 252, 0.36);
  background: rgba(108, 184, 252, 0.12);
}

.footer{
  position:fixed;
  left: 0;
  right: 0;
  bottom: max(0px, var(--safe-bottom));
  height: 38px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 7px 16px;
  border-top: 1px solid color-mix(in srgb, var(--nyxnia-accent-primary) 42%, transparent);
  background:
    linear-gradient(180deg, rgba(5, 9, 16, 0.56), rgba(2, 6, 12, 0.92)),
    radial-gradient(420px 130px at 50% -20%, color-mix(in srgb, var(--nyxnia-accent-primary) 34%, transparent), transparent 74%);
  box-shadow:
    0 -14px 34px rgba(0,0,0,.36),
    inset 0 1px 0 color-mix(in srgb, var(--nyxnia-accent-primary) 28%, transparent);
  backdrop-filter: blur(10px);
  z-index: var(--z-footer);
  color: color-mix(in srgb, var(--nyxnia-accent-primary) 56%, white 34%);
  font-size: 11px;
  opacity: .98;
  pointer-events: auto;
}
.footer-left{
  line-height: 1;
}
.footer-right{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}
.footer-link{
  color: inherit;
  text-decoration: none;
}
.footer-link:hover{
  color: color-mix(in srgb, var(--nyxnia-accent-primary) 80%, white 18%);
}
.footer-sep{
  opacity: .56;
}

@media (max-width: 1080px) {
  .topbar{
    height: auto;
    min-height: 54px;
    border-radius: 20px;
    padding: 10px 12px;
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .brand{ width: auto; }

  .topbar-actions{
    width: 100%;
    justify-content: flex-start;
  }

}

html[data-theme="dark"]{
  --nyxnia-bg-base:#0b1117;
  --nyxnia-bg-panel:#101820;
  --nyxnia-accent-primary:#3ea9ff;
  --nyxnia-accent-secondary:#39d1d8;
  --nyxnia-accent-collab:#57b6ff;
  --nyxnia-text-primary:rgba(226,236,250,.88);
  --nyxnia-text-muted:rgba(226,236,250,.55);
  --nyxnia-glow-color:rgba(62,169,255,.22);
  --nyxnia-node-focus-color:rgba(162,226,255,.62);
  --nyxnia-logo-energy-soft: rgba(152,204,255,.14);
  --nyxnia-logo-energy-mid: rgba(168,224,255,.42);
  --nyxnia-logo-energy-strong: rgba(212,242,255,.94);
  --nyxnia-logo-ring-soft: rgba(126,192,255,.24);
  --nyxnia-logo-ring-strong: rgba(196,234,255,.9);
  --nyxnia-logo-flare: rgba(198,232,255,.34);
  --nyxnia-logo-image-tint: 1;
  --nyxnia-logo-image-sat: 1;
  --nyxnia-node-ad: #6cb8fc;
  --nyxnia-node-ds: #6cb8fc;
  --nyxnia-node-s: #4fb7ff;
  --nyxnia-node-h: #76b2f6;
  --nyxnia-node-c: #e8f1fc; 
  --nyxnia-node-ni: #34d0ff;
  --nyxnia-field-color-primary: #c8e6ff;
  --nyxnia-field-color-secondary: #7ecfff;
  --nyxnia-field-energy-color: #6cb8fc;
}

html[data-theme="cold"]{
  --nyxnia-bg-base:#09121d;
  --nyxnia-bg-panel:#0e1a27;
  --nyxnia-accent-primary:#4f9dff;
  --nyxnia-accent-secondary:#8ee2ff;
  --nyxnia-accent-collab:#66c8ff;
  --nyxnia-text-primary:rgba(236,246,255,.92);
  --nyxnia-text-muted:rgba(180,210,234,.65);
  --nyxnia-glow-color:rgba(79,157,255,.24);
  --nyxnia-node-focus-color:rgba(151,218,255,.68);
  --nyxnia-logo-energy-soft: rgba(154,214,255,.16);
  --nyxnia-logo-energy-mid: rgba(156,226,255,.5);
  --nyxnia-logo-energy-strong: rgba(226,247,255,.97);
  --nyxnia-logo-ring-soft: rgba(126,206,255,.28);
  --nyxnia-logo-ring-strong: rgba(199,239,255,.93);
  --nyxnia-logo-flare: rgba(205,240,255,.38);
  --nyxnia-logo-image-tint: 1.04;
  --nyxnia-logo-image-sat: 1.06;
  --nyxnia-node-ad: #2d8fff;
  --nyxnia-node-ds: #7cc0fc;
  --nyxnia-node-s: #55bfff;
  --nyxnia-node-h: #84baf8;
  --nyxnia-node-c: #f2f8ff; 
  --nyxnia-node-ni: #38dcff;
  --nyxnia-field-color-primary: #dff0ff;
  --nyxnia-field-color-secondary: #96d9ff;
  --nyxnia-field-energy-color: #7cc0fc;
}

html[data-theme="deep"]{
  --nyxnia-bg-base:#06060b;
  --nyxnia-bg-panel:#0a0a12;
  --nyxnia-accent-primary:#2dbbe6;
  --nyxnia-accent-secondary:#74deff;
  --nyxnia-accent-collab:#61c7ff;
  --nyxnia-text-primary:rgba(248,245,255,.94);
  --nyxnia-text-muted:rgba(176,204,214,.66);
  --nyxnia-glow-color:rgba(45,187,230,.28);
  --nyxnia-node-focus-color:rgba(144,228,255,.74);
  --nyxnia-logo-energy-soft: rgba(130,198,226,.18);
  --nyxnia-logo-energy-mid: rgba(148,222,246,.5);
  --nyxnia-logo-energy-strong: rgba(225,248,255,.98);
  --nyxnia-logo-ring-soft: rgba(108,188,220,.3);
  --nyxnia-logo-ring-strong: rgba(192,242,255,.94);
  --nyxnia-logo-flare: rgba(170,232,255,.42);
  --nyxnia-logo-image-tint: 1.02;
  --nyxnia-logo-image-sat: 1.08;
  --nyxnia-node-ad: #5aa8f4;
  --nyxnia-node-ds: #5aa8f4;
  --nyxnia-node-s: #43b8ef;
  --nyxnia-node-h: #62a4ee;
  --nyxnia-node-c: #dcebfa; 
  --nyxnia-node-ni: #3edaff;
  --nyxnia-field-color-primary: #b8e8ff;
  --nyxnia-field-color-secondary: #84d7f6;
  --nyxnia-field-energy-color: #2dbbe6;
}

html[data-theme] body{
  --bg1: var(--nyxnia-bg-base);
  --text: var(--nyxnia-text-primary);
  --muted: var(--nyxnia-text-muted);
  --coreGlow: var(--nyxnia-glow-color);
}

html[data-theme] .nyxnia-window[data-focused="true"]{
  border-color: var(--nyxnia-node-focus-color);
}

html[data-theme] .service-node.active{
  border-color: var(--nyxnia-node-focus-color);
}

html[data-theme] .navbtn.active,
html[data-theme] .form-submit{
  border-color: color-mix(in srgb, var(--nyxnia-accent-primary) 42%, transparent);
}

html[data-theme] .footer-dot{
  background: color-mix(in srgb, var(--nyxnia-accent-secondary) 62%, #ffffff 6%);
  box-shadow: 0 0 18px color-mix(in srgb, var(--nyxnia-accent-secondary) 30%, transparent);
}

html[data-theme] .console-response{
  border-color: color-mix(in srgb, var(--nyxnia-accent-secondary) 44%, transparent);
  background: color-mix(in srgb, var(--nyxnia-accent-secondary) 12%, transparent);
}

html[data-theme] .console-response-text,
html[data-theme] .console-response-cursor{
  color: color-mix(in srgb, var(--nyxnia-accent-secondary) 70%, white 25%);
}

html[data-public-standalone="1"] .prerender-shell {
  width: min(860px, calc(100vw - 32px));
  margin: calc(92px + var(--safe-top)) auto calc(82px + var(--safe-bottom));
  padding: 24px 28px 28px;

  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
  border: 1px solid rgba(176, 200, 226, 0.14);
  border-top-color: transparent;
  background: rgba(6, 9, 17, 0.78);
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.9);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

html[data-public-standalone="1"] .prerender-shell.prerender-floating {
  border: none;
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  
  clip-path: none;
}

html[data-public-standalone="1"] .prerender-shell::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  border-radius: 0; 
  
  background: linear-gradient(90deg,
    transparent                    0%,
    rgba(206, 224, 250, 0.14)     16%,
    rgba(214, 232, 250, 0.48)     50%,
    rgba(206, 224, 250, 0.14)     84%,
    transparent                   100%
  );
  pointer-events: none;
}

html[data-public-standalone="1"] .prerender-shell h1 {
  margin: 0 0 10px;
  font-size: clamp(1.5rem, 3.2vw, 2rem);
  line-height: 1.15;
  font-weight: 600;   
  letter-spacing: -0.02em;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.98);
}

html[data-public-standalone="1"] .prerender-shell h2 {
  margin: 18px 0 8px;
  font-size: clamp(1.0625rem, 2.2vw, 1.375rem);
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: rgba(var(--nyxnia-content-rgb), 0.94);
  border-bottom: 1px solid rgba(176, 200, 226, 0.12);
  padding-bottom: 6px;
}

html[data-public-standalone="1"] .prerender-shell h3 {
  margin: 14px 0 4px;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0;
  color: rgba(var(--nyxnia-content-rgb), 0.88);
}

html[data-public-standalone="1"] .prerender-shell p:not(.nyxnia-footer *),
html[data-public-standalone="1"] .prerender-shell li:not(.nyxnia-footer *) {
  
  font-size: 0.9375rem;
  line-height: 1.65;
  color: rgba(222, 228, 234, 0.84);
}

html[data-public-standalone="1"] .prerender-shell ul {
  list-style: none;
  padding-left: 0;
  margin: 8px 0 0;
}

html[data-public-standalone="1"] .prerender-shell li {
  position: relative;
  padding-left: 18px;
}

html[data-public-standalone="1"] .prerender-shell li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 0.65em;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: rgba(108, 184, 252, 0.70);   
}

html[data-public-standalone="1"] .prerender-shell strong {
  color: rgba(225, 230, 236, 0.96);
  font-weight: 600;
}

html[data-public-standalone="1"] .prerender-shell code {
  font-family: var(--mono);
  font-size: 0.86em;
  color: rgba(206, 212, 218, 0.92);
  background: rgba(108, 184, 252, 0.08);
  border: 1px solid rgba(108, 184, 252, 0.16);
  border-radius: 0; 
  padding: 2px 6px;
}

html[data-public-standalone="1"] .prerender-shell a {
  color: rgba(206, 211, 217, 0.96);
  text-decoration: none;
}

html[data-public-standalone="1"] .prerender-shell p a,
html[data-public-standalone="1"] .prerender-shell li a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(162, 218, 255, 0.38);
}
html[data-public-standalone="1"] .prerender-shell p a:hover,
html[data-public-standalone="1"] .prerender-shell li a:hover {
  text-decoration-color: rgba(162, 218, 255, 0.78);
}

html[data-public-standalone="1"] .prerender-shell nav:not(.nyxnia-footer *) {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

html[data-public-standalone="1"] .prerender-shell nav a:not(.nyxnia-footer *) {
  color: rgba(205, 211, 219, 0.62);
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-decoration: none;
  transition: color 0.15s ease;
}

html[data-public-standalone="1"] .prerender-shell nav a:hover {
  color: rgba(225, 231, 237, 0.9);
}

html[data-public-standalone="1"] .prerender-shell .cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px; 
}

html[data-public-standalone="1"] .prerender-shell .nyxnia-legal-action {
  margin: 20px 0 8px;
}

html[data-public-standalone="1"] .prerender-shell .cta-chip {
  --chip-chamfer: 7px;
  display: inline-flex;
  position: relative; 
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid var(--nyxnia-mat-cta-edge-secondary, rgba(200, 222, 255, 0.22));
  background: transparent;
  clip-path: polygon(
    var(--chip-chamfer) 0, calc(100% - var(--chip-chamfer)) 0, 100% var(--chip-chamfer),
    100% calc(100% - var(--chip-chamfer)), calc(100% - var(--chip-chamfer)) 100%,
    var(--chip-chamfer) 100%, 0 calc(100% - var(--chip-chamfer)), 0 var(--chip-chamfer)
  );
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8125rem;
  letter-spacing: 0.10em;
  color: rgba(var(--nyxnia-content-rgb), 0.82);
  transition: border-color 0.15s ease, color 0.15s ease;
}

html[data-public-standalone="1"] .prerender-shell .cta-chip:hover {
  border-color: var(--nyxnia-mat-cta-edge-primary, rgba(200, 222, 255, 0.34));
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.96);
}

html[data-public-standalone="1"] .prerender-shell .cta-chip.nyxnia-framed {
  border-color: transparent;
  clip-path: none;
}

html[data-public-standalone="1"] .prerender-shell .muted {
  writing-mode: horizontal-tb;
  white-space: normal;
  transform: none;
  color: rgba(214, 220, 227, 0.72);
  font-size: 0.875rem;
  line-height: 1.62;
  margin: 6px 0 0;
}

@media (max-width: 760px) {
  html[data-public-standalone="1"] .prerender-shell {
    width: min(860px, calc(100vw - 18px));
    margin-top: calc(var(--nyxnia-header-h) + 24px + var(--safe-top));  
    padding: 16px 14px 20px; 
  }
}

html[data-zone="public"] .footer {
  border-top: 1px solid rgba(176, 200, 226, 0.14);
  background: linear-gradient(180deg, rgba(5, 8, 13, 0.62), rgba(3, 5, 10, 0.94));
  box-shadow: 0 -10px 26px rgba(0, 0, 0, 0.30);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: rgba(209, 215, 222, 0.78);
}
html[data-zone="public"] .footer-link:hover {
  color: rgba(237, 243, 249, 0.96);
}

html[data-public-standalone="1"] .prerender-paned .nyxnia-legal-pane {
  position: relative; 
  border: 1.2px solid var(--nyxnia-mat-ff-edge, rgba(214, 226, 240, 0.075));
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  background: rgba(3, 5, 10, 0.34); 
  padding: 18px 22px 20px;
  margin: 18px 0 0;
}
html[data-public-standalone="1"] .prerender-paned .nyxnia-legal-pane > h2 {
  margin-top: 0;
}

html[data-public-standalone="1"] .nyxnia-legal-pane p,
html[data-public-standalone="1"] .nyxnia-legal-pane li {
  max-width: 72ch;
}

@media (max-width: 600px) {
  html[data-public-standalone="1"] .prerender-shell h1 { font-size: 1.625rem; }  
}

html[data-public-standalone="1"] .prerender-shell .nyxnia-footer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}

@media (max-width: 1100px) {
  
  html[data-public-standalone="1"] .prerender-shell nav a:not(.nyxnia-footer *) {
    padding: 15px 0;
    margin: -15px 0;
  }
}

@media (max-width: 1100px) {
  html[data-public-standalone="1"] .prerender-shell nav.cta-row a.cta-chip {
    padding-block: 0;
    margin-block: 0;
    min-height: 44px;
  }
}

@media (max-width: 600px) {
  
  html[data-public-standalone="1"] .nyxnia-legal-pane li {
    margin-block-end: 10px;
  }
  html[data-public-standalone="1"] .nyxnia-legal-pane li a {
    display: inline-block;
    padding-block: 5px;
  }
}

html[data-zone="public"] .gateway-cta:hover {
  border-color: rgba(108, 184, 252, 0.52);
  background: rgba(108, 184, 252, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(160, 210, 255, 0.12),
    0 4px 22px rgba(16, 47, 144, 0.22);
}

html[data-zone="public"] .gateway-cta.gateway-cta-primary {
  color: rgba(238, 243, 249, 0.98);
  border-color: rgba(108, 184, 252, 0.64);
  background: rgba(13, 37, 94, 0.36);
  box-shadow:
    inset 0 1px 0 rgba(180, 220, 255, 0.14),
    0 4px 24px rgba(16, 55, 158, 0.28);
}

html[data-zone="public"] .gateway-cta.gateway-cta-primary:hover {
  border-color: rgba(100, 172, 255, 0.82);
  background: rgba(18, 45, 108, 0.46);
  box-shadow:
    inset 0 1px 0 rgba(180, 220, 255, 0.18),
    0 6px 28px rgba(24, 70, 173, 0.34);
}

html[data-zone="public"] .gateway-public-links {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

html[data-zone="public"] .gateway-public-links a {
  color: rgba(213, 219, 225, 0.86);
  text-decoration: none;
  font-size: 0.8125rem;
}

html[data-zone="public"] .gateway-public-links a:hover {
  color: rgba(233, 238, 244, 0.96);
}

html[data-zone="public"] .gateway-public-rail {
  border-color: color-mix(in srgb, var(--nyxnia-accent-primary) 46%, transparent);
  box-shadow:
    0 24px 68px rgba(0, 0, 0, 0.50),
    0 0 0 1px rgba(124, 200, 255, 0.06),
    12px 0 44px rgba(44, 108, 206, 0.09),
    inset 0 1px 0 rgba(172, 222, 255, 0.18),
    inset 0 -1px 0 rgba(44, 108, 206, 0.10);
}

html[data-zone="public"] .gateway-public-kicker {
  color: rgba(194, 200, 206, 0.92);
  text-shadow: 0 0 14px rgba(80, 184, 255, 0.44);
}

html[data-zone="public"] .landing-rail {
  display: none !important;
}

html[data-zone="public"] .landing-rail h1 {
  margin: 0;
  font-size: clamp(1.125rem, 2.4vw, 1.875rem);
  line-height: 1.15;
}

html[data-zone="public"] .landing-rail p {
  margin: 0;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.76);
  font-size: 0.8125rem;
  line-height: 1.5;
}

html[data-zone="public"] .landing-ctas {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  pointer-events: auto;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

@keyframes gatewayHolotankPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.54;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.82;
  }
}

html[data-zone="public"] .landing-rail.first-run-ctas-hidden .landing-ctas {
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
}

html[data-zone="public"] .landing-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.88);
  border: 1px solid color-mix(in srgb, var(--nyxnia-accent-primary) 60%, transparent);
  border-radius: 999px;
  padding: 8px 12px;
  background: color-mix(in srgb, var(--nyxnia-accent-primary) 8%, transparent);
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

html[data-zone="public"] .landing-link:hover {
  border-color: color-mix(in srgb, var(--nyxnia-accent-primary) 78%, transparent);
  background: color-mix(in srgb, var(--nyxnia-accent-primary) 12%, transparent);
  box-shadow: 0 0 18px color-mix(in srgb, var(--nyxnia-accent-primary) 30%, transparent);
  transform: translateY(-1px);
}

html[data-zone="public"] .landing-mobile-secondary {
  display: none !important;
}

@media (max-width: 760px) {
  html[data-zone="public"] .gateway-public-rail {
    left: auto;
    right: auto;
    top: auto;
    width: 100%;
    padding: 14px 14px 12px;
    border-radius: 14px;
  }

  html[data-zone="public"] .gateway-public-rail h1 {
    font-size: 1.25rem;
  }

  html[data-zone="public"] .gateway-public-copy {
    font-size: 0.8125rem;
  }

  html[data-zone="public"] .gateway-public-copy-lead {
    font-size: 0.8125rem;
    line-height: 1.5;
  }

  html[data-zone="public"] .gateway-public-points {
    margin: 8px 0;
    gap: 5px;
    padding-left: 14px;
  }

  html[data-zone="public"] .gateway-public-points li {
    font-size: 0.8125rem;
    line-height: 1.4;
  }

  html[data-zone="public"] .gateway-public-signals {
    margin-top: 8px;
    gap: 6px;
  }

  html[data-zone="public"] .gateway-public-signals span {
    min-height: 22px;
    padding: 0 8px;
    font-size: 0.75rem;
  }

  html[data-zone="public"] .landing-rail {
    left: calc(12px + var(--safe-left));
    width: min(430px, calc(100vw - 24px));
    top: calc(var(--shell-top-pad) + var(--safe-top));
  }

  html[data-zone="public"] .landing-rail h1 {
    font-size: 1.1875rem;
  }

  html[data-zone="public"] .landing-rail p {
    display: none;
  }

  html[data-zone="public"] .landing-ctas .landing-link:nth-child(n+2) {
    display: none;
  }

  html[data-zone="public"] .landing-mobile-secondary {
    position: fixed;
    display: grid;
    gap: 8px;
    left: calc(12px + var(--safe-left));
    right: calc(12px + var(--safe-right));
    bottom: calc(var(--shell-bottom-pad) + var(--safe-bottom) - 70px);
    z-index: 41;
    pointer-events: auto;
  }

  html[data-zone="public"] .landing-mobile-secondary p {
    margin: 0;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: rgba(var(--nyxnia-mat-crystal-rgb), 0.72);
  }
}

@media (min-width: 961px) and (max-width: 980px) {
  html[data-zone="public"] .gateway-public-stage {
    right: calc(18px + var(--safe-right));
    width: min(38vw, 420px);
  }
}

@media (min-width: 1800px) {
  html[data-zone="public"] .gateway-public-rail {
    left: calc(108px + var(--safe-left));
    top: calc(92px + var(--safe-top));
    width: min(620px, calc(100vw - 180px - var(--safe-left) - var(--safe-right)));
    padding: 18px 18px 16px;
  }

  html[data-zone="public"] .gateway-public-rail h1 {
    font-size: 2.125rem;
    line-height: 1.14;
  }

  html[data-zone="public"] .gateway-public-copy {
    font-size: 0.875rem;
    line-height: 1.6;
  }

  html[data-zone="public"] .gateway-public-points li {
    font-size: 0.8125rem;
  }

  html[data-zone="public"] .gateway-cta {
    min-height: 40px;
    font-size: 0.8125rem;
  }
}

* {
  box-sizing: border-box;
}

html[data-zone="public"],
html[data-public-standalone="1"] {
  height: auto;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  
  overscroll-behavior-y: contain;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
html[data-zone="public"] body,
html[data-public-standalone="1"] body {
  height: auto;
  min-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

html[data-public-standalone="1"] #windowLayer,
html[data-public-standalone="1"] #nyx-shell-bottom,
html[data-public-standalone="1"] .center-core {
  display: none !important;
}

html[data-zone="public"] #headerKbIndicator {
  display: none !important;
}

html[data-zone="public"] #bg::before,
html[data-zone="public"] #bg::after {
  background: none;
  opacity: 0;
}

html[data-zone="public"] .pub-services-hero {
  background: none !important;
}
html[data-zone="public"] .pub-services-hero::before {
  display: none !important;
}

html[data-zone="public"][data-pub-page="home"]::after,
html[data-zone="public"][data-pub-page="home"] .public-stage::before,
html[data-zone="public"][data-pub-page="home"] .public-stage::after,
html[data-zone="public"][data-pub-page="home"] main::before,
html[data-zone="public"][data-pub-page="home"] main::after,
html[data-zone="public"][data-pub-page="home"] .gw-sections::before,
html[data-zone="public"][data-pub-page="home"] .gw-sections::after,
html[data-zone="public"][data-pub-page="home"] .gw-section::before,
html[data-zone="public"][data-pub-page="home"] .gw-section::after,
html[data-zone="public"][data-pub-page="home"] .nyxnia-capability-grid::before,
html[data-zone="public"][data-pub-page="home"] .nyxnia-capability-grid::after,
html[data-zone="public"][data-pub-page="home"] .pub-entry-field::before {
  display: none !important;
  background: none !important;
}

html[data-zone="public"] .gw-section {
  position: relative;

  padding: 56px max(24px, calc(80px + var(--safe-left)));
}

html[data-zone="public"] .gw-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: none;
  pointer-events: none;
}

html[data-zone="public"] .gw-section--band {
  background: none;
}

html[data-zone="public"] .gw-section-inner {
  
  max-width: 1280px;
  margin-inline: auto;
}

html[data-zone="public"] .gw-section-inner--centered {
  max-width: 640px;
  margin-inline: auto;
}

html[data-zone="public"] .gw-section-inner--centered .gw-section-lead {
  text-align: center;
  margin-inline: auto;
}

html[data-zone="public"] .gw-section-inner--centered h2 { text-align: center; }
html[data-zone="public"] .gw-section-inner--centered .gateway-public-ctas { justify-content: center; }

:root {
  --nyxnia-header-h: 58px;
  --nyxnia-header-clear: 100px;
}
@media (max-width: 600px) {
  :root { --nyxnia-header-clear: 120px; }
}

html[data-zone="public"] .stage > .gw-section--centered {
  margin-top: var(--nyxnia-header-clear);
}

html[data-zone="public"] .gw-sections--clear {
  padding-top: var(--nyxnia-header-clear);
}

html[data-zone="public"] .gw-stack-gap    { margin-top: 24px; }
html[data-zone="public"] .gw-stack-gap-lg { margin-top: 28px; }

html[data-zone="public"] .gw-section-label {
  margin: 0 0 8px;
  font-size: 0.6875rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.80); 
  font-weight: 600;
  transition: filter 0.45s ease;   
}

html[data-zone="public"] .gw-section:hover .gw-section-label,
html[data-zone="public"] .gw-section:focus-within .gw-section-label {
  filter: brightness(1.18);
}

html[data-zone="public"] .gw-section h2,
html[data-zone="public"] .gw-section h1 {
  margin: 0 0 10px;
  font-size: clamp(1.25rem, 2.6vw, 1.75rem);
  line-height: 1.20;
  letter-spacing: -0.02em;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.96); 
  font-weight: 700;
}

html[data-zone="public"] .gw-section-lead {
  margin: 0 0 18px;
  font-size: 0.875rem;
  line-height: 1.68;

  color: rgba(232, 240, 248, 0.92);
  max-width: 560px;
}

html[data-zone="public"] .gw-section-lead a,
html[data-zone="public"] .gw-section-lead a:visited {
  
  color: rgba(232, 240, 248, 0.96);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(162, 218, 255, 0.38);
}
html[data-zone="public"] .gw-section-lead a:hover {
  text-decoration-color: rgba(162, 218, 255, 0.78);
}

html[data-zone="public"] ::selection {
  background: rgba(108, 184, 252, 0.30);
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
}

html[data-zone="public"] { scrollbar-width: thin; scrollbar-color: rgba(176, 200, 226, 0.35) transparent; }
html[data-zone="public"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-zone="public"] ::-webkit-scrollbar-track { background: rgba(5, 8, 14, 0.55); }
html[data-zone="public"] ::-webkit-scrollbar-thumb {
  background: rgba(176, 200, 226, 0.28);
  border-radius: 0; 
  border: 2px solid transparent;
  background-clip: padding-box;
}
html[data-zone="public"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(214, 226, 240, 0.48);
  background-clip: padding-box;
}

html[data-zone="public"] .nyxnia-intake-row input:user-invalid,
html[data-zone="public"] .nyxnia-intake-row textarea:user-invalid {
  border-color: rgba(232, 96, 96, 0.55); 
  box-shadow: 0 0 0 2px rgba(232, 96, 96, 0.08);
}

html[data-zone="public"] .page-link {
  color: rgba(var(--nyxnia-content-rgb), 0.88);
  text-decoration: none;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  transition: color 0.15s ease;
}

html[data-zone="public"] .page-link:hover {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1.0);
}

html[data-zone="public"] .nyxnia-thread {
  position: relative;
}

html[data-zone="public"] .gateway-cta {
  display: inline-flex;
  align-items: baseline;
  min-height: 0;
  padding: 4px 0;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: rgba(197, 203, 209, 0.82);
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: color 160ms ease, transform 160ms ease;
}
html[data-zone="public"] .gateway-cta::after {
  content: " →";
  margin-left: 6px;
  opacity: 0.7;
  transform: translateX(0);
  transition: transform 160ms ease, opacity 160ms ease;
}
html[data-zone="public"] .gateway-cta:hover,
html[data-zone="public"] .gateway-cta:focus-visible {
  color: rgba(232, 237, 243, 0.98);
}
html[data-zone="public"] .gateway-cta:hover::after,
html[data-zone="public"] .gateway-cta:focus-visible::after {
  transform: translateX(3px);
  opacity: 1;
}
html[data-zone="public"] .gateway-cta-primary {
  color: rgba(221, 226, 232, 0.95);
  font-weight: 600;
}
html[data-zone="public"] .gateway-cta-primary:hover,
html[data-zone="public"] .gateway-cta-primary:focus-visible {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
}

@media (max-width: 760px) {
  html[data-zone="public"] .gw-section {
    
    padding: 48px 20px; 
  }
}

@media (max-width: 600px) {
  html[data-zone="public"] .gw-section h1 { font-size: 1.4375rem; }    
  
  html[data-zone="public"] .gw-section-lead { font-size: 1rem; }
}

@media (max-width: 600px) {
  
  html[data-zone="public"] .gw-section-label,
  html[data-zone="public"] .gw-section h2.gw-section-label { font-size: 0.75rem; }
}

html[data-zone="public"] .gw-section-label + .gw-section-lead,
html[data-zone="public"] .gw-section-lead + .gw-section-lead {
  margin-inline: auto;
}

@media (max-width: 760px) {
  html[data-zone="public"] .gw-section-label--title + .gw-section-lead {
    text-align: center;
    text-wrap: pretty;
  }
}

@media (max-width: 760px) {
  html[data-zone="public"] .gw-sections--clear > .gw-section:first-child { padding-top: 8px; }
}

html[data-zone="public"] :is(
  .nyxnia-cap-explore,
  .pub-strip-brand,
  .pub-strip-lang-btn,
  .pub-strip-nav-link,
  .pub-strip-enter,
  .nyxnia-footer-social,
  .nyxnia-footer-col-link,
  .nyxnia-footer-bottom-link,
  .nyxnia-command-surface, .pub-strip-menu-link
  
):focus-visible {
  outline: 2px solid rgba(146, 194, 240, 0.85) !important;
  outline-offset: 2px !important;
}

html[data-zone="public"] a,
html[data-zone="public"] button,
html[data-zone="public"] summary,
html[data-zone="public"] select,
html[data-zone="public"] input,
html[data-zone="public"] textarea {
  -webkit-tap-highlight-color: transparent;
}

@media (pointer: coarse) {
  html[data-zone="public"] input:not([type="radio"]):not([type="checkbox"]),
  html[data-zone="public"] textarea,
  html[data-zone="public"] select {
    font-size: 16px;
  }
}

@media (pointer: coarse) {
  html[data-zone="public"] .gateway-cta:active,
  html[data-zone="public"] .nyxnia-fragment-cta:active {
    background: rgba(3, 5, 10, 0.62) !important;   
    color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
    transform: translateY(1px) scale(0.985);        
    transition: none;
  }
  html[data-zone="public"] .gateway-cta:active .nyxnia-ff-edge,
  html[data-zone="public"] .nyxnia-fragment-cta:active .nyxnia-ff-edge {
    stroke: var(--nyxnia-mat-ff-edge-lit);
  }
  html[data-zone="public"] :is(
    .pub-strip-nav-link, .pub-strip-lang-btn, .pub-strip-enter, .pub-strip-brand
  ):active {
    color: rgba(var(--nyxnia-mat-crystal-rgb), 1);   
    transition: none;
  }
  html[data-zone="public"] :is(.nyxnia-footer-col-link, .nyxnia-footer-fold-summary):active {
    color: rgba(var(--nyxnia-content-rgb), 0.98);   
    transition: none;
  }
  
  html[data-zone="public"] .nyxnia-footer-fold-summary:active .nyxnia-footer-col-head {
    color: rgba(var(--nyxnia-content-rgb), 0.98);
    transition: none;
  }
  html[data-zone="public"] :is(.nyxnia-footer-bottom-link, .nyxnia-footer-social):active {
    color: rgba(194, 200, 206, 0.92);               
    transition: none;
  }
  
  html[data-zone="public"] .nyxnia-fragment:active {
    transform: scale(1.012);
    transition: transform 60ms ease;
  }
}

html[data-zone="public"] .touch-target {
  position: relative;
}

html[data-zone="public"] .touch-target:not(.pub-strip-enter)::before,
html[data-zone="public"] .nyxnia-fragment-cta::before,
html[data-zone="public"] .pub-strip-enter.touch-target::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
  background: none;
  pointer-events: auto;
}

html[data-zone="public"] {

  --nyxnia-blue-rgb: 156, 204, 248;
  --nyxnia-blue-charged-rgb: 74, 158, 255;
  --nyxnia-blue-resonance-rgb: 128, 178, 228;
  --nyxnia-white-rgb: 248, 252, 255;
  --nyxnia-white-soft-rgb: 219, 238, 255;
  --nyxnia-content-rgb: 232, 240, 248;
  --nyxnia-silver-rgb: 184, 198, 216;
  --nyxnia-silver-faint-rgb: 140, 152, 168;
  --nyxnia-edge-rgb: 176, 200, 226;
  
  --nyxnia-green-rgb: 120, 210, 160;
  --nyxnia-red-rgb: 232, 96, 96;

  --nyxnia-color-blue: rgba(var(--nyxnia-blue-rgb), 1);
  --nyxnia-color-blue-charged: rgba(var(--nyxnia-blue-charged-rgb), 1);
  --nyxnia-color-white: rgba(var(--nyxnia-white-rgb), 1);
  --nyxnia-color-white-soft: rgba(var(--nyxnia-white-soft-rgb), 1);
  --nyxnia-color-content: rgba(var(--nyxnia-content-rgb), 0.88);
  --nyxnia-color-silver: rgba(var(--nyxnia-silver-rgb), 0.92);
  --nyxnia-color-edge: rgba(var(--nyxnia-edge-rgb), 1);
  --nyxnia-color-green: rgba(var(--nyxnia-green-rgb), 1);
  --nyxnia-color-red: rgba(var(--nyxnia-red-rgb), 1);

  --nyxnia-color-void: #060609;
  --nyxnia-color-graphite-deep: #08090c;
  --nyxnia-color-graphite-edge: #161a22;

  --nyxnia-z-void: 0;
  --nyxnia-z-mist: 1;
  --nyxnia-z-entangle: 2;
  --nyxnia-z-holo: 3;
  --nyxnia-z-content: 10;
  --nyxnia-z-light: 11;
  --nyxnia-z-command: 30;
  --nyxnia-z-critical: 1000;

  --nyxnia-motion-fast: 150ms;
  --nyxnia-motion-standard: 160ms;
  --nyxnia-motion-slow: 240ms;
  --nyxnia-motion-cap: 220ms;
  --nyxnia-motion-breath: 12s;
  --nyxnia-ease-default: ease;
  --nyxnia-ease-holo: cubic-bezier(.22, .61, .36, 1);
  --nyxnia-ease-breath: ease-in-out;
}

html[data-zone="public"] {
  
  --nyxnia-substrate-base: #060609;

  --nyxnia-chrome-bright: rgba(248, 252, 255, 1.00);
  --nyxnia-chrome-mid: rgba(224, 234, 246, 1.00);
  --nyxnia-chrome-dim: rgba(184, 198, 216, 0.92);
  --nyxnia-chrome-faint: rgba(140, 152, 168, 0.42);
  --nyxnia-chrome-graphite-deep: #08090c;
  --nyxnia-chrome-graphite-edge: #161a22;

  --nyxnia-projection-resonance: rgba(128, 178, 228, 0.84);
  --nyxnia-projection-blue: rgba(156, 204, 248, 1.0);
  --nyxnia-projection-aura: rgba(128, 178, 228, 0.52);
  --nyxnia-projection-dim: rgba(120, 180, 240, 0.05);

  --nyxnia-holo-plate-bg: rgba(10, 12, 16, 0.40);
  --nyxnia-holo-plate-rim-bright: rgba(178, 200, 230, 0.36);
  --nyxnia-holo-plate-rim-dim: rgba(146, 178, 218, 0.18);
  --nyxnia-holo-plate-border: rgba(140, 152, 168, 0.22);
  --nyxnia-holo-plate-radius: 6px;

  --nyxnia-holo-plate-inner-lift: rgba(150, 178, 215, 0.06);
  --nyxnia-holo-plate-inner-lift-hover: rgba(160, 190, 228, 0.11);
  --nyxnia-holo-plate-vignette: rgba(4, 6, 11, 0.55);
  --nyxnia-holo-plate-edge-top: rgba(196, 220, 244, 0.20);
  --nyxnia-holo-plate-edge-top-hover: rgba(210, 232, 255, 0.52);
  --nyxnia-holo-plate-edge-bottom: rgba(120, 150, 190, 0.10);

  --nyxnia-holo-well-core: rgba(5, 8, 15, 0.55);
  --nyxnia-holo-well-lift: rgba(150, 178, 215, 0.10);
  --nyxnia-holo-well-energy: rgba(86, 168, 255, 0.14);
  --nyxnia-holo-well-energy-hover: rgba(110, 186, 255, 0.20);

  --nyxnia-holo-bracket-color: rgba(196, 220, 244, 0.58);
  --nyxnia-holo-bracket-color-dim: rgba(170, 196, 224, 0.34);
  --nyxnia-holo-bracket-size: 34px;
  --nyxnia-holo-bracket-thick: 1.6px;
  --nyxnia-holo-bracket-inset: 10px;

  --nyxnia-holo-node-size: 10px;
  --nyxnia-holo-node-rim: rgba(178, 200, 230, 0.62);
  --nyxnia-holo-node-center: rgba(156, 204, 248, 0.88);
  --nyxnia-holo-node-rim-thick: 1px;

  --nyxnia-holo-field-orb-x: 61%;
  --nyxnia-holo-field-orb-y: 40vh;
  --nyxnia-holo-field-spine-x: 61%;
  --nyxnia-holo-field-projection-y: 88vh;
  --nyxnia-holo-grid-v-spacing: 128px;
  --nyxnia-holo-grid-h-spacing: 96px;
  --nyxnia-holo-grid-alpha: 0.085;
  --nyxnia-holo-spine-width: 3px;
  --nyxnia-holo-spine-alpha: 0.48;
  --nyxnia-holo-orb-halo-radius: 38vh;

  --nyxnia-holo-glyph-size: 26px;
  --nyxnia-holo-glyph-color: rgba(148, 195, 245, 0.58);
  --nyxnia-holo-glyph-color-dim: rgba(148, 195, 245, 0.28);

  --nyxnia-holo-glow-max-radius: 28px;

  --nyxnia-holo-max-transition: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  html[data-zone="public"] *,
  html[data-zone="public"] *::before,
  html[data-zone="public"] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

html[data-zone="public"] .nyxnia-cap-cell {

  background: none;
  border: none;
  border-radius: 0;
  box-shadow:
    inset 0 1px 0 var(--nyxnia-holo-plate-edge-top, rgba(196, 220, 244, 0.10));
  clip-path: polygon(
    6px 0, calc(100% - 6px) 0,
    100% 6px, 100% calc(100% - 6px),
    calc(100% - 6px) 100%, 6px 100%,
    0 calc(100% - 6px), 0 6px
  );
  transition:
    border-color var(--nyxnia-holo-max-transition) ease,
    box-shadow var(--nyxnia-holo-max-transition) ease;
}

html[data-zone="public"] .gw-service-block.holo-window {
  border: 1px solid var(--nyxnia-holo-plate-border);
  border-radius: var(--nyxnia-holo-plate-radius);
}

html[data-zone="public"],
html[data-public-standalone="1"] {

  --nyxnia-black-base:  #030509;   
  --nyxnia-black-floor: #010306;   

  background-color: var(--nyxnia-black-base);
}

html[data-zone="public"] body,
html[data-public-standalone="1"] body {
  background-color: var(--nyxnia-black-base);
}

html[data-zone="public"]:not([data-nyxnia-glass="off"])::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: var(--nyxnia-z-void, 0);
  pointer-events: none;
  background: rgba(200, 222, 255, 0.028);
  opacity: 0;
}

html[data-zone="public"] {
  
  --nyxnia-void-ink:   20, 32, 60;
  --nyxnia-void-glow:  48, 86, 158;
  --nyxnia-void-floor:  8, 14, 34;
  
  --nyxnia-void-light: 100, 151, 244;
}

html[data-zone="public"]:not([data-nyxnia-void="off"]) body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: var(--nyxnia-z-void, 0);   
  pointer-events: none;

  background: rgba(var(--nyxnia-void-light), 0.004);
}

html[data-zone="public"]:not([data-nyxnia-void="off"]) body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: var(--nyxnia-z-void, 0);   
  pointer-events: none;
  
  background: transparent;
}

html[data-zone="public"][data-nyxnia-surface="transparent"],
html[data-zone="public"][data-nyxnia-surface="transparent"] body {
  background: transparent !important;
}

html[data-zone="public"] {

  --nyxnia-mat-surface-core:      rgba(6, 10, 17, 0.52);      
  --nyxnia-mat-surface-body:      rgba(108, 184, 252, 0.07);   
  --nyxnia-mat-surface-body-hover: rgba(108, 184, 252, 0.12);  
  --nyxnia-mat-surface-spec:      rgba(200, 222, 255, 0.07);  

  --nyxnia-mat-ff-edge:     rgba(232, 240, 248, 0.50);        
  --nyxnia-mat-ff-edge-lit: rgba(219, 238, 255, 0.74);   
  --nyxnia-mat-ff-edge-cardhover: rgba(204, 227, 244, 0.30);     

  --nyxnia-mat-trace:       rgba(120, 190, 255, 0);     
  --nyxnia-mat-trace-live:  rgba(120, 190, 255, 0.38);  

  --nyxnia-mat-hair:        rgba(204, 227, 244, 0.08);
  --nyxnia-mat-hair-mid:    rgba(204, 227, 244, 0.16);
  --nyxnia-mat-hair-strong: rgba(204, 227, 244, 0.30);

  --nyxnia-mat-strip-glass:      rgba(5, 8, 14, 0.62);

  --nyxnia-mat-proj:        rgb(108, 184, 252);
  
  --nyxnia-mat-proj-soft:   rgba(108, 184, 252, 0.78);
  --nyxnia-mat-proj-faint:  rgba(108, 184, 252, 0.18);

  --nyxnia-mat-frame:             rgba(204, 227, 244, 0.13);   
  --nyxnia-mat-frame-accent:      rgba(204, 227, 244, 0.20);   

  --nyxnia-mat-crystal-rgb:        244, 249, 255; 
  --nyxnia-mat-clarity:            #f4f9ff;   
  
  --nyxnia-mat-clarity-dim:        #92979d;   
  --nyxnia-mat-clarity-cool:       #dde2e8;   
  
  --nyxnia-mat-clarity-index:      #767b81;   

  --nyxnia-accent-rgb: 71, 120, 255;                    
  --nyxnia-accent-core: rgba(234, 243, 255, 0.95);      

  --nyxnia-mat-white-core:         #eff8fe;                     

  --nyxnia-mat-blue-signal:        rgba(76, 134, 210, 0.95);    

  --nyxnia-mat-frame-cast-rim:    rgba(238, 244, 252, 0.19);     
  --nyxnia-mat-frame-cast-lift:   rgba(238, 244, 252, 0.20);     
  --nyxnia-mat-frame-cast-drop:   rgba(2, 6, 16, 0.64);
  --nyxnia-mat-frame-cast-far:    rgba(1, 3, 8, 0.40);            

  --nyxnia-mat-nebula-core:       rgba(120, 180, 255, 0.065);  
  --nyxnia-mat-nebula-mid:        rgba(108, 184, 252, 0.028);   
  --nyxnia-mat-nebula-rim:        rgba(108, 184, 252, 0.009);   
  --nyxnia-mat-nebula-under:      rgba(108, 184, 252, 0.077);   

  --nyxnia-mat-ring-1:            rgba(170, 205, 255, 0.06);   
  --nyxnia-mat-ring-2:            rgba(180, 210, 255, 0.13);   
  --nyxnia-mat-ring-3:            rgba(190, 218, 255, 0.23);   
  --nyxnia-mat-ring-4:            rgba(205, 228, 255, 0.35);   
  --nyxnia-mat-ring-5:            rgba(220, 236, 255, 0.52);   

  --nyxnia-mat-ground-arc-1:      rgba(143, 189, 242, 0.22);   
  --nyxnia-mat-ground-arc-2:      rgba(143, 189, 242, 0.145);  
  --nyxnia-mat-ground-arc-3:      rgba(143, 189, 242, 0.10);   
  --nyxnia-mat-ground-arc-1-lit:  rgba(143, 189, 242, 0.28);
  --nyxnia-mat-ground-arc-2-lit:  rgba(143, 189, 242, 0.19);
  --nyxnia-mat-ground-arc-3-lit:  rgba(143, 189, 242, 0.135);
  --nyxnia-mat-proj-halo:         rgba(108, 184, 252, 0.30);    
  
  --nyxnia-mat-cta-edge-primary:  rgba(214, 226, 240, 0.20);   
  --nyxnia-mat-cta-edge-secondary: var(--nyxnia-mat-ff-edge);     
  --nyxnia-mat-cta-edge-hover:    rgba(200, 222, 255, 0.30);   
  --nyxnia-mat-cta-hover-bg:      rgba(19, 30, 46, 0.20);      
  --nyxnia-mat-cta-hover-glow:    rgba(200, 222, 255, 0.18);   
  --nyxnia-mat-cta-frame-glow:    rgba(214, 226, 240, 0.18);   
  --nyxnia-mat-cta-frame-edge:    rgba(214, 226, 240, 0.34);   
  --nyxnia-mat-cta-frame-edge-soft: rgba(232, 240, 248, 0.46);   
  --nyxnia-mat-cta-frame-glow-hover: rgba(214, 226, 240, 0.22); 

}

@media (max-width: 960px) {
  html[data-zone="public"] {
    --nyxnia-mat-ff-edge:         rgba(232, 240, 248, 0.56); 
    --nyxnia-mat-frame-cast-rim:  rgba(216, 234, 255, 0.19);  
    --nyxnia-mat-frame-cast-lift: rgba(216, 234, 255, 0.20);  
    --nyxnia-mat-frame-cast-drop: rgba(2, 6, 14, 0.64);       
  }
}

html[data-zone="public"] {
  --nyxnia-mat-chrome-edge:     rgba(214, 226, 240, 0.30);
  --nyxnia-mat-chrome-edge-lit: rgba(214, 226, 240, 0.60);
}

html[data-zone="public"] .nyxnia-fragment {

  --frag-pad-top:   34px;
  --frag-pad-x:     32px;
  --frag-pad-bot:   30px;
  --frag-min-h:     384px;
  
  --frag-icon-w:    152px;
  --frag-name-size: 0.975rem;
  --frag-name-mt:   6px;
  --frag-copy-size: 0.9rem;
  --frag-copy-mb:   22px;
  --frag-topo-top:  118px;
  --frag-topo-size: 14.5rem;

  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: var(--frag-min-h);
  padding: var(--frag-pad-top) var(--frag-pad-x) var(--frag-pad-bot);
  text-align: center;

}

@media (hover: hover) {
  
  html[data-zone="public"] .nyxnia-fragment:hover .nyxnia-fragment-vol {
    border-color: var(--nyxnia-mat-frame-accent);
    
    --frag-surface-body: var(--nyxnia-mat-surface-body-hover);
    transition: border-color 200ms ease;
  }
}

html[data-zone="public"] .nyxnia-fragment > .nyxnia-entangle-threads {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: visible;
  opacity: 0;
  transition: opacity 0.45s ease;
}

@media (hover: hover) {
  html[data-zone="public"] .nyxnia-fragment:hover > .nyxnia-entangle-threads { opacity: 1; }
  
  html[data-zone="public"] .nyxnia-fragment[data-nyxnia-observed] > .nyxnia-entangle-threads { opacity: 1; }
}
html[data-zone="public"] .nyxnia-fragment:focus-within > .nyxnia-entangle-threads {
  opacity: 1;
}

html[data-zone="public"] .nyxnia-fragment-vol {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    radial-gradient(128% 70% at 50% 86%,
      var(--nyxnia-mat-surface-core) 0%,
      rgba(6, 10, 17, 0.22)      44%,
      transparent                76%),
    radial-gradient(98% 66% at 50% 104%,
      var(--frag-surface-body, var(--nyxnia-mat-surface-body)) 0%,
      transparent                70%),
    linear-gradient(180deg,
      var(--nyxnia-mat-surface-spec) 0%,
      transparent                18%);
  background-repeat: no-repeat;

  clip-path: polygon(
    15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px),
    calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px
  );
  border: 1px solid var(--nyxnia-mat-frame);

  background: none;
}

html[data-zone="public"] .nyxnia-fragment-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: visible;
  pointer-events: none;

}

html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment .nyxnia-fragment-frame { transition: filter 0.45s ease; }

@media (hover: hover) {

  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:hover:not(:has(.nyxnia-fragment-cta:hover)) > .nyxnia-fragment-frame {
    filter: none;
  }
}

html[data-zone="public"] .nyxnia-ff-edge {
  fill: none;
  stroke: var(--nyxnia-mat-ff-edge);
  
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
  transition: stroke 0.45s ease;
  
}

html[data-zone="public"] .nyxnia-fragment .nyxnia-ff-edge,
html[data-zone="public"] .gw-why-card .nyxnia-ff-edge,
html[data-zone="public"] .nyxnia-faq-item .nyxnia-ff-edge,
html[data-zone="public"] .nyxnia-fragment-cta .nyxnia-ff-edge,
html[data-zone="public"] .gateway-cta .nyxnia-ff-edge {
  stroke-width: 1.0;
}

@media (hover: hover) {

  html[data-zone="public"] .nyxnia-fragment:hover .nyxnia-ff-edge,
  html[data-zone="public"]:not([data-pub-page="home"]) .gw-why-card:hover .nyxnia-ff-edge { stroke: var(--nyxnia-mat-ff-edge-cardhover); }
}

html[data-zone="public"] .nyxnia-ff-depth { opacity: 0; transition: opacity 0.45s ease; }
@media (hover: hover) {
  
  html[data-zone="public"] .nyxnia-fragment:hover:not(:has(.nyxnia-fragment-cta:hover)) > .nyxnia-fragment-frame .nyxnia-ff-depth,
  html[data-zone="public"] .nyxnia-fragment-cta:hover > .nyxnia-fragment-frame .nyxnia-ff-depth,
  html[data-zone="public"] .gateway-cta:hover > .nyxnia-fragment-frame .nyxnia-ff-depth { opacity: 1; }
}

@media (hover: none) {
  html[data-zone="public"] .nyxnia-fragment:active:not(:has(.nyxnia-fragment-cta:active)) > .nyxnia-fragment-frame .nyxnia-ff-depth,
  html[data-zone="public"] .nyxnia-fragment-cta:active > .nyxnia-fragment-frame .nyxnia-ff-depth,
  html[data-zone="public"] .gateway-cta:active > .nyxnia-fragment-frame .nyxnia-ff-depth { opacity: 1; }
}

html[data-zone="public"] .nyxnia-fragment.nyxnia-framed .nyxnia-fragment-vol { border-color: transparent; }

html[data-zone="public"]:not([data-pub-page="home"]) .gw-why-card.nyxnia-framed::before { border-color: transparent; }

html[data-zone="public"] #nyxnia-contact-form.nyxnia-framed {
  border-color: transparent;
  clip-path: none;
  background: none;
}

html[data-public-standalone="1"] .prerender-paned .nyxnia-legal-pane.nyxnia-framed,
html[data-zone="public"] .nyxnia-order-panels.nyxnia-framed {
  border-color: transparent;
  clip-path: none;
  background: none;
}
html[data-public-standalone="1"] .prerender-paned .nyxnia-legal-pane.nyxnia-framed::before,
html[data-zone="public"] .nyxnia-order-panels.nyxnia-framed::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  
  background: rgba(3, 5, 10, 0.34);
  clip-path: polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);
}

html[data-zone="public"] .nyxnia-ff-energy {
  fill: none;
  stroke: rgb(234, 246, 255); 
  stroke-width: 1.3;
  stroke-opacity: 0;
  stroke-dasharray: 22 300;
  vector-effect: non-scaling-stroke;
}
html[data-zone="public"] .nyxnia-ff-energy-b {
  stroke: rgb(100, 151, 244); 
  stroke-dasharray: 16 340;
}

html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment {
  --frag-pad-x: 20px;
}
html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment > .nyxnia-fragment-frame {
  -webkit-mask-image: linear-gradient(to left, #000 0%, #000 74%, rgba(0, 0, 0, 0.55) 87%, rgba(0, 0, 0, 0.18) 95%, transparent 100%);
  -webkit-mask-size: 100% 17px;
  -webkit-mask-position: left bottom;
  -webkit-mask-repeat: no-repeat;
  mask-image: linear-gradient(to left, #000 0%, #000 74%, rgba(0, 0, 0, 0.55) 87%, rgba(0, 0, 0, 0.18) 95%, transparent 100%);
  mask-size: 100% 17px;
  mask-position: left bottom;
  mask-repeat: no-repeat;
}
html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment .nyxnia-fragment-vol {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}

html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment .nyxnia-fragment-cta-row {
  margin-inline: 0;
  gap: 48px;
}

html[data-zone="public"] .nyxnia-fragment-inner {
  position: relative;
  z-index: 3;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  
  align-items: stretch;
  text-align: left;
}

html[data-zone="public"] .nyxnia-fragment-icon {
  display: block;
  width: var(--frag-icon-w);
  height: auto;
  overflow: visible;
  margin: 4px auto 0;
  
}

html[data-zone="public"] .nyxnia-fragment-name {
  margin: var(--frag-name-mt) 0 13px;        
  font-size: var(--frag-name-size);
  letter-spacing: 0.22em;                     
  text-transform: uppercase;
  font-weight: 500;                           
  color: var(--nyxnia-mat-clarity);
}
html[data-zone="public"] .nyxnia-fragment-index {
  margin-right: 8px;                          
  font-weight: 400;                           
  font-variant-numeric: tabular-nums;
  color: var(--nyxnia-mat-clarity-index);
}
html[data-zone="public"] .nyxnia-fragment-copy {
  margin: 0 0 var(--frag-copy-mb);   
  max-width: none;
  font-size: var(--frag-copy-size);
  line-height: 1.7;
  color: var(--nyxnia-mat-clarity-dim);
  
  text-wrap: pretty;
  
  text-wrap: balance;
}

html[data-zone="public"] .nyxnia-fragment-cta-row {
  display: flex;
  align-items: stretch;         
  gap: 18px;                    
  margin-top: auto;            
}
html[data-zone="public"] .nyxnia-fragment-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;                 
  min-width: 0;
  padding: 10px 14px;
  font-size: 0.8125rem;              
  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--nyxnia-mat-clarity);               
  text-decoration: none;
  
  --cta-chamfer: 7px;
  
  --cta-edge: var(--nyxnia-mat-cta-edge-primary); 
  background: transparent;                     
  border: 1px solid var(--cta-edge);
  clip-path: polygon(
    var(--cta-chamfer) 0, calc(100% - var(--cta-chamfer)) 0, 100% var(--cta-chamfer),
    100% calc(100% - var(--cta-chamfer)), calc(100% - var(--cta-chamfer)) 100%,
    var(--cta-chamfer) 100%, 0 calc(100% - var(--cta-chamfer)), 0 var(--cta-chamfer)
  );
  transition: color 200ms ease, border-color 200ms ease, background 200ms ease, filter 200ms ease,
              transform 160ms ease;
}

html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta:first-child {
  --cta-edge: var(--nyxnia-mat-cta-edge-secondary);   
}

html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta:first-child:not(.nyxnia-framed) {
  -webkit-mask: linear-gradient(315deg, #000 0, #000 calc(100% - 12px), transparent calc(100% - 12px));
          mask: linear-gradient(315deg, #000 0, #000 calc(100% - 12px), transparent calc(100% - 12px));
}
html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta:last-child:not(.nyxnia-framed) {
  -webkit-mask: linear-gradient(135deg, #000 0, #000 calc(100% - 12px), transparent calc(100% - 12px));
          mask: linear-gradient(135deg, #000 0, #000 calc(100% - 12px), transparent calc(100% - 12px));
}

html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta:hover,
html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta:focus-visible {
  color: var(--nyxnia-mat-white-core);
  --cta-edge: var(--nyxnia-mat-cta-edge-hover);   
  
  filter: drop-shadow(0 0 5px var(--nyxnia-mat-cta-hover-glow));
  transform: translateY(-1px);                 
}
@media (prefers-reduced-motion: reduce) {
  html[data-zone="public"] .nyxnia-fragment-cta { transition: color 200ms ease, border-color 200ms ease, background 200ms ease, filter 200ms ease; }
  html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta:hover,
  html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta:focus-visible { transform: none; }
}

html[data-zone="public"] .nyxnia-fragment-cta:focus-visible {
  outline: 2px solid rgba(220, 232, 248, 0.75);
  outline-offset: 3px;
}

html[data-zone="public"] .nyxnia-fragment-cta {
  z-index: 0;   
}
html[data-zone="public"] .nyxnia-fragment-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: rgba(3, 5, 10, 0.62);   
  clip-path: polygon(
    var(--cta-chamfer) 0, calc(100% - var(--cta-chamfer)) 0, 100% var(--cta-chamfer),
    100% calc(100% - var(--cta-chamfer)), calc(100% - var(--cta-chamfer)) 100%,
    var(--cta-chamfer) 100%, 0 calc(100% - var(--cta-chamfer)), 0 var(--cta-chamfer)
  );
  opacity: 0;
  transition: opacity 160ms ease;
}
html[data-zone="public"] .nyxnia-fragment-cta:hover::after,
html[data-zone="public"] .nyxnia-fragment-cta:focus-visible::after {
  opacity: 1;
}

html[data-zone="public"] .nyxnia-fragment-topo {
  position: absolute;
  left: 50%;
  top: var(--frag-topo-top);
  width: var(--frag-topo-size);
  height: var(--frag-topo-size);
  transform: translate(-50%, -50%);
  z-index: 0;
  pointer-events: none;
  
  display: none;
}

html[data-zone="public"] .nyxnia-fragment--expanded {
  --frag-pad-top: 34px; --frag-pad-x: 30px; --frag-pad-bot: 28px;
  --frag-min-h: 440px;  --frag-icon-w: 140px;
  --frag-name-size: 1.05rem; --frag-copy-size: 15.6px;
  --frag-topo-top: 134px; --frag-topo-size: 272px;
}

html[data-zone="public"] .nyxnia-fragment--compact {
  --frag-pad-top: 20px; --frag-pad-x: 18px; --frag-pad-bot: 18px;
  --frag-min-h: 300px;  --frag-icon-w: 92px;
  --frag-name-size: 0.9rem; --frag-copy-size: 14.4px; --frag-copy-mb: 12px;
  --frag-topo-top: 96px; --frag-topo-size: 184px;
}

html[data-zone="public"] .nyxnia-fragment--minimal {
  --frag-pad-top: 22px; --frag-pad-x: 18px; --frag-pad-bot: 18px;
  --frag-min-h: 224px;  --frag-icon-w: 88px;
  --frag-name-size: 0.9rem;
}
html[data-zone="public"] .nyxnia-fragment--minimal .nyxnia-fragment-copy,
html[data-zone="public"] .nyxnia-fragment--minimal .nyxnia-fragment-topo { display: none; }

html[data-zone="public"] .nyxnia-fragment--quanta {
  --frag-pad-top: 16px; --frag-pad-x: 14px; --frag-pad-bot: 14px;
  --frag-min-h: 150px;  --frag-icon-w: 76px;
}
html[data-zone="public"] .nyxnia-fragment--quanta .nyxnia-fragment-name,
html[data-zone="public"] .nyxnia-fragment--quanta .nyxnia-fragment-copy,
html[data-zone="public"] .nyxnia-fragment--quanta .nyxnia-fragment-explore,
html[data-zone="public"] .nyxnia-fragment--quanta .nyxnia-fragment-topo { display: none; }

html[data-zone="public"] .nyxnia-fragment-ico {
  width: 100%;
  height: 196px;
  margin: 10px 0 26px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: filter 200ms ease;   
}

@media (hover: hover) {
  
  html[data-zone="public"] .nyxnia-fragment:hover .nyxnia-fragment-ico { filter: brightness(1.03); }
}

@media (max-width: 960px) {
  html[data-zone="public"] .nyxnia-fragment-ico { filter: brightness(1.07); }
}

html[data-zone="public"] .nyxnia-fragment-ico::before {
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -48%);
  
  width: 188px; height: 188px;
  border-radius: 50%;

  background: none;
  
  pointer-events: none;
  z-index: 1;
}

html[data-zone="public"] .nyxnia-fragment-ico .nyxnia-fragment-icon {
  width: var(--frag-icon-w); height: var(--frag-icon-w);
  overflow: visible;
  position: relative;
  z-index: 3;
  flex-shrink: 0;   
}

html[data-zone="public"] .nyxnia-proj-plane {
  position: absolute;
  left: 50%; bottom: 14px;
  transform: translateX(-50%);
  width: 240px; height: 40px;
  pointer-events: none;
  z-index: 2;
}
html[data-zone="public"] .nyxnia-proj-plane > i {
  position: absolute;
  left: 50%; bottom: 0;
  transform: translateX(-50%);
  border-radius: 50%;
  display: block;
}

html[data-zone="public"] .nyxnia-proj-plane > i:nth-child(1) {   
  width: calc(var(--frag-icon-w) * 1.579);
  height: calc(var(--frag-icon-w) * 0.263);
  border: 1px solid var(--nyxnia-mat-ground-arc-1);
  -webkit-mask: conic-gradient(from var(--nyxnia-ground-rot, 0deg),
    rgba(0, 0, 0, 0.28) 0deg,  rgba(0, 0, 0, 0.55) 70deg, rgba(0, 0, 0, 0.85) 108deg,
    transparent 126deg 160deg,
    #000 176deg, #000 206deg,  rgba(0, 0, 0, 0.78) 240deg, rgba(0, 0, 0, 0.50) 260deg,
    transparent 278deg 348deg,
    rgba(0, 0, 0, 0.28) 359deg);
          mask: conic-gradient(from var(--nyxnia-ground-rot, 0deg),
    rgba(0, 0, 0, 0.28) 0deg,  rgba(0, 0, 0, 0.55) 70deg, rgba(0, 0, 0, 0.85) 108deg,
    transparent 126deg 160deg,
    #000 176deg, #000 206deg,  rgba(0, 0, 0, 0.78) 240deg, rgba(0, 0, 0, 0.50) 260deg,
    transparent 278deg 348deg,
    rgba(0, 0, 0, 0.28) 359deg);
}
html[data-zone="public"] .nyxnia-proj-plane > i:nth-child(2) {   
  width: calc(var(--frag-icon-w) * 1.05);
  height: calc(var(--frag-icon-w) * 0.175);
  border: 1px solid var(--nyxnia-mat-ground-arc-2);
  -webkit-mask: conic-gradient(from var(--nyxnia-ground-rot, 0deg),
    rgba(0, 0, 0, 0.26) 0deg, rgba(0, 0, 0, 0.55) 74deg,
    transparent 98deg 172deg,
    rgba(0, 0, 0, 0.90) 196deg, #000 212deg, rgba(0, 0, 0, 0.62) 280deg,
    rgba(0, 0, 0, 0.26) 359deg);
          mask: conic-gradient(from var(--nyxnia-ground-rot, 0deg),
    rgba(0, 0, 0, 0.26) 0deg, rgba(0, 0, 0, 0.55) 74deg,
    transparent 98deg 172deg,
    rgba(0, 0, 0, 0.90) 196deg, #000 212deg, rgba(0, 0, 0, 0.62) 280deg,
    rgba(0, 0, 0, 0.26) 359deg);
}
html[data-zone="public"] .nyxnia-proj-plane > i:nth-child(3) {   
  width: calc(var(--frag-icon-w) * 0.55);
  height: calc(var(--frag-icon-w) * 0.092);
  border: 1px solid var(--nyxnia-mat-ground-arc-3);
  -webkit-mask: conic-gradient(from var(--nyxnia-ground-rot, 0deg),
    rgba(0, 0, 0, 0.30) 0deg, rgba(0, 0, 0, 0.55) 70deg, rgba(0, 0, 0, 0.78) 132deg,
    #000 180deg, rgba(0, 0, 0, 0.70) 240deg, rgba(0, 0, 0, 0.45) 268deg,
    transparent 286deg 350deg,
    rgba(0, 0, 0, 0.30) 359deg);
          mask: conic-gradient(from var(--nyxnia-ground-rot, 0deg),
    rgba(0, 0, 0, 0.30) 0deg, rgba(0, 0, 0, 0.55) 70deg, rgba(0, 0, 0, 0.78) 132deg,
    #000 180deg, rgba(0, 0, 0, 0.70) 240deg, rgba(0, 0, 0, 0.45) 268deg,
    transparent 286deg 350deg,
    rgba(0, 0, 0, 0.30) 359deg);
}
html[data-zone="public"] .nyxnia-proj-plane > i:nth-child(4),
html[data-zone="public"] .nyxnia-proj-plane > i:nth-child(5) { display: none; }   

html[data-zone="public"] .nyxnia-proj-plane > i { transition: border-color 300ms ease; }
html[data-zone="public"] .nyxnia-fragment:hover .nyxnia-proj-plane > i:nth-child(1) { border-color: var(--nyxnia-mat-ground-arc-1-lit); }
html[data-zone="public"] .nyxnia-fragment:hover .nyxnia-proj-plane > i:nth-child(2) { border-color: var(--nyxnia-mat-ground-arc-2-lit); }
html[data-zone="public"] .nyxnia-fragment:hover .nyxnia-proj-plane > i:nth-child(3) { border-color: var(--nyxnia-mat-ground-arc-3-lit); }

html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(2) { --nyxnia-ground-rot: 12deg; }
html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(3) { --nyxnia-ground-rot: -10deg; }
html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(4) { --nyxnia-ground-rot: 18deg; }
html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(5) { --nyxnia-ground-rot: -14deg; }
html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(6) { --nyxnia-ground-rot: 8deg; }

html[data-zone="public"] .nyxnia-plane-dot {
  position: absolute;
  left: 50%; bottom: 13px;
  transform: translate(-50%, 50%);
  width: 4px; height: 4px;
  border-radius: 50%;
  
  display: none;
  z-index: 4;
}

html[data-zone="public"] .nyxnia-fragment-id {
  display: none;
  position: absolute;
  top: 14px; right: 22px;   
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 0.5rem;
  letter-spacing: 0.30em;
  text-transform: uppercase;
  color: var(--nyxnia-mat-clarity-index);  
  opacity: 0.7;
  z-index: 5;
  pointer-events: none;
}

@media (max-width: 600px) {
  html[data-zone="public"] .nyxnia-fragment--standard { --frag-min-h: 332px; }
}

html[data-zone="public"] {

  --nyxnia-light-glow-core:  rgba(222, 236, 255, 0.63);   
  --nyxnia-light-glow-mid:   rgba(142, 202, 255, 0.52);   
  --nyxnia-light-glow-outer: rgba(108, 184, 252, 0.18);    
}

html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment-icon {
  width: var(--frag-icon-w);                 
}

html[data-zone="public"] .nyxnia-fragment-icon.nyxnia-glyph {
  
  opacity: 0.95;
  
}
html[data-zone="public"] .nyxnia-glyph .gl-edge        { stroke:#dbecff; stroke-width:0.7;  fill:none; vector-effect:non-scaling-stroke; stroke-linejoin:round; }
html[data-zone="public"] .nyxnia-glyph .gl-edge-bright { stroke:#f4f9ff; stroke-width:0.8;  fill:none; vector-effect:non-scaling-stroke; stroke-linejoin:round; }

html[data-zone="public"] .nyxnia-glyph .gl-lum         { stroke:#f7fbff; stroke-width:1.1;  fill:none; vector-effect:non-scaling-stroke; stroke-linejoin:round; opacity:0; }
html[data-zone="public"] .nyxnia-glyph .gl-edge-soft   { stroke:#8fbdf2; stroke-width:0.5;  fill:none; vector-effect:non-scaling-stroke; stroke-opacity:.7; }
html[data-zone="public"] .nyxnia-glyph .gl-back        { stroke:#7fb0ee; stroke-width:0.55; fill:none; vector-effect:non-scaling-stroke; stroke-opacity:.42; }
html[data-zone="public"] .nyxnia-glyph .gl-fill        { fill:rgba(108,184,252,0.05); }
html[data-zone="public"] .nyxnia-glyph .gl-fill-bright { fill:rgba(120,180,255,0.10); }
html[data-zone="public"] .nyxnia-glyph .gl-node        { fill:#f2f8ff; }
html[data-zone="public"] .nyxnia-glyph .gl-heart       { fill:#eaf3ff; }  
html[data-zone="public"] .nyxnia-glyph .gl-spark       { fill:#bcd9ff; }

html[data-zone="public"] .nyxnia-glyph .gl-spin,
html[data-zone="public"] .nyxnia-glyph .gl-spin-rev    { transform-box: fill-box; transform-origin: center; }

html[data-zone="public"] .nyxnia-command-surface {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 2px 6px 12px;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--nyxnia-color-white-soft, rgb(241, 246, 252));
  text-decoration: none;
  background: none;
  border: 0;
  border-radius: 0;
  transition: color var(--nyxnia-motion-standard, 160ms) var(--nyxnia-ease-default, ease);
}

html[data-zone="public"] .nyxnia-command-surface::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 14px;
  transform: translateY(-50%);
  background: rgba(var(--nyxnia-edge-rgb), 0.55);
}

html[data-zone="public"] .nyxnia-command-surface::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--nyxnia-color-blue-charged, rgba(108, 184, 252, 1));
  box-shadow: 0 0 4px rgba(var(--nyxnia-blue-charged-rgb), 0.55);
}
html[data-zone="public"] .nyxnia-command-surface:hover,
html[data-zone="public"] .nyxnia-command-surface:focus-visible {
  color: var(--nyxnia-color-white, rgb(244, 252, 255));
  outline: none;
}

html[data-zone="public"] .nyxnia-guardian-surface {
  position: relative;
  box-shadow: inset 2px 0 0 rgba(var(--nyxnia-blue-charged-rgb), 0.55); 
}
html[data-zone="public"] .nyxnia-guardian-surface::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--nyxnia-color-blue-charged, rgba(108, 184, 252, 1)); 
  box-shadow: 0 0 4px rgba(var(--nyxnia-blue-charged-rgb), 0.45); 
}

html[data-zone="public"] .nyxnia-critical-boundary {
  position: relative;
  z-index: var(--nyxnia-z-critical, 1000);
  border: 1px solid rgba(var(--nyxnia-red-rgb), 0.55);
  box-shadow:
    inset 0 0 0 1px rgba(var(--nyxnia-red-rgb), 0.18),
    0 0 16px -6px rgba(var(--nyxnia-red-rgb), 0.40);
  color: var(--nyxnia-color-white-soft, rgb(241, 246, 252));
}

html[data-zone="public"] [data-nyxnia-state] {
  position: relative;
}
html[data-zone="public"] [data-nyxnia-state]::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  border-radius: 50%;
  vertical-align: middle;
  background: var(--nyxnia-state-color, rgba(var(--nyxnia-silver-rgb), 0.92));
  box-shadow: 0 0 4px var(--nyxnia-state-glow, transparent);
}
html[data-zone="public"] [data-nyxnia-state="local"],
html[data-zone="public"] [data-nyxnia-state="private"] {
  --nyxnia-state-color: rgba(var(--nyxnia-silver-rgb), 0.92);
}
html[data-zone="public"] [data-nyxnia-state="shared"],
html[data-zone="public"] [data-nyxnia-state="active"] {
  --nyxnia-state-color: var(--nyxnia-color-blue-charged, rgba(108, 184, 252, 1));
  --nyxnia-state-glow: rgba(var(--nyxnia-blue-charged-rgb), 0.45);
}
html[data-zone="public"] [data-nyxnia-state="external"],
html[data-zone="public"] [data-nyxnia-state="uncertain"] {
  
  --nyxnia-state-color: var(--nyxnia-color-silver, rgba(214, 228, 244, 1));
  --nyxnia-state-glow: rgba(200, 220, 244, 0.35);
}
html[data-zone="public"] [data-nyxnia-state="verified"],
html[data-zone="public"] [data-nyxnia-state="safe"] {
  --nyxnia-state-color: var(--nyxnia-color-blue-charged, rgba(108, 184, 252, 1)); 
  --nyxnia-state-glow: rgba(var(--nyxnia-blue-charged-rgb), 0.40); 
}
html[data-zone="public"] [data-nyxnia-state="critical"] {
  --nyxnia-state-color: var(--nyxnia-color-red, rgba(232, 96, 96, 1));
  --nyxnia-state-glow: rgba(var(--nyxnia-red-rgb), 0.50);
}

html[data-zone="public"] .gateway-cta-primary {
  position: relative;
  padding-left: 13px;
}
html[data-zone="public"] .gateway-cta-primary::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 12px;
  transform: translateY(-50%);
  background: rgba(var(--nyxnia-edge-rgb), 0.5);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  html[data-zone="public"] .nyxnia-command-surface { transition: none; }
}

html[data-zone="public"] .gw-section--band {
  
  background: none;
}

html[data-zone="public"] .gw-section::before,
html[data-zone="public"] .gw-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(160, 172, 192, 0.10) 50%,
    transparent 100%);
  
  opacity: 0;
}
html[data-zone="public"] .gw-section::before { top: 0; }
html[data-zone="public"] .gw-section::after  { bottom: 0; }
html[data-zone="public"] .gw-section--band::before,
html[data-zone="public"] .gw-section--band::after { opacity: 0.25; }

html[data-zone="public"] .gw-depth-capability {
  background: none; 
}

html[data-zone="public"] .gw-depth-structure {
  padding-top: 56px;
  padding-bottom: 56px;
}
html[data-zone="public"] .gw-depth-structure .gw-section-inner {
  max-width: 820px;
}
html[data-zone="public"] .gw-depth-structure .gw-section-label {
  opacity: 0.72;
}
html[data-zone="public"] .gw-depth-structure .gw-section-lead {
  font-size: 0.8438rem;
  line-height: 1.56;
  opacity: 0.92;
}

html[data-zone="public"] .gw-depth-continuum {
  padding-top: 68px;
  padding-bottom: 72px;
  
  background: none; 
}
html[data-zone="public"] .gw-depth-continuum .gw-section-inner {
  max-width: 680px;
}
html[data-zone="public"] .gw-depth-continuum .gw-section-label {
  font-size: 0.5625rem;
  letter-spacing: 0.18em;
  opacity: 0.58;
}
html[data-zone="public"] .gw-depth-continuum .gw-section-inner > h2 {
  font-size: clamp(1.125rem, 1.8vw, 1.375rem);
  letter-spacing: -0.015em;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.92);
}
html[data-zone="public"] .gw-depth-continuum .gw-section-lead {
  font-size: 0.8125rem;
  line-height: 1.52;
  letter-spacing: 0;
  opacity: 0.84;
  max-width: 640px;
}

@media (max-width: 600px) {
  html[data-zone="public"] .gw-depth-structure .gw-section-lead { font-size: 0.9375rem; }
  html[data-zone="public"] .gw-depth-continuum .gw-section-lead { font-size: 0.9063rem; }
}

html[data-zone="public"] .gw-sections {
  position: relative;
  
  isolation: isolate;
  
  z-index: var(--nyxnia-z-content);
  
  background-color: transparent;
  
  background-image: none;
}
html[data-zone="public"] .gw-sections::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: none; 
}
html[data-zone="public"] .gw-sections > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 960px) {
  html[data-zone="public"] .gw-sections::before {
    background: none;
  }
}

html[data-zone="public"] .pub-strip {
  position: fixed;
  top: max(14px, env(safe-area-inset-top, 0px));
  
  left: 0;
  right: 0;
  margin-inline: auto;
  max-width: 1328px;
  box-sizing: border-box;
  z-index: var(--nyxnia-z-command);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 max(24px, env(safe-area-inset-right, 0px)) 0 max(24px, env(safe-area-inset-left, 0px));
  pointer-events: none;
  background: none;
  border: 0;
}

html[data-zone="public"] .pub-strip > * {
  pointer-events: auto;
}

html[data-zone="public"] .pub-strip::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent              0%,
    rgba(204, 227, 244, 0.22) 12%,
    rgba(204, 227, 244, 0.34) 50%,
    rgba(204, 227, 244, 0.22) 88%,
    transparent              100%
  );
  pointer-events: none;
}

html[data-zone="public"] .pub-strip-brand {
  
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  text-decoration: none;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.95); 
  font-size: 1.4375rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.1;
  transition: color 160ms ease;
}
html[data-zone="public"] .pub-strip-brand-sub {
  font-size: 0.6563rem;
  font-weight: 500;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  
  color: rgb(133, 138, 144);
  white-space: nowrap;
}

html[data-zone="public"] .pub-strip-brand:hover,
html[data-zone="public"] .pub-strip-brand:focus-visible {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1); 
  outline: none;
}

html[data-zone="public"] .pub-strip-brand-mark {
  display: block;
  flex-shrink: 0;
  
  filter: drop-shadow(0 0 2px rgba(196, 210, 228, 0.22))
          drop-shadow(0 0 2px rgba(120, 180, 250, 0.20));
}
html[data-zone="public"] .pub-strip-brand:hover .pub-strip-brand-mark,
html[data-zone="public"] .pub-strip-brand:focus-visible .pub-strip-brand-mark {
  filter: drop-shadow(0 0 2px rgba(214, 228, 244, 0.32))
          drop-shadow(0 0 3px rgba(120, 180, 250, 0.26));
}

html[data-zone="public"] .pub-strip-left {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}

html[data-zone="public"] .pub-strip-lang {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

html[data-zone="public"] .pub-strip-lang-btn {
  appearance: none;
  background: none;
  border: 0;
  padding: 4px 2px;
  margin: 0;
  font: inherit;
  text-decoration: none;   
  font-size: 0.8125rem;
  letter-spacing: 0.06em;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.52); 
  cursor: pointer;
  transition: color 160ms ease;
}

html[data-zone="public"] .pub-strip-lang-btn:hover,
html[data-zone="public"] .pub-strip-lang-btn:focus-visible {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.92); 
  outline: none;
}

html[data-zone="public"] .pub-strip-lang-btn[aria-current="true"] {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.96); 
}

html[data-zone="public"] .pub-strip-lang-sep {
  font-size: 0.8125rem;
  color: rgba(217, 226, 235, 0.42);
  user-select: none;
}

html[data-zone="public"] .lang-switch .pub-strip-lang-btn[aria-current="true"] {
  display: none;
}
html[data-zone="public"] .lang-switch .pub-strip-lang-sep {
  display: none;
}
html[data-zone="public"] .lang-switch .pub-strip-lang-btn {
  color: rgba(var(--nyxnia-content-rgb), 0.78);
  padding: 4px 4px;
}
html[data-zone="public"] .lang-switch .pub-strip-lang-btn:hover,
html[data-zone="public"] .lang-switch .pub-strip-lang-btn:focus-visible {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
}

@media (max-width: 600px) {
  html[data-zone="public"] .pub-strip {
    gap: 10px;
  }
  html[data-zone="public"] .pub-strip-left {
    gap: 10px;
  }
  html[data-zone="public"] .pub-strip-lang-btn {
    font-size: 0.8125rem;
  }

  html[data-zone="public"] .pub-strip-brand {
    font-size: 1.1875rem;
    gap: 1px;
    
    padding: 4px 0;
    margin: -4px 0;
  }
  html[data-zone="public"] .pub-strip-brand-sub {
    display: none;
  }
  html[data-zone="public"] .pub-strip-brand-mark {
    width: 22px;
    height: 22px;
  }
}

html[data-zone="public"] .pub-strip-nav {
  display: inline-flex;
  align-items: center;
  gap: 28px;
}

html[data-zone="public"] .pub-strip-left { flex: 1 0 0; }
html[data-zone="public"] .pub-strip-auth { flex: 1 0 0; justify-content: flex-end; }
html[data-zone="public"] .pub-strip-nav  { flex: 0 0 auto; }

html[data-zone="public"] .pub-strip-nav-link {
  
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8125rem;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: rgba(var(--nyxnia-content-rgb), 0.72);
  text-decoration: none;
  font-weight: 500;
  transition: color 160ms ease;
}

html[data-zone="public"] .pub-strip-nav-link::before {
  content: '';
  width: 1px;
  height: 6px;
  flex-shrink: 0;
  background: linear-gradient(180deg,
    transparent              0%,
    rgba(204, 227, 244, 0.34) 50%,
    transparent              100%
  );
  transition: background 160ms ease;
}

html[data-zone="public"] .pub-strip-nav-link::after {
  content: '';
  position: absolute;
  left: 9px;
  right: 0;
  bottom: -6px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent              0%,
    rgba(204, 227, 244, 0.22) 12%,
    rgba(204, 227, 244, 0.34) 50%,
    rgba(204, 227, 244, 0.22) 88%,
    transparent              100%
  );
  opacity: 0;
  transition: opacity 160ms ease;
  pointer-events: none;
}

html[data-zone="public"] .pub-strip-nav-link[aria-current="page"] { color: rgba(var(--nyxnia-white-soft-rgb), 0.98); }
html[data-zone="public"] .pub-strip-nav-link[aria-current="page"]::after { opacity: 1; }

@media (prefers-reduced-motion: no-preference) {
  html[data-zone="public"] .pub-strip { transition: transform 300ms ease, opacity 300ms ease; }
  html[data-zone="public"][data-header-scroll="down"] .pub-strip {
    transform: translateY(-120%);
    opacity: 0;
    pointer-events: none;
  }
}

html[data-zone="public"] .pub-strip::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: calc(-1 * max(14px, env(safe-area-inset-top, 0px)));
  bottom: -12px;
  background: var(--nyxnia-mat-strip-glass);
  opacity: 0;
  transition: opacity 160ms ease;
  pointer-events: none;
  z-index: -1;
}
html[data-zone="public"][data-header-scroll] .pub-strip::before {
  opacity: 1;
}

html[data-zone="public"] .pub-strip-nav-link:hover,
html[data-zone="public"] .pub-strip-nav-link:focus-visible {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
  outline: none;
}

html[data-zone="public"] .pub-strip-nav-link:hover::after,
html[data-zone="public"] .pub-strip-nav-link:focus-visible::after,
html[data-zone="public"] .pub-strip-nav-link[aria-current="page"]::after {
  opacity: 1;
}

html[data-zone="public"] .pub-strip-nav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

html[data-zone="public"] .pub-strip-has-menu::after {
  content: '';
  width: 5px;
  height: 5px;
  flex-shrink: 0;
  border-right: 1px solid rgba(214, 226, 240, 0.55);
  border-bottom: 1px solid rgba(214, 226, 240, 0.55);
  transform: translateY(-2px) rotate(45deg);
  transition: transform 180ms ease, border-color 180ms ease;
}
html[data-zone="public"] .pub-strip-has-menu:hover::after,
html[data-zone="public"] .pub-strip-has-menu:focus-within::after {
  transform: translateY(0) rotate(225deg);
  border-color: rgba(214, 226, 240, 0.85);   
}

html[data-zone="public"] .pub-strip-menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  
  padding: 10px;
  margin: -10px -4px -10px -2px;
  box-sizing: content-box;
  background: none;
  border: 0;
  cursor: pointer;
  color: rgba(220, 226, 233, 0.66);
  -webkit-tap-highlight-color: transparent;
}
html[data-zone="public"] .pub-strip-menu-toggle svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  transition: transform 180ms ease;
}
html[data-zone="public"] .pub-strip-menu-toggle:focus-visible {
  outline: 2px solid rgba(146, 194, 240, 0.85);
  outline-offset: 2px;
}
html[data-zone="public"] .pub-strip-open .pub-strip-menu-toggle svg {
  transform: rotate(180deg);
}

html[data-zone="public"] .pub-strip-more {
  display: none;
}
html[data-zone="public"] .pub-strip-more-toggle {
  width: auto;
  height: auto;
  gap: 6px;
  padding: 14px 6px;
  margin: -14px -6px;
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: inherit;
}
html[data-zone="public"] .pub-strip-menu {
  position: absolute;
  
  top: 100%;
  left: 50%;
  transform: translate(-50%, -6px);
  min-width: 234px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 2px;

  background: linear-gradient(180deg, rgba(2, 3, 6, 0.78) 0%, rgba(2, 3, 6, 0.86) 100%);
  
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
  backdrop-filter: blur(10px) saturate(1.05);
  border: 0; 
  border-radius: 0;
  clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);
  filter: drop-shadow(0 16px 36px rgba(2, 5, 10, 0.58));
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms;
  z-index: 60;
}

@media (hover: hover) and (pointer: fine) {
  html[data-zone="public"] .pub-strip-has-menu:hover .pub-strip-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
  }
}
html[data-zone="public"] .pub-strip-has-menu:focus-within .pub-strip-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}
html[data-zone="public"] .pub-strip-menu-link {
  display: block;
  padding: 9px 12px;
  border-radius: 8px;
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  color: rgba(217, 223, 230, 0.78);
  text-decoration: none;
  white-space: nowrap;
  transition: color 140ms ease, background 140ms ease;
}
html[data-zone="public"] .pub-strip-menu-link:hover,
html[data-zone="public"] .pub-strip-menu-link:focus-visible {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
  background: none; 
  outline: none;
}

html[data-zone="public"] .pub-strip-menu-all {
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid rgba(214, 226, 240, 0.12);   
  color: rgba(220, 226, 233, 0.66);
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
}

html[data-zone="public"] .pub-strip-auth {
  position: relative;            
  display: inline-flex;
  align-items: center;
  gap: 7px;                      
}
html[data-zone="public"] .pub-strip-menu--right {
  left: auto;
  right: 0;
  transform: translate(0, -6px);
}

html[data-zone="public"] .pub-strip-auth .pub-strip-menu {
  background: linear-gradient(180deg, rgba(4, 7, 12, 0.78) 0%, rgba(4, 7, 12, 0.86) 100%);
}
@media (hover: hover) and (pointer: fine) {
  html[data-zone="public"] .pub-strip-has-menu:hover .pub-strip-menu--right {
    transform: translate(0, 0);
  }
}
html[data-zone="public"] .pub-strip-has-menu:focus-within .pub-strip-menu--right {
  transform: translate(0, 0);
}

html[data-zone="public"] .pub-strip-nav-link[aria-current="page"] {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
}

html[data-zone="public"] .pub-strip-nav-link[aria-current="page"]::before {
  background: linear-gradient(180deg,
    transparent              0%,
    rgba(204, 227, 244, 0.72) 50%,
    transparent              100%
  );
}

html[data-zone="public"] .pub-strip-nav-link--cta {
  color: rgba(234, 239, 246, 0.9);
}
html[data-zone="public"] .pub-strip-nav-link--cta::before {
  background: linear-gradient(180deg,
    transparent               0%,
    rgba(120, 180, 250, 0.85) 50%,
    transparent               100%
  );
}

html[data-zone="public"] .pub-strip-enter {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 0 9px 16px;
  border: 0;
  border-radius: 0;
  background: none;
  color: rgba(var(--nyxnia-content-rgb), 0.92);
  font-size: 0.8125rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  transition: color 160ms ease;
}

html[data-zone="public"] .pub-strip-enter::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: linear-gradient(180deg,
    transparent              0%,
    rgba(214, 226, 240, 0.22) 18%,
    rgba(214, 226, 240, 0.40) 50%,
    rgba(214, 226, 240, 0.22) 82%,
    transparent              100%
  );
  pointer-events: none;
}

html[data-zone="public"] .pub-strip-enter:hover,
html[data-zone="public"] .pub-strip-enter:focus-visible {
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
  outline: none;
}

html[data-zone="public"] .pub-strip-enter-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(120, 180, 250, 0.95);
  box-shadow: 0 0 4px rgba(120, 180, 250, 0.55);
  transition: box-shadow 160ms ease;
}

html[data-zone="public"] .pub-strip-enter:hover .pub-strip-enter-dot,
html[data-zone="public"] .pub-strip-enter:focus-visible .pub-strip-enter-dot {
  box-shadow: 0 0 6px rgba(120, 180, 250, 0.7);
}

@media (max-width: 1100px) {
  html[data-zone="public"] .pub-strip-auth {
    display: none;
  }
  html[data-zone="public"] .pub-strip-nav {
    display: inline-flex;
    gap: 18px;
  }
  
  html[data-zone="public"] .pub-strip-nav-link {
    padding: 14px 6px;
    margin: -14px -6px;
  }
  
  html[data-zone="public"] .pub-strip-nav-link::after {
    bottom: 8px;
    left: 15px;
    right: 6px;
  }
  
  html[data-zone="public"] .lang-switch .pub-strip-lang-btn {

    padding: 17px 14px 17px 4px;
    margin: -13px -10px -13px 0;
  }
  
  html[data-zone="public"] .pub-strip-nav .pub-strip-menu {
    display: none;
  }
  
  html[data-zone="public"] .pub-strip-has-menu::after {
    display: none;
  }

  html[data-zone="public"] .pub-strip-nav .pub-strip-menu-toggle:not([hidden]) {
    display: inline-flex;
  }
  
  html[data-zone="public"] .pub-strip-nav .pub-strip-more {
    display: inline-flex;
  }
  html[data-zone="public"] .pub-strip.pub-strip-touchmenus .pub-strip-nav-link--cta {
    display: none;
  }
  html[data-zone="public"] .pub-strip-nav .pub-strip-has-menu.pub-strip-open .pub-strip-menu {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
    max-width: calc(100vw - 24px);   
  }
  
  html[data-zone="public"] .pub-strip-nav .pub-strip-has-menu.pub-strip-open .pub-strip-menu--right {
    transform: translate(0, 0);
  }
}

@media (hover: none) {
  html[data-zone="public"] .pub-strip-auth .pub-strip-menu-toggle:not([hidden]) {
    display: inline-flex;
  }
  html[data-zone="public"] .pub-strip-auth.pub-strip-open .pub-strip-menu--right {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0, 0);
  }
}

@media (max-width: 600px) {
  html[data-zone="public"] .pub-strip-nav {
    gap: 12px;
  }
  
  html[data-zone="public"] .pub-strip-nav-link,
  html[data-zone="public"] .pub-strip-more-toggle {
    font-size: 0.875rem;
    letter-spacing: 0.06em;
  }
  
  html[data-zone="public"] .pub-strip-nav-link::before { display: none; }
  
  html[data-zone="public"] .pub-strip-nav-link--home {
    display: none;
  }
}

@media (max-width: 520px) {
  html[data-zone="public"] .pub-strip-enter {
    padding: 7px 0 7px 12px;
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    gap: 7px;
  }
  html[data-zone="public"] .pub-strip-enter::before {
    height: 12px;
  }
  html[data-zone="public"] .pub-strip-enter-dot {
    width: 5px;
    height: 5px;
  }
}

html[data-zone="public"] .pub-services-hero {
  position: relative;

  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  padding-top: calc(var(--nyxnia-header-h) + 24px);  
  padding-bottom: 8px;
  padding-left: max(24px, calc(80px + var(--safe-left, 0px)));
  padding-right: max(24px, calc(80px + var(--safe-right, 0px)));
  
}

html[data-zone="public"] .pub-services-hero::before {
  content: "";
  position: absolute;
  
  top: 40px;
  left: 50%;
  width: clamp(420px, 48vw, 720px);
  height: 220px;
  transform: translateX(-50%);
  pointer-events: none;
  border-radius: 50%;
  border-top: 1px solid rgba(146, 178, 218, 0.18);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, transparent 62%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, transparent 62%);
}

html[data-zone="public"] .pub-services-h1 {
  margin: 0 0 12px;

  font-size: clamp(1.5rem, 3.2vw, 1.875rem);
  font-weight: 500;
  letter-spacing: -0.022em;
  line-height: 1.10;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.97);
}

html[data-zone="public"] .pub-services-lead {
  margin: 0;
  max-width: 520px;
  font-size: 0.875rem;
  line-height: 1.58;
  
  color: rgba(232, 240, 248, 0.78);
  letter-spacing: 0.01em;
}

@media (max-width: 760px) {
  
  html[data-zone="public"] .pub-services-hero {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 640px) {
  html[data-zone="public"] .pub-services-hero {
    
    padding-top: calc(var(--nyxnia-header-h) + 24px);
    padding-bottom: 4px;
  }

  html[data-zone="public"] .pub-services-hero::before {
    display: none;
  }

  html[data-zone="public"] .pub-services-h1 {
    font-size: 1.5rem;  
  }

  html[data-zone="public"] .pub-services-lead {
    font-size: 0.8125rem;
  }
}

html[data-zone="public"] .pub-services-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 32px;
  align-items: center;
}
html[data-zone="public"] .pub-services-hero > .pub-services-h1,
html[data-zone="public"] .pub-services-hero > .pub-services-lead { grid-column: 1; }

html[data-zone="public"] .pub-services-hero > .gw-section-label { grid-column: 1 / -1; }
html[data-zone="public"] .nyxnia-svc-hero-icon {
  grid-column: 2;
  
  grid-row: 2;
  position: relative;
  width: 264px;
  justify-self: end;
  --frag-icon-w: 132px;   
}
html[data-zone="public"] .nyxnia-svc-hero-icon .nyxnia-fragment-ico { margin: 0; }
html[data-zone="public"] .nyxnia-svc-hero-icon .nyxnia-holo {
  position: absolute; left: 50%; top: 50%;
  width: var(--frag-icon-w, 132px); height: var(--frag-icon-w, 132px);
  transform: translate(-50%, -50%) translateY(-12px);
  overflow: visible; z-index: 3; pointer-events: none;
  shape-rendering: geometricPrecision;
  
}
@media (max-width: 760px) {
  html[data-zone="public"] .pub-services-hero { grid-template-columns: 1fr; }
  html[data-zone="public"] .nyxnia-svc-hero-icon {
    grid-column: 1; grid-row: auto; justify-self: center; margin-top: 4px;
  }
}

@media (max-width: 600px) {
  html[data-zone="public"] .pub-services-h1 { font-size: 1.625rem; }     
  html[data-zone="public"] .pub-services-lead { font-size: 0.9375rem; }  
}

@media (max-width: 760px) {
  html[data-zone="public"] .pub-services-lead {
    text-align: center;
    margin-inline: auto;
    text-wrap: pretty;
  }
}

html[data-zone="public"] .gw-services-group--advisory {
  margin-top: 56px;
  padding-top: 40px;
  
}

html[data-zone="public"] .gw-services-group-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin: 0 0 20px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(var(--nyxnia-content-rgb), 0.78);
  white-space: nowrap;
}
html[data-zone="public"] .gw-services-group-label::before,
html[data-zone="public"] .gw-services-group-label::after {
  content: "";
  flex: 0 1 64px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(204, 227, 244, 0.42), transparent); 
}

html[data-zone="public"] .gw-services-group .nyxnia-capability-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: calc((100% - 2 * var(--frag-grid-gap)) / 3 * 2 + var(--frag-grid-gap));
}
@media (max-width: 960px) {
  html[data-zone="public"] .gw-services-group .nyxnia-capability-grid { max-width: none; }
}

@media (max-width: 600px) {
  
  html[data-zone="public"] .gw-services-group .nyxnia-capability-grid { grid-template-columns: minmax(0, 1fr); }
}

html[data-zone="public"][data-pub-page="service"] .gw-section h2 {
  font-size: clamp(1.125rem, 2.2vw, 1.5rem);
}

html[data-zone="public"] .gw-services-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 40px;
}

@media (max-width: 640px) {
  html[data-zone="public"] .gw-services-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

html[data-zone="public"] .gw-service-archetype {
  margin: 0 0 6px;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(177, 184, 192, 0.58);
}

html[data-zone="public"] .gw-service-name {
  margin: 0 0 10px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.98);
}

html[data-zone="public"] .gw-service-description {
  margin: 0 0 16px;
  font-size: 0.8125rem;
  line-height: 1.62;
  color: rgba(var(--nyxnia-content-rgb), 0.70);
}

html[data-zone="public"] .gw-service-actions {
  display: flex;
  align-items: baseline;
  gap: 24px;
  flex-wrap: wrap;
}

html[data-zone="public"] .gw-service-actions .gateway-cta {
  font-size: 0.8125rem;
}

html[data-zone="public"] .gw-service-cta-actions {
  display: inline-flex;
  align-items: baseline;
  gap: 32px;
  margin-top: 32px;
  flex-wrap: wrap;
}

@media (max-width: 640px) {
  html[data-zone="public"] .gw-service-cta-actions {
    gap: 20px;
  }
}

@media (max-width: 600px) {
  
  html[data-zone="public"] .gw-services-group-label { font-size: 0.75rem; }
}

html[data-zone="public"] #works .gw-section-lead {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 0.8125rem;
  text-align: center;
}

html[data-zone="public"] #pricing .gw-section-lead {
  margin-inline: auto;
  max-width: 640px;
}

html[data-zone="public"] .nyxnia-intake-form {
  max-width: 540px;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

html[data-zone="public"] .nyxnia-service-select-optional { color: rgba(175, 181, 188, 0.68); text-transform: none; letter-spacing: 0; }
html[data-zone="public"] .nyxnia-service-select {
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 0.8125rem;
  color: rgba(var(--nyxnia-content-rgb), 0.92);
  padding: 10px 38px 10px 14px; 
  border: 1px solid rgba(130, 180, 240, 0.20);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(200, 230, 255, 0.08);
  background-color: rgba(3, 5, 10, 0.30); 
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237fb0e6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  outline: none;
}
html[data-zone="public"] .nyxnia-service-select option { background: #08101a;  color: rgba(var(--nyxnia-content-rgb), 0.92); }

html[data-zone="public"] .nyxnia-availability-note {
  margin: 4px 0 0;
  padding: 9px 13px;
  font-size: 0.8125rem;
  line-height: 1.55;
  letter-spacing: 0.01em;
  color: rgba(var(--nyxnia-content-rgb), 0.82);
  background: rgba(108, 184, 252, 0.055);
  border: 1px solid rgba(120, 180, 250, 0.20);
  
  clip-path: polygon(9px 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%, 0 9px);
}
html[data-zone="public"] .nyxnia-availability-note[hidden] { display: none; }
html[data-zone="public"] .nyxnia-availability-note--global { margin: 0 0 14px; }

html[data-zone="public"] .nyxnia-intake-row {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

html[data-zone="public"] .nyxnia-intake-row label {
  font-size: 0.8125rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  
  color: rgba(206, 211, 218, 0.78); 
}

html[data-zone="public"] #nyxnia-contact-form {
  position: relative;
  border: 1px solid var(--nyxnia-mat-frame);
  clip-path: polygon(15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px);
  background: none;
  padding: 26px 26px 22px;
  max-width: 620px;
}

html[data-zone="public"] .nyxnia-intake-row input,
html[data-zone="public"] .nyxnia-intake-row select,
html[data-zone="public"] .nyxnia-intake-row textarea {
  
  background-color: rgba(3, 5, 10, 0.30); 
  border: 1.2px solid rgba(154, 200, 248, 0.28); 
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(200, 230, 255, 0.08);
  color: rgba(var(--nyxnia-content-rgb), 0.92);
  font-size: 0.8125rem;
  padding: 10px 14px;
  outline: none;
  font-family: inherit;
  width: 100%;
  box-sizing: border-box;
  resize: vertical;
}

html[data-zone="public"] .nyxnia-intake-row input:focus,
html[data-zone="public"] .nyxnia-intake-row textarea:focus,
html[data-zone="public"] .nyxnia-intake-row select:focus {
  
  border-color: rgba(186, 222, 252, 0.62); 
  background: rgba(3, 5, 10, 0.40); 
  box-shadow: inset 0 1px 0 rgba(214, 236, 255, 0.14);
}

html[data-zone="public"] .nyxnia-intake-row input:-webkit-autofill,
html[data-zone="public"] .nyxnia-intake-row input:-webkit-autofill:hover,
html[data-zone="public"] .nyxnia-intake-row input:-webkit-autofill:focus,
html[data-zone="public"] .nyxnia-intake-row textarea:-webkit-autofill,
html[data-zone="public"] .nyxnia-field-frame input:-webkit-autofill,
html[data-zone="public"] .nyxnia-field-frame input:-webkit-autofill:hover,
html[data-zone="public"] .nyxnia-field-frame input:-webkit-autofill:focus,
html[data-zone="public"] .nyxnia-field-frame textarea:-webkit-autofill {
  -webkit-text-fill-color: rgba(var(--nyxnia-content-rgb), 0.92);
  caret-color: rgba(var(--nyxnia-content-rgb), 0.92);
  -webkit-box-shadow: inset 0 0 0 1000px #060a13;
  box-shadow: inset 0 0 0 1000px #060a13;
  border-color: rgba(130, 180, 240, 0.34);
}
html[data-zone="public"] .nyxnia-intake-row input:autofill,
html[data-zone="public"] .nyxnia-intake-row textarea:autofill,
html[data-zone="public"] .nyxnia-field-frame input:autofill,
html[data-zone="public"] .nyxnia-field-frame textarea:autofill {
  box-shadow: inset 0 0 0 1000px #060a13;
  border-color: rgba(130, 180, 240, 0.34);
}

html[data-zone="public"] .nyxnia-intake-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 4px;
  align-items: center;
}

html[data-zone="public"] .nyxnia-intake-status {
  margin-top: 10px;
  font-size: 0.8125rem;
  line-height: 1.5;
  display: none;
}

html[data-zone="public"] .nyxnia-field-frame {
  position: relative;
  display: block;
}
html[data-zone="public"] .nyxnia-field-frame input,
html[data-zone="public"] .nyxnia-field-frame textarea {
  display: block;
}
html[data-zone="public"] .nyxnia-field-frame.nyxnia-framed input,
html[data-zone="public"] .nyxnia-field-frame.nyxnia-framed textarea,
html[data-zone="public"] .nyxnia-field-frame.nyxnia-framed select {
  --field-chamfer: 9px;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;                 
  clip-path: polygon(
    var(--field-chamfer) 0, calc(100% - var(--field-chamfer)) 0, 100% var(--field-chamfer),
    100% calc(100% - var(--field-chamfer)), calc(100% - var(--field-chamfer)) 100%,
    var(--field-chamfer) 100%, 0 calc(100% - var(--field-chamfer)), 0 var(--field-chamfer)
  );
}

html[data-zone="public"] .nyxnia-field-frame .nyxnia-fragment-frame {
  
  filter: drop-shadow(0 0 4px rgba(214, 226, 240, 0.08));
}
html[data-zone="public"] .nyxnia-field-frame .nyxnia-ff-edge { stroke: rgba(214, 226, 240, 0.20); }  

html[data-zone="public"] .nyxnia-field-frame:focus-within .nyxnia-ff-edge { stroke: rgba(150, 196, 255, 0.60); }
html[data-zone="public"] .nyxnia-field-frame:focus-within .nyxnia-fragment-frame {
  filter: drop-shadow(0 0 12px rgba(108, 184, 252, 0.22));
}
html[data-zone="public"] .nyxnia-field-frame.nyxnia-framed input:focus,
html[data-zone="public"] .nyxnia-field-frame.nyxnia-framed textarea:focus {
  background: rgba(3, 5, 10, 0.46); 
}

html[data-zone="public"] .nyxnia-form-assurance {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
html[data-zone="public"] .nyxnia-form-assurance p {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: rgba(201, 208, 216, 0.6);
}
html[data-zone="public"] .nyxnia-form-assurance-secure {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(218, 224, 231, 0.68);   
}
html[data-zone="public"] .nyxnia-form-assurance-dot {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 42%,
    rgba(232, 246, 255, 1) 0%, rgba(150, 200, 255, 1) 55%, rgba(96, 160, 240, 0.92) 100%);
  box-shadow: 0 0 6px rgba(110, 178, 255, 0.55);
}
html[data-zone="public"] .nyxnia-form-assurance a {
  color: rgba(187, 193, 199, 0.82);
  
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  border-bottom: 1px solid rgba(140, 190, 250, 0.26);
  white-space: nowrap;
}
html[data-zone="public"] .nyxnia-form-assurance a:hover { color: rgb(211, 216, 222); }

html[data-zone="public"] .nyxnia-order-scope {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
html[data-zone="public"] .nyxnia-order-scope li {
  position: relative;                 
  font-size: 0.8125rem;
  letter-spacing: 0.01em;
  color: rgba(224, 229, 236, 0.82);
  padding: 6px 13px;
  border: 1px solid rgba(130, 180, 240, 0.18);
  border-radius: 999px;               
  background: rgba(3, 5, 10, 0.34); 
}

html[data-zone="public"] .nyxnia-order-scope li.nyxnia-framed {
  --pill-chamfer: 8px;
  border-color: transparent;
  border-radius: 0;
  clip-path: polygon(
    var(--pill-chamfer) 0, calc(100% - var(--pill-chamfer)) 0, 100% var(--pill-chamfer),
    100% calc(100% - var(--pill-chamfer)), calc(100% - var(--pill-chamfer)) 100%,
    var(--pill-chamfer) 100%, 0 calc(100% - var(--pill-chamfer)), 0 var(--pill-chamfer)
  );
}
html[data-zone="public"] .nyxnia-order-scope li .nyxnia-fragment-frame {
  
  filter: drop-shadow(0 0 3px rgba(214, 226, 240, 0.06));
}
html[data-zone="public"] .nyxnia-order-scope li .nyxnia-ff-edge { stroke: rgba(200, 222, 255, 0.20); }

@media (max-width: 600px) {
  html[data-zone="public"] .nyxnia-intake-row input,
  html[data-zone="public"] .nyxnia-intake-row select {
    min-height: 44px;
  }
}

html[data-zone="public"] .gw-why-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  max-width: 900px;
}

@media (min-width: 961px) {
  html[data-zone="public"] .gw-why-grid:has(> :nth-child(3):last-child) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

html[data-zone="public"] .gw-why-card {
  position: relative;
  padding: 22px 20px 18px;
  border-radius: 12px;
  border: 1px solid transparent;
}

html[data-zone="public"][data-pub-page="home"] .gw-why-card::before {   
  content: "";
  position: absolute;
  top: 0;
  left: 14px;
  right: 14px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(206, 226, 255, 0.30) 50%, transparent 100%);
  opacity: 0.7;
  transition: opacity 220ms ease;
  pointer-events: none;
}
html[data-zone="public"][data-pub-page="home"] .gw-why-card:hover::before {
  opacity: 1;                                      
}

html[data-zone="public"]:not([data-pub-page="home"]) .gw-why-card {
  border: 0;
  border-radius: 0;                
}
html[data-zone="public"]:not([data-pub-page="home"]) .gw-why-card::before {   
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  
  background: none;
  clip-path: polygon(
    15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px),
    calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px
  );
  border: 1px solid var(--nyxnia-mat-ff-edge);
  transition: border-color 200ms ease;
}

html[data-zone="public"]:not([data-pub-page="home"]) .gw-why-card:not(.nyxnia-framed):hover::before { border-color: var(--nyxnia-mat-ff-edge-lit); }

html[data-zone="public"] .gw-why-card h3 {
  margin: 0 0 8px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.96);
}
html[data-zone="public"] .gw-why-card p {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.65;
  color: rgba(var(--nyxnia-content-rgb), 0.74);
}

html[data-zone="public"]:not([data-pub-page="home"]) .gw-why-card h3,
html[data-zone="public"]:not([data-pub-page="home"]) .gw-why-card p {
  position: relative;
  z-index: 1;
}

html[data-zone="public"][data-pub-page="service"] .gw-why-grid { margin-top: 20px; }
html[data-zone="public"][data-pub-page="service"] .gateway-public-ctas { margin-top: 22px; }

html[data-zone="public"][data-pub-page="service"] .gw-why-cap-tag {
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  
  color: var(--nyxnia-mat-proj-soft, rgba(108, 184, 252, 0.55));
  margin-left: 6px;
}

@media (prefers-reduced-motion: reduce) {
  html[data-zone="public"][data-pub-page="service"] .gw-why-card::before,
  html[data-zone="public"][data-pub-page="service"] .gw-why-card::after {
    transition: none;
  }
}
@media (max-width: 640px) {
  html[data-zone="public"] .gw-why-grid {
    grid-template-columns: 1fr;
  }
  
  html[data-zone="public"]:not([data-pub-page="home"]) .gw-why-card::before,
  html[data-zone="public"]:not([data-pub-page="home"]) .gw-why-card::after {
    clip-path: polygon(
      10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px),
      calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px
    );
  }
}

@media (pointer: coarse) {
  html[data-zone="public"] .nyxnia-intake-row input,
  html[data-zone="public"] .nyxnia-intake-row select,
  html[data-zone="public"] .nyxnia-intake-row textarea,
  html[data-zone="public"] .nyxnia-service-select {
    font-size: 1rem;
  }
}

@media (max-width: 600px) {
  
  html[data-zone="public"][data-pub-page="service"] .gw-why-cap-tag { font-size: 0.75rem; }  
}

@media (max-width: 600px) {
  
  html[data-zone="public"] .gw-why-card p { font-size: 0.875rem; }
}

html[data-zone="public"] .nyxnia-contact-layout {
  display: flex;
  align-items: flex-start;
  gap: 64px;
}

html[data-zone="public"] .nyxnia-contact-layout .nyxnia-intake-form {
  flex: 0 1 540px;
}

html[data-zone="public"] .nyxnia-contact-rail {
  flex: 1 1 260px;
  max-width: 380px;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

html[data-zone="public"] .nyxnia-contact-rail-label {
  margin: 0 0 6px;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  
  color: rgba(179, 185, 192, 0.66);
}

html[data-zone="public"] .nyxnia-contact-rail-body {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.65;
  
  color: rgba(232, 240, 248, 0.62);
}

html[data-zone="public"] .nyxnia-contact-rail-link {
  display: inline-block;
  margin-top: 6px;
  font-size: 0.8125rem;
  
  color: rgba(232, 240, 248, 0.88);
  text-decoration: none;
  border-bottom: 1px solid rgba(160, 205, 255, 0.28);
  padding-bottom: 1px;
}

html[data-zone="public"] .nyxnia-contact-rail-link:hover {
  color: rgba(232, 240, 248, 1);
  border-bottom-color: rgba(210, 235, 255, 0.6);
}

html[data-zone="public"][data-pub-page="contact"] .nyxnia-form-assurance-next {
  display: none;
}

html[data-zone="public"] .nyxnia-service-select-support {
  margin: 8px 0 0;
  font-size: 0.8125rem;
  line-height: 1.55;

  color: rgba(232, 240, 248, 0.64);
}

html[data-zone="public"] .nyxnia-service-select-support a {
  
  color: rgba(232, 240, 248, 0.8);
  
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  border-bottom: 1px solid rgba(160, 205, 255, 0.24);
  padding-bottom: 1px;
}

html[data-zone="public"] .nyxnia-service-select-support a:hover {
  color: rgba(232, 240, 248, 1);
  border-bottom-color: rgba(210, 235, 255, 0.55);
}

html[data-zone="public"] .nyxnia-intake-row select.nyxnia-service-select {
  padding-right: 38px;
}

@media (max-width: 960px) {
  html[data-zone="public"] .nyxnia-contact-layout {
    flex-direction: column;
    gap: 40px;
  }
  html[data-zone="public"] .nyxnia-contact-rail {
    max-width: 540px;
    margin-top: 0;
  }
}

@media (max-width: 1100px) {
  
  html[data-zone="public"] .nyxnia-contact-rail-link {
    padding: 13px 0;
    margin: -13px 0;
  }
}

@media (max-width: 600px) {
  
  html[data-zone="public"] .nyxnia-contact-rail-label { font-size: 0.75rem; }
  html[data-zone="public"] .nyxnia-contact-rail-body { font-size: 0.875rem; }
}

html[data-zone="public"] .nyxnia-faq {
  margin-top: 72px;
  text-align: center;    max-width: 760px; margin-inline: auto; }

html[data-zone="public"] .nyxnia-faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;                   
  margin-top: 24px;            
}

html[data-zone="public"] .nyxnia-faq-item {
  position: relative;
  padding: 20px 22px;
}

html[data-zone="public"] .nyxnia-faq-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  
  background: none;
  clip-path: polygon(
    15px 0, calc(100% - 15px) 0, 100% 15px, 100% calc(100% - 15px),
    calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 15px), 0 15px
  );
  border: 1px solid var(--nyxnia-mat-ff-edge);
  transition: border-color 200ms ease;
}

html[data-zone="public"] .nyxnia-faq-item:not(.nyxnia-framed):hover::before { border-color: var(--nyxnia-mat-ff-edge-cardhover); }

html[data-zone="public"] .nyxnia-faq-item.nyxnia-framed::before { border-color: transparent; }

html[data-zone="public"] .nyxnia-faq-item:hover .nyxnia-ff-edge { stroke: var(--nyxnia-mat-ff-edge-cardhover); }

html[data-zone="public"] .nyxnia-faq-fold {
  position: relative;
  z-index: 1;
}

html[data-zone="public"] .nyxnia-faq-summary {
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  list-style: none;                     
  -webkit-tap-highlight-color: transparent;
}
html[data-zone="public"] .nyxnia-faq-summary::-webkit-details-marker { display: none; }  
html[data-zone="public"] .nyxnia-faq-summary:focus-visible {
  outline: 2px solid rgba(120, 188, 255, 0.7);
  outline-offset: 4px; 
}
html[data-zone="public"] .nyxnia-faq-q {
  margin: 0;
  flex: 1 1 auto;                       
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.96);    
}

html[data-zone="public"] .nyxnia-faq-chevron {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: rgba(160, 200, 240, 0.7);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 220ms ease, stroke 200ms ease;
}
html[data-zone="public"] .nyxnia-faq-fold[open] .nyxnia-faq-chevron { transform: rotate(180deg); }
html[data-zone="public"] .nyxnia-faq-summary:hover .nyxnia-faq-chevron { stroke: rgba(190, 222, 255, 0.95); }
html[data-zone="public"] .nyxnia-faq-a {
  margin: 12px 0 0;                     
  font-size: 0.8125rem;
  line-height: 1.65;
  color: rgba(var(--nyxnia-content-rgb), 0.74);    
  
  max-width: 520px;
}
html[data-zone="public"] .nyxnia-faq-a a {
  
  color: rgba(232, 240, 248, 0.9);
  
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: color 160ms ease;
}
html[data-zone="public"] .nyxnia-faq-a a:hover,
html[data-zone="public"] .nyxnia-faq-a a:focus-visible {
  
  color: rgb(232, 240, 248);
}

@media (prefers-reduced-motion: reduce) {
  html[data-zone="public"] .nyxnia-faq-item::before,
  html[data-zone="public"] .nyxnia-faq-item::after,
  html[data-zone="public"] .nyxnia-faq-chevron {
    transition: none;
  }
}

@media (max-width: 1100px) {
  
  html[data-zone="public"] .nyxnia-faq-summary {
    padding: 20px 22px;
    margin: -20px -22px;
  }
}

@media (max-width: 600px) {
  
  html[data-zone="public"] .nyxnia-faq-a { font-size: 0.875rem; }
}

html[data-zone="public"] .legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
}

html[data-zone="public"] .legal-nav a {
  display: inline-flex;
  align-items: center;
  min-block-size: 24px;
}

html[data-public-standalone="1"] .prerender-shell nav.legal-nav a:not(.nyxnia-footer *) {
  padding-block: 4.5px;
  margin-block: 0;
  min-block-size: 24px;
}

@media (max-width: 600px) {
  
  html[data-public-standalone="1"] .prerender-shell nav.legal-nav {
    gap: 8px 18px;
    margin-block-start: 14px;
  }
  html[data-public-standalone="1"] .prerender-shell nav.legal-nav a:not(.nyxnia-footer *) {
    min-block-size: 40px;
    padding-block: 0;
  }
}

html[data-zone="public"] .stage {
  position: relative;
  top: 0; left: 0; right: auto; bottom: auto;
  width: 100%; height: auto;
  
  min-height: 100vh; min-height: 100dvh;
  
  overflow: visible; display: flex; flex-direction: column;
  
  align-items: stretch;
  
}

html[data-zone="public"] .gateway-public-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

html[data-zone="public"] .gateway-public-ctas--center {
  justify-content: center;
}

html[data-zone="public"] .gateway-cta {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  text-decoration: none;
  border: 1px solid rgba(108, 184, 252, 0.28);
  color: rgba(228, 233, 239, 0.92);
  background: rgba(108, 184, 252, 0.07);
  box-shadow:
    inset 0 1px 0 rgba(160, 210, 255, 0.08),
    0 4px 18px rgba(0, 0, 17, 0.32);
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

@media (max-width: 960px) {

}

@media (max-width: 760px) {

  html[data-zone="public"] .gateway-public-ctas {
    gap: 8px;
  }

}

@media (max-width: 600px) {
  
}

html[data-zone="public"] .pub-entry-field {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  
  min-height: clamp(500px, 58vh, 640px);
  min-height: clamp(500px, 58dvh, 640px);   
  
  padding:
    calc(var(--safe-top, 0px) + 52px)
    max(24px, calc(80px + var(--safe-left)))
    34px;
  
  overflow: visible;
  
  background: none;
}

html[data-zone="public"] .pub-entry-h1 {
  
  margin: 0;
  max-width: 720px;

  font-size: clamp(1.375rem, 2.5vw, 2rem);
  line-height: 1.14;
  letter-spacing: -0.018em;
  font-weight: 400;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
}

html[data-zone="public"] .pub-entry-field > .pub-entry-h1 {
  order: -2;
  max-width: 900px;
  text-wrap: balance;
  
  margin-top: clamp(14px, 2vh, 30px);
  
  text-shadow:
    0 0 1px rgba(219, 238, 255, 0.55), 
    0 0 16px rgba(170, 205, 255, 0.20),
    0 7px 28px rgba(90, 150, 235, 0.10);
  transform: perspective(1100px) rotateX(5deg);
}

@media (min-width: 961px) {
  html[data-zone="public"] .pub-entry-field {
    --nyxnia-h1-split: clamp(12px, 2vh, 22px);   
  }
  html[data-zone="public"] .pub-entry-field > .pub-entry-h1 {
    line-height: calc(1.14em + var(--nyxnia-h1-split));
    margin-top: calc(clamp(14px, 2vh, 30px) - 1.5 * var(--nyxnia-h1-split));
  }
}

html[data-zone="public"] .pub-entry-lead {
  margin: 18px 0 0;
  max-width: 420px;
  font-size: 0.8438rem;
  line-height: 1.6;
  
  color: rgba(232, 240, 248, 0.72);
  letter-spacing: 0.005em;
  font-weight: 400;
}

@media (max-width: 600px) {
  html[data-zone="public"] .pub-entry-lead {
    font-size: 0.8125rem;
  }
}

html[data-zone="public"] .pub-entry-ctas {
  align-items: baseline;
  flex-wrap: wrap;
}

@media (max-width: 600px) {
  html[data-zone="public"] body:has(> .nyxnia-consent) .pub-entry-field {
    padding-top: calc(var(--safe-top, 0px) + 52px);
  }
}

@media (max-width: 960px) {
  html[data-zone="public"] .pub-entry-field {

    min-height: clamp(430px, 54vh, 560px);
    min-height: clamp(430px, 54dvh, 560px);   
    padding:
      calc(var(--safe-top, 0px) + 64px)
      max(18px, env(safe-area-inset-left, 18px))
      20px;   
  }

  html[data-zone="public"] .pub-entry-visual {
    
    position: relative;
    transform: none;
    left: auto;
    top: auto;
    width: 100%;
    max-width: 480px;
    height: auto;
    margin: 32px auto 0;
    display: grid;
    place-items: center;
  }
}

@media (min-width: 961px) {
  
  html[data-zone="public"] .pub-entry-readout {
    margin-top: 0;   
  }
}

@media (max-width: 600px) {
  html[data-zone="public"] .pub-entry-field {
    
    min-height: 47vh;
    min-height: 47dvh;   
    
    width: 100%;
    min-width: 0;

    padding:
      calc(var(--safe-top, 0px) + 64px)
      18px
      16px;
  }
  html[data-zone="public"] .pub-entry-h1 {

    font-size: clamp(1.03125rem, 5.2vw, 1.28125rem);
    line-height: 1.34;
  }
}

html[data-zone="public"] .pub-entry-field {
  isolation: isolate;
}

html[data-zone="public"] .pub-entry-field::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    
    repeating-linear-gradient(
      152deg,
      transparent 0 92px,
      rgba(150, 158, 170, 0.012) 92px 93px,
      transparent 93px 184px
    ),
    
    repeating-linear-gradient(
      28deg,
      transparent 0 142px,
      rgba(140, 148, 160, 0.009) 142px 143px,
      transparent 143px 286px
    ),
    
    radial-gradient(260px 360px at 50% 72%, rgba(120, 128, 142, 0.05), transparent 72%),
    radial-gradient(60vw 70vh at 50% 50%, rgba(16, 16, 17, 0.18), transparent 78%);
  mask-image: radial-gradient(ellipse 92% 96% at 50% 52%, black 55%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 92% 96% at 50% 52%, black 55%, transparent 100%);
}

html[data-zone="public"] .pub-entry-divider {
  display: block;
  width: 110px;
  height: 1px;
  margin: 16px auto 0;   
  background: linear-gradient(90deg,
    transparent 0%,
    var(--nyxnia-mat-hair-strong) 50%,
    transparent 100%);
}

@media (max-width: 960px) {
  html[data-zone="public"] .pub-entry-divider {
    width: 72px;
    margin-top: 10px;
  }
}

html[data-zone="public"] .pub-entry-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 16px;   
}

@media (max-width: 960px) {
  html[data-zone="public"] .pub-entry-field .pub-entry-ctas { justify-content: center; }
}
@media (max-width: 600px) {
  html[data-zone="public"] .pub-entry-field .pub-entry-ctas {
    flex-wrap: nowrap;
    align-self: stretch;
    align-items: stretch;   

    gap: 22px;
    margin-inline: 26px;
  }
  html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta {
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    
    letter-spacing: 0.18em;
  }
  
  html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta::after {
    content: none;
  }
}

html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta {
  font-size: 0.8125rem;
  letter-spacing: 0.3em;
  padding: 12px 20px;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.96);

  background: transparent !important;
  clip-path: polygon(
    7px 0, calc(100% - 7px) 0, 100% 7px,
    100% calc(100% - 7px), calc(100% - 7px) 100%,
    7px 100%, 0 calc(100% - 7px), 0 7px
  );
}

@media (max-width: 760px) {
  html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta {
    min-height: 38px;
    padding: 11.5px 20px;
  }
}

html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta:hover,
html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta:focus-visible {
  background: rgba(3, 5, 10, 0.62) !important;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1);
}
html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta:hover .nyxnia-fragment-frame,
html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta:focus-visible .nyxnia-fragment-frame {
  filter:
    drop-shadow(0 3px 8px rgba(2, 6, 14, 0.5))
    drop-shadow(0 0 6px rgba(216, 234, 255, 0.16));
}

html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta .nyxnia-fragment-frame {
  filter: drop-shadow(0 0 4px rgba(214, 226, 240, 0.10));
}

html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta .nyxnia-ff-edge {
  stroke: var(--nyxnia-mat-cta-frame-edge);
}
html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta:hover .nyxnia-ff-edge,
html[data-zone="public"] .pub-entry-field .pub-entry-ctas .gateway-cta:focus-visible .nyxnia-ff-edge {
  stroke: var(--nyxnia-mat-ff-edge-lit);   
}

@media (max-width: 760px) {
  html[data-zone="public"] .pub-entry-field { padding-bottom: 20px; }
}

html[data-zone="public"] .pub-entry-field .pub-entry-visual {
  order: -1;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  transform: none;
  
  width: min(clamp(220px, 40vh, 420px), 68vw);
  height: min(clamp(220px, 40vh, 420px), 68vw);
  max-width: 68vw;
  margin: clamp(16px, 2.2vh, 28px) auto clamp(14px, 2vh, 26px);
  z-index: 0;
  
  pointer-events: auto;
  overflow: visible;
}

html[data-zone="public"] .pub-entry-field .pub-entry-visual > .nyxnia-orb-light {
  width: 100%;
  height: 100%;
  max-width: none;
  top: 50%;
}

html[data-zone="public"] .nyxnia-entangle {

  width: 54.9%;   
  height: 90.4%;
  top: 50%;
  
  -webkit-mask: radial-gradient(ellipse 51% 47% at 50% 50%, #000 62%, transparent 100%);
          mask: radial-gradient(ellipse 51% 47% at 50% 50%, #000 62%, transparent 100%);
}

@media (min-width: 961px) {
  html[data-zone="public"] .pub-entry-field {

    min-height: clamp(520px, 74vh, 700px);
    min-height: clamp(520px, 74dvh, 700px);   
    justify-content: center;

    padding-top: calc(var(--safe-top, 0px) + 64px + 4vh);
    padding-bottom: 12px;   
  }
  
  html[data-zone="public"] .pub-entry-field .pub-entry-visual {
    order: -1;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;

    width: min(clamp(340px, 52vh, 560px), 40vw);
    height: min(clamp(340px, 52vh, 560px), 40vw);
    max-width: 40vw;

    margin: calc(clamp(8px, 1vh, 16px) - 0.5 * var(--nyxnia-h1-split, 0px)) auto clamp(0px, 0.3vh, 5px);
  }
  
  html[data-zone="public"] .nyxnia-entangle {

    width: 54.9%;   
    height: 90.4%;
    top: 50%;
    
    -webkit-mask: radial-gradient(ellipse 51% 47% at 50% 50%, #000 62%, transparent 100%);
            mask: radial-gradient(ellipse 51% 47% at 50% 50%, #000 62%, transparent 100%);
  }
}

@media (max-width: 700px) {
  html[data-zone="public"] .pub-entry-field .pub-entry-visual {

    width: min(clamp(272px, 42vh, 348px), 86vw);
    height: min(clamp(272px, 42vh, 348px), 86vw);
    
    max-width: 86vw;

    margin-top: 12px;
    margin-bottom: 10px;
    
    margin-inline: 0;
    align-self: center;
  }
  
  html[data-zone="public"] .pub-entry-field .pub-entry-visual {
    filter: brightness(1.2);
  }
}

@media (max-width: 760px) {
  html[data-zone="public"] .pub-entry-field .nyxnia-entangle {
    transform: translate(-50%, -50%) scale(1.24);
  }
}

html[data-zone="public"] .pub-entry-field .nyxnia-orb-light {

  opacity: calc(1 - var(--nyxnia-sig, 0));
  position: absolute;
  left: 50%;
  
  top: 50%;
  transform: translate(-50%, -50%);
  
  width: min(clamp(440px, 58vh, 620px), 90vw);
  height: min(clamp(440px, 58vh, 620px), 90vw);
  max-width: 96vw;
  border-radius: 50%;
  pointer-events: none;

  background: none;
}

html[data-zone="public"] .pub-entry-field .nyxnia-orb-light::before {
  content: "";
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  
  border: 1px solid rgba(210, 228, 252, 0.27);   

  border-color: rgba(210, 228, 252, calc(0.27 + var(--nyxnia-ent-glow, 0) * 0.10));
  
  box-shadow: inset 0 0 10px rgba(206, 224, 250, 0.06);

  -webkit-mask:
    radial-gradient(24% 24% at 15% 15%, transparent 0, transparent 44%, #000 100%),
    radial-gradient(24% 24% at 85% 85%, transparent 0, transparent 44%, #000 100%),
    linear-gradient(to top right, #000 26%, rgba(0, 0, 0, 0.42) 54%, transparent 84%);
          mask:
    radial-gradient(24% 24% at 15% 15%, transparent 0, transparent 44%, #000 100%),
    radial-gradient(24% 24% at 85% 85%, transparent 0, transparent 44%, #000 100%),
    linear-gradient(to top right, #000 26%, rgba(0, 0, 0, 0.42) 54%, transparent 84%);
  -webkit-mask-composite: source-in;
          mask-composite: intersect;
}

html[data-zone="public"] .pub-entry-field .nyxnia-orb-light::after {
  content: "";
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  
  border: 1.5px solid rgba(150, 200, 255, 0.215);   
  border-color: rgba(150, 200, 255, calc(0.215 + var(--nyxnia-ent-glow, 0) * 0.08));   
  
  -webkit-mask:
    linear-gradient(180deg, transparent 50%, #000 90%),
    linear-gradient(105deg, #000 38%, rgba(0, 0, 0, 0.35) 68%, transparent 92%);
          mask:
    linear-gradient(180deg, transparent 50%, #000 90%),
    linear-gradient(105deg, #000 38%, rgba(0, 0, 0, 0.35) 68%, transparent 92%);
  -webkit-mask-composite: source-in;
          mask-composite: intersect;
  box-shadow: 0 0 12px rgba(120, 180, 255, 0.05);   
}

@media (max-width: 600px) {
  html[data-zone="public"] body:has(> .nyxnia-consent) .pub-entry-field .pub-entry-visual {
    margin-top: 0;
    margin-bottom: 0;
  }
}

html[data-zone="public"] .pub-entry-field .nyxnia-orb-beam {
  
  display: none;
  position: absolute;
  left: 50%;
  
  top: 92.5%;
  transform: translateX(-50%);
  width: 1px;
  height: 180vh;   
  pointer-events: none;
  z-index: 0;
  
  background: linear-gradient(180deg,
    rgba(120, 175, 255, 0.5) 0%,
    rgba(120, 175, 255, 0.18) 2%,
    rgba(120, 175, 255, 0.12) 12%,
    rgba(120, 175, 255, 0.11) 38%,
    rgba(120, 175, 255, 0.07) 52%,
    rgba(120, 175, 255, 0.02) 62%,
    transparent 80%);
}

@media (prefers-reduced-motion: no-preference) {
  html[data-zone="public"] .pub-entry-field .nyxnia-orb-beam::after {
    
    content: none;
    position: absolute;
    left: 50%;
    top: 0;
    width: 3px;
    height: 76px;
    border-radius: 2px;
    transform: translate(-50%, 0);
    background: linear-gradient(180deg, transparent, rgba(150, 195, 255, 0.5), transparent);
    filter: blur(0.6px);
    pointer-events: none;
    animation: nyxnia-orb-drip 40s ease-in-out infinite;
  }
}

@keyframes nyxnia-orb-drip {
  0%   { opacity: 0;    transform: translate(-50%, 2vh); }
  2%   { opacity: 0.5;  transform: translate(-50%, 7vh); }   
  25%  { opacity: 0.4;  transform: translate(-50%, 78vh); }  
  30%  { opacity: 0;    transform: translate(-50%, 90vh); }  
  100% { opacity: 0;    transform: translate(-50%, 90vh); }  
}

html[data-zone="public"] .pub-entry-field .nyxnia-orb-vanish {
  
  display: none;
  position: absolute;
  left: 50%;
  top: 92.5%;   
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(220, 234, 255, 0.85) 0%, rgba(108, 184, 252, 0.5) 50%, transparent 75%);
  box-shadow: 0 0 8px rgba(108, 184, 252, 0.4), 0 0 18px rgba(108, 184, 252, 0.2);
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  html[data-zone="public"] .pub-entry-field .nyxnia-orb-vanish {
    
    animation: none;
  }
}
@keyframes nyxnia-orb-emit {
  0%   { box-shadow: 0 0 8px rgba(108, 184, 252, 0.4), 0 0 18px rgba(108, 184, 252, 0.2); }
  2%   { box-shadow: 0 0 13px rgba(120, 180, 255, 0.7), 0 0 28px rgba(108, 184, 252, 0.34); }
  11%  { box-shadow: 0 0 8px rgba(108, 184, 252, 0.4), 0 0 18px rgba(108, 184, 252, 0.2); }
  100% { box-shadow: 0 0 8px rgba(108, 184, 252, 0.4), 0 0 18px rgba(108, 184, 252, 0.2); }
}

html[data-zone="public"] .pub-entry-field .nyxnia-orb-floor {
  position: absolute;
  left: 50%;
  top: 64%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 92px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(90, 160, 245, 0.16) 0%, rgba(108, 184, 252, 0.06) 45%, transparent 75%);
}

html[data-zone="public"] .pub-entry-field > :not(.pub-entry-visual) {
  position: relative;
  z-index: 1;
}

@media (min-width: 961px) {
  html[data-zone="public"] .pub-entry-field .pub-entry-ctas {
    flex-wrap: nowrap;
    justify-content: center;
    gap: clamp(36px, 4vw, 64px);
    z-index: 2;
  }
}

html[data-zone="public"] .nyxnia-entangle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
html[data-zone="public"] .nyxnia-entangle-helix {
  width: 100%;
  height: 100%;
  display: block;
  
  overflow: visible;
}

html[data-zone="public"] .nyxnia-entangle-grid {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 680px;
  max-width: 96vw;
  height: 280px;
  
  opacity: 0.58;
  overflow: visible;   
}

@media (max-width: 700px) {
  
  html[data-zone="public"] .pub-entry-field .pub-entry-visual {
    opacity: 0.85;
  }
  html[data-zone="public"] .nyxnia-entangle-grid { width: 460px; }
}

html[data-zone="public"] .gw-sections > .nyxnia-spine {
  display: none;
}

html[data-zone="public"] .gw-sections > .nyxnia-spine::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 3px;
  height: 120px;
  border-radius: 2px;
  background: linear-gradient(180deg, transparent, rgba(120, 190, 255, 0.6), transparent);
  filter: blur(1px);
  opacity: 0; 
}

html[data-zone="public"] .pub-entry-field .nyxnia-orb-light .nyxnia-entangle-shell {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

html[data-zone="public"] .pub-entry-field .nyxnia-orb-light.nyxnia-live-shell::before,
html[data-zone="public"] .pub-entry-field .nyxnia-orb-light.nyxnia-live-shell::after {
  opacity: 0;
}

html[data-zone="public"] .pub-entry-field .nyxnia-orb-light::before,
html[data-zone="public"] .pub-entry-field .nyxnia-orb-light::after,
html[data-zone="public"] .pub-entry-field .nyxnia-orb-light .nyxnia-entangle-shell,
html[data-zone="public"] .pub-entry-visual .nyxnia-entangle-live > path:first-child {
  display: none;
}

html[data-zone="public"] .pub-entry-visual .nyxnia-entangle-live path[stroke-width="0.9"] {
  stroke-linecap: round;
}
html[data-zone="public"] .nyxnia-entangle-helix {
  opacity: 0.9;
}

html[data-zone="public"] .pub-entry-visual .nyxnia-entangle-live > :nth-last-child(-n+4) {
  filter: brightness(1.12) drop-shadow(0 0 6px rgba(140, 196, 255, 0.14));
}
@media (max-width: 760px) {
  html[data-zone="public"] .pub-entry-visual .nyxnia-entangle-live > :nth-last-child(-n+4) {
    filter: brightness(1.28) drop-shadow(0 0 5px rgba(140, 196, 255, 0.22));
  }
  
  html[data-zone="public"] .pub-entry-visual .nyxnia-entangle-live path[stroke-width="0.9"] {
    stroke-width: 1.05;
  }
}

html[data-zone="public"] .pub-entry-readout {
  --beat: 4s;                   
  position: relative;
  width: min(620px, 92vw);
  margin-left: auto;
  margin-right: auto;
  min-height: 1.7em;            
  font-size: clamp(0.8438rem, 1.5vw, 1.0625rem);  
  line-height: 1.4;
}

html[data-zone="public"] .pub-entry-beat {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  max-width: none;              
  font-size: inherit;          
  line-height: inherit;
  opacity: 0;
}

html[data-zone="public"] .pub-entry-readout .pub-entry-beat:only-child {
  position: static;
  transform: none;
  opacity: 1;
  animation: none;
}

html[data-zone="public"] p.pub-entry-beat {
  color: rgba(var(--nyxnia-content-rgb), 0.80);
  font-weight: 400;
  letter-spacing: 0.005em;
}

@media (prefers-reduced-motion: no-preference) {

  html[data-zone="public"] .pub-entry-readout {
    animation: pub-entry-readout-enter 1s cubic-bezier(0.22, 1, 0.36, 1) both;
  }
  html[data-zone="public"] .pub-entry-beat {
    animation: pub-entry-beat-cycle calc(var(--beat) * 3) ease-in-out infinite both;
  }
  html[data-zone="public"] .pub-entry-beat:nth-child(2) { animation-delay: var(--beat); }
  html[data-zone="public"] .pub-entry-beat:nth-child(3) { animation-delay: calc(var(--beat) * 2); }
}

@keyframes pub-entry-readout-enter {
  0%   { opacity: 0; transform: translateY(12px); filter: blur(8px); }
  100% { opacity: 1; transform: translateY(0);    filter: blur(0); }
}

@keyframes pub-entry-beat-cycle {
  0%     { opacity: 0; }
  6.7%   { opacity: 1; }   
  26.7%  { opacity: 1; }   
  33.33% { opacity: 0; }   
  100%   { opacity: 0; }   
}

@media (max-width: 600px) {
  html[data-zone="public"] .pub-entry-readout {
    
    min-height: 2.7em;

    font-size: 1rem;
    margin-top: -12px;
  }
  
  html[data-zone="public"] p.pub-entry-beat {
    color: rgba(var(--nyxnia-content-rgb), 0.88);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-zone="public"] .pub-entry-readout { min-height: 0; }
  html[data-zone="public"] .pub-entry-beat {
    position: static;
    opacity: 1;
    transform: none;
    animation: none;
    margin: 0.45em auto 0;
  }
  html[data-zone="public"] .pub-entry-beat:first-child { margin-top: 0; }
}

html[data-zone="public"] #capabilities .gw-section-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  margin: 0 auto 18px;
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(215, 220, 227, 0.78);
  font-weight: 600;
}

html[data-zone="public"] #capabilities .gw-section-label::before,
html[data-zone="public"] #capabilities .gw-section-label::after {
  content: "";
  flex: 0 0 64px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent,
    rgba(204, 227, 244, 0.42), 
    transparent);
}

html[data-zone="public"] .nyxnia-capability-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  --frag-grid-gap: clamp(18px, 2.5vw, 31px);
  gap: var(--frag-grid-gap);
  margin-top: 28px;
}

@media (max-width: 960px) {
  html[data-zone="public"] .nyxnia-capability-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    --frag-grid-gap: 18px;
    gap: var(--frag-grid-gap);
  }
}

@media (max-width: 600px) {
  html[data-zone="public"] .nyxnia-capability-grid {
    
    grid-template-columns: minmax(0, 1fr);
  }
  
  html[data-zone="public"] #capabilities .gw-section-label::before,
  html[data-zone="public"] #capabilities .gw-section-label::after {
    flex-basis: 36px;
  }
}

html[data-zone="public"] .nyxnia-section-meta {
  text-align: center;
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  
  font-size: 0.6875rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;

  color: rgba(221, 228, 235, 0.62);
  margin: 0 0 7px;
}
html[data-zone="public"] .gw-section-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;                  
  letter-spacing: 0.58em;     
  font-weight: 400;
  
  white-space: nowrap;
}
html[data-zone="public"] .gw-section-label::before,
html[data-zone="public"] .gw-section-label::after {
  content: "";
  
  flex: 0 1 110px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--nyxnia-mat-hair-mid) 45%, var(--nyxnia-mat-hair-strong) 100%);
}

html[data-zone="public"] #trust .gw-section-lead {
  text-align: center;
  margin-inline: auto;
}
html[data-zone="public"] .gw-section-label::after {
  background: linear-gradient(270deg, transparent, var(--nyxnia-mat-hair-mid) 45%, var(--nyxnia-mat-hair-strong) 100%);
}
@media (max-width: 600px) {
  html[data-zone="public"] .gw-section-label { gap: 14px; }
  html[data-zone="public"] .gw-section-label::before,
  html[data-zone="public"] .gw-section-label::after { flex-basis: 36px; }
}

html[data-zone="public"] h1.gw-section-label--title {
  margin: 0 0 14px;
  font-size: 1.125rem;      
  line-height: 1.3;
  letter-spacing: 0.4em;    
  font-weight: 500;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.92); 
}
@media (max-width: 600px) {
  html[data-zone="public"] h1.gw-section-label--title { font-size: 1rem; letter-spacing: 0.3em; }
  
  html[data-zone="public"] h1.gw-section-label--title::before,
  html[data-zone="public"] h1.gw-section-label--title::after { content: none; }
  
  html[data-zone="public"] h1.gw-section-label--title { white-space: normal; }
}

html[data-zone="public"] .gw-section h2.gw-section-label {
  margin: 0 0 10px;
  font-size: 0.6875rem;
  letter-spacing: 0.58em;
  font-weight: 400;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.80); 
}

html[data-zone="public"] #trust h2.gw-section-label {
  font-size: clamp(1.25rem, 2.6vw, 1.75rem);
  letter-spacing: -0.02em;
  font-weight: 700;
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.96); 
}

html[data-zone="public"] .nyxnia-capability-grid {
  perspective: 1400px;
  transform-style: preserve-3d;
}
html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment {
  transform-style: preserve-3d;
  transform: perspective(1400px) rotateX(0.6deg);
  transition: transform 0.45s ease, box-shadow 0.5s ease, border-color 0.5s ease;
}

html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:hover:not(:has(.nyxnia-fragment-cta:hover)) {
  transform: perspective(1400px) rotateX(0.2deg) translateZ(24px);
}

html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment {
  
  --frag-icon-w: 120px;
}

@media (max-width: 600px) {
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment {

    --frag-icon-w: 126px;
    --frag-copy-size: 0.95rem;
  }
}

#capabilities .nyxnia-proj-plane {
  width: calc(var(--frag-icon-w) * 1.579);
  height: calc(var(--frag-icon-w) * 0.263);
  bottom: calc(var(--frag-icon-w) * 0.09);   
}

html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment-ico { height: calc(var(--frag-icon-w) * 1.289); }

html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment { --frag-pad-top: 26px; }
html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment-ico .nyxnia-fragment-icon { transform: translateY(-12px); }

.nyxnia-capability-grid #cap-custom-development .nyxnia-holo,
.nyxnia-capability-grid #cap-automation .nyxnia-holo,
.nyxnia-capability-grid #cap-cybersecurity .nyxnia-holo,
.nyxnia-capability-grid #cap-infrastructure .nyxnia-holo,
.nyxnia-capability-grid #cap-software-engineering .nyxnia-holo,
.nyxnia-capability-grid #cap-research-innovation .nyxnia-holo {
  position: absolute; left: 50%; top: 50%; width: var(--frag-icon-w, 100px); height: var(--frag-icon-w, 100px);
  transform: translate(-50%, -50%); overflow: visible; z-index: 3; pointer-events: none;
  shape-rendering: geometricPrecision;
  opacity: 1; 
}
#capabilities #cap-custom-development .nyxnia-holo,
#capabilities #cap-automation .nyxnia-holo,
#capabilities #cap-cybersecurity .nyxnia-holo,
#capabilities #cap-infrastructure .nyxnia-holo,
#capabilities #cap-software-engineering .nyxnia-holo,
#capabilities #cap-research-innovation .nyxnia-holo { transform: translate(-50%, -50%) translateY(-12px); }
.nyxnia-holo .gl-edge  { stroke:#dbecff; stroke-width:0.7; fill:none; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; }
.nyxnia-holo .gl-node  { fill:#dbeeff; }
.nyxnia-holo .gl-heart { fill:#eaf3ff; }

@media (max-width: 600px) {
  
  html[data-zone="public"] .nyxnia-section-meta { font-size: 0.75rem; }
  
  html[data-zone="public"] .gw-section h2.gw-section-label { font-size: 0.75rem; }
}

@media (max-width: 600px) {
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment {
    --frag-pad-top: 24px;
    --frag-pad-bot: 27px;
    --frag-min-h: 327px;
  }
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment .nyxnia-fragment-cta {
    padding: 8.5px 13px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment { animation: nyxnia-float 16s ease-in-out infinite; }
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(2) { animation-delay: -3s; }
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(3) { animation-delay: -6s; }
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(4) { animation-delay: -9s; }
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(5) { animation-delay: -12s; }
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:nth-child(6) { animation-delay: -15s; }
  html[data-zone="public"] .nyxnia-capability-grid .nyxnia-fragment:hover { animation-play-state: paused; }
}
@keyframes nyxnia-float {
  0%, 100% { translate: 0 0;    rotate: x 0.6deg; }
  25%      { translate: 0 -2px; rotate: x 0.4deg; }
  50%      { translate: 0 0;    rotate: x 0.8deg; }
  75%      { translate: 0 2px;  rotate: x 0.5deg; }
}

@media (prefers-reduced-motion: no-preference) {
  
  #capabilities .nyxnia-capability-grid .nyxnia-fragment#cap-custom-development .nyxnia-proj-plane > i:nth-child(1) {
    animation: holo-floor-lum 5.5s ease-in-out 1.2s infinite;
  }

  .nyxnia-capability-grid .nyxnia-fragment .nyxnia-glyph .gl-lum                { animation: gl-breath 6s ease-in-out infinite; }
  .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(2) .nyxnia-glyph .gl-lum { animation-delay: -1.0s; }
  .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(3) .nyxnia-glyph .gl-lum { animation-delay: -2.1s; }
  .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(4) .nyxnia-glyph .gl-lum { animation-delay: -3.0s; }
  .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(5) .nyxnia-glyph .gl-lum { animation-delay: -4.2s; }
  .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(6) .nyxnia-glyph .gl-lum { animation-delay: -5.1s; }

  #capabilities .nyxnia-capability-grid .nyxnia-fragment .nyxnia-glyph { animation: gem-float 9s ease-in-out infinite; }
  #capabilities .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(2) .nyxnia-glyph { animation-delay: -1.5s; }
  #capabilities .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(3) .nyxnia-glyph { animation-delay: -3.0s; }
  #capabilities .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(4) .nyxnia-glyph { animation-delay: -4.5s; }
  #capabilities .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(5) .nyxnia-glyph { animation-delay: -6.0s; }
  #capabilities .nyxnia-capability-grid .nyxnia-fragment:nth-of-type(6) .nyxnia-glyph { animation-delay: -7.5s; }

  #capabilities .nyxnia-capability-grid .nyxnia-fragment#cap-custom-development .nyxnia-glyph {
    
    animation: gl-pulse-a 7s ease-in-out 2.6s infinite, gem-float 9s ease-in-out infinite;   
  }
  .nyxnia-capability-grid .nyxnia-fragment#cap-custom-development .nyxnia-glyph .gl-resolve {
    animation: gl-pulse-b 9.5s ease-in-out 2.6s infinite;
  }

}

@keyframes holo-floor-lum { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.75); } }
@keyframes gl-breath { 0%, 100% { opacity: 0.05; } 50% { opacity: 0.34; } }

@keyframes gl-pulse-a { 0% { filter: brightness(1.0); } 42% { filter: brightness(1.26); } 70% { filter: brightness(1.10); } 100% { filter: brightness(1.0); } }
@keyframes gl-pulse-b { 0%, 100% { filter: brightness(1.0); } 50% { filter: brightness(1.07); } }

@keyframes gem-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -3px; } }

@media (prefers-reduced-motion: no-preference) {
  .nyxnia-svc-arrived { animation: nyxnia-svc-arrive 1.5s ease-out; }
}
@keyframes nyxnia-svc-arrive {
  0% { box-shadow: 0 0 0 0 rgba(168, 208, 255, 0); }
  22% { box-shadow: 0 0 26px -6px rgba(168, 208, 255, 0.4), 0 0 0 1px rgba(168, 208, 255, 0.3); }
  100% { box-shadow: 0 0 0 0 rgba(168, 208, 255, 0); }
}

html[data-zone="public"] #works .gw-section-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  
  margin: 0 auto 18px;
  text-align: center;
  font-size: 0.75rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(var(--nyxnia-content-rgb), 0.80);
  font-weight: 600;
}

html[data-zone="public"] #works .gw-section-label::before,
html[data-zone="public"] #works .gw-section-label::after {
  content: "";
  flex: 0 0 64px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(204, 227, 244, 0.22) 12%,
    rgba(204, 227, 244, 0.34) 50%,
    rgba(204, 227, 244, 0.22) 88%,
    transparent 100%); 
}

html[data-zone="public"] .nyxnia-works-strip-wrap {

  --works-ring:        rgba(150, 196, 250, 0.52);   
  --works-center:      rgba(140, 196, 255, 0.96);   
  --works-node-bg:     rgba(10, 16, 27, 0.30);      
  --works-icon-color:  rgba(180, 216, 255, 0.88);   
  
  --works-wave-color:  rgba(176, 200, 226, 0.30);

  --works-num-color:   rgba(193, 199, 206, 0.72);   
  --works-name-color:  rgba(223, 228, 234, 0.92);   
  --works-desc-color:  rgba(213, 219, 225, 0.8);   

  position: relative;
  
  margin-top: 28px;
}

html[data-zone="public"] .nyxnia-works-wave {
  
  position: absolute;
  top: 6px;
  left: 5%;
  right: 5%;
  width: 90%;
  height: 64px;
  pointer-events: none;
  overflow: visible;
}

html[data-zone="public"] .nyxnia-works-wave-path {
  fill: none;
  stroke: var(--works-wave-color);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

html[data-zone="public"] .nyxnia-works-strip-wrap[data-threaded="1"] .nyxnia-works-wave {
  display: none;
}

html[data-zone="public"] .nyxnia-works-strip-wrap > .nyxnia-entangle-threads--works {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: visible;
  opacity: 0.85;
  transition: opacity 0.45s ease;
}
html[data-zone="public"] .nyxnia-works-strip-wrap:hover > .nyxnia-entangle-threads--works {
  opacity: 1;
}

html[data-zone="public"] .nyxnia-works-spark,
html[data-zone="public"] .nyxnia-works-spark--dim {
  display: none;
}

html[data-zone="public"] .nyxnia-works-strip {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  position: relative;
  z-index: 1;
}

html[data-zone="public"] .nyxnia-works-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

html[data-zone="public"] .nyxnia-works-node {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid var(--nyxnia-mat-hair-strong);
  display: grid;
  place-items: center;
  
  background:
    radial-gradient(circle at 50% 25%, rgba(228,234,246,0.10) 0%, transparent 35%),
    radial-gradient(circle at 50% 50%, rgba(108,184,252,0.08) 0%, transparent 60%),
    radial-gradient(circle at 50% 100%, rgba(108,184,252,0.10) 0%, rgba(16,19,23,0.40) 50%, rgba(6,8,10,0.55) 100%);
  box-shadow:
    inset 0 2px 0 rgba(228,234,246,0.18),
    inset 0 -1px 0 rgba(0,0,0,0.6),
    inset 0 0 30px rgba(108,184,252,0.10),
    0 0 36px rgba(108,184,252,0.14),
    0 20px 40px -20px rgba(0,0,0,0.6);
  
}

html[data-zone="public"] .nyxnia-works-node::before {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  border: 1px solid var(--nyxnia-mat-hair);
  pointer-events: none;
}

html[data-zone="public"] .nyxnia-works-node::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 5px;
  height: 5px;
  margin-left: -2.5px;
  border-radius: 50%;
  background: var(--works-center);
  
  box-shadow: 0 0 6px rgba(140, 196, 255, 0.7), 0 0 12px rgba(90, 160, 245, 0.35);
  pointer-events: none;
}

html[data-zone="public"] .nyxnia-works-icon {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: var(--works-icon-color);
  stroke-width: 1.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  
  filter: drop-shadow(0 0 4px rgba(110, 178, 255, 0.4));
}

html[data-zone="public"] .nyxnia-works-num {
  margin: 22px 0 5px;
  font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  font-size: 0.6875rem;
  letter-spacing: 0.26em;
  font-weight: 600;
  color: var(--works-num-color);
}

html[data-zone="public"] .nyxnia-works-name {
  margin: 0 0 10px;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--works-name-color);
}

html[data-zone="public"] .nyxnia-works-desc {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--works-desc-color);
  max-width: 170px;
}

@media (max-width: 960px) {
  html[data-zone="public"] .nyxnia-works-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 18px;
  }
  html[data-zone="public"] .nyxnia-works-wave {
    display: none;
  }
  
  html[data-zone="public"] .nyxnia-works-strip-wrap > .nyxnia-entangle-threads--works {
    display: none;
  }
}

@media (max-width: 540px) {
  html[data-zone="public"] .nyxnia-works-strip {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  html[data-zone="public"] .nyxnia-works-node {
    width: 64px;
    height: 64px;
  }
  html[data-zone="public"] .nyxnia-works-icon {
    width: 24px;
    height: 24px;
  }
}

html[data-zone="public"] .nyxnia-works-strip--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 960px) {
  html[data-zone="public"] .nyxnia-works-strip--four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 540px) {
  html[data-zone="public"] .nyxnia-works-strip--four {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  
  html[data-zone="public"] .nyxnia-works-name { font-size: 0.8125rem; }
  html[data-zone="public"] .nyxnia-works-desc { font-size: 0.875rem; }
}

@media (max-width: 540px) {
  html[data-zone="public"] .nyxnia-works-step {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 18px;
    align-items: center;
    text-align: left;
  }
  html[data-zone="public"] .nyxnia-works-node { grid-column: 1; grid-row: 1 / 4; }
  html[data-zone="public"] .nyxnia-works-num  { margin: 0 0 2px; }
  html[data-zone="public"] .nyxnia-works-name { margin: 0 0 5px; }
  html[data-zone="public"] .nyxnia-works-desc { max-width: none; }
  html[data-zone="public"] .nyxnia-works-strip { gap: 22px; }
  html[data-zone="public"] .nyxnia-works-strip--four { gap: 22px; }
}

html[data-zone="public"] .gw-services-note {
  margin: 8px 0 0;
  font-size: 0.8125rem;
  
  color: rgba(232, 240, 248, 0.62);
  letter-spacing: 0.01em;
}

html[data-zone="public"] #services {
  scroll-margin-top: 72px;
}

html[data-zone="public"] #services .gw-section-label {
  letter-spacing: 0.18em;
  color: rgba(178, 185, 192, 0.6);
}

@media (min-width: 961px) {
  html[data-zone="public"] #services .gw-section-inner {
    max-width: 920px;
  }
}

html[data-zone="public"] .gw-structure-block--process {
  margin-top: 28px;
}

html[data-zone="public"] .gw-structure-block--commitments {
  margin-top: 34px;
  
  padding-top: 48px;
  position: relative;
}

html[data-zone="public"] .gw-structure-block--commitments::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 780px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(176, 200, 226, 0.22) 12%,
    rgba(176, 200, 226, 0.34) 50%,
    rgba(176, 200, 226, 0.22) 88%,
    transparent 100%);
  pointer-events: none;
}

html[data-zone="public"] .gw-structure-block--commitments::after {
  content: "STRUCTURAL GUARANTEES";
  position: absolute;
  top: 18px;
  left: 0;
  font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  font-size: 0.5938rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(193, 200, 207, 0.62);
  pointer-events: none;
}

html[data-zone="public"] .gw-commitments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 48px;
  max-width: 780px;
}

html[data-zone="public"] .gw-commitment {
  position: relative;
  padding: 2px 0 2px 20px;
}

html[data-zone="public"] .gw-commitment::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 1px solid rgba(176, 200, 226, 0.42);
  background:
    radial-gradient(circle,
      rgba(120, 180, 250, 0.92) 0 1.4px,
      transparent 1.9px);
  pointer-events: none;
}

html[data-zone="public"] .gw-commitment h3 {
  margin: 0 0 5px;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: rgba(var(--nyxnia-content-rgb), 0.94);
}

html[data-zone="public"] .gw-commitment p {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.62;
  
  color: rgba(232, 240, 248, 0.74);
}

@media (max-width: 640px) {
  html[data-zone="public"] .gw-commitments {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

html[data-zone="public"] .gw-structure-note {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 14px;
  margin-top: 40px;
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  color: rgba(192, 201, 209, 0.62);
}

html[data-zone="public"] .gw-structure-note .gateway-cta {
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  color: rgba(192, 201, 209, 0.62);
}

html[data-zone="public"] .gw-structure-note .gateway-cta:hover,
html[data-zone="public"] .gw-structure-note .gateway-cta:focus-visible {
  color: rgba(var(--nyxnia-content-rgb), 0.78);
}

html[data-zone="public"] .gw-process {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  max-width: 860px;
  position: relative;
}

html[data-zone="public"] .gw-process::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 16px;
  right: 16px;
  height: 1px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(176, 200, 226, 0.22) 12%,
    rgba(176, 200, 226, 0.34) 50%,
    rgba(176, 200, 226, 0.22) 88%,
    transparent 100%);
  pointer-events: none;
}

html[data-zone="public"] .gw-process-step {
  padding: 0 28px 0 0;
}

@media (max-width: 640px) {
  html[data-zone="public"] .gw-process {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  html[data-zone="public"] .gw-process::before {
    display: none;
  }

  html[data-zone="public"] .gw-process-step {
    padding: 0;
  }
}

html[data-zone="public"] .gw-process-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid rgba(176, 200, 226, 0.32);
  background: rgba(5, 9, 19, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: rgba(var(--nyxnia-content-rgb), 0.88);
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

html[data-zone="public"] .gw-process-body h3 {
  margin: 0 0 6px;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: rgba(var(--nyxnia-content-rgb), 0.95);
}

html[data-zone="public"] .gw-process-body p {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.64;
  
  color: rgba(232, 240, 248, 0.78);
}

html[data-zone="public"] .gw-process-output {
  display: inline-block;
  margin-top: 12px;
  padding: 2px 0;
  border: 0;
  background: none;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(194, 201, 208, 0.7);
}

html[data-zone="public"] .gw-process-num {
  background: rgba(5, 9, 19, 0.62);
  border-color: rgba(176, 200, 226, 0.26);
  box-shadow: none;
}

html[data-zone="public"] .nyxnia-thread--process .gw-process-num {
  width: auto;
  height: auto;
  border: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
  font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
  color: rgba(194, 200, 207, 0.82);
  margin-bottom: 10px;
  padding: 0;
}

@media (min-width: 961px) {
  html[data-zone="public"] .nyxnia-thread--process {
    transform: translateX(12px);
  }
}

@media (max-width: 640px) {
  html[data-zone="public"] .gw-process::before {
    display: block;
    top: 0;
    bottom: 0;
    left: 14px;
    right: auto;
    width: 1px;
    height: auto;
    background: linear-gradient(180deg,
      transparent 0%,
      rgba(176, 200, 226, 0.22) 12%,
      rgba(176, 200, 226, 0.34) 50%,
      rgba(176, 200, 226, 0.22) 88%,
      transparent 100%);
  }
  html[data-zone="public"] .gw-process {
    padding-left: 4px;
  }
  html[data-zone="public"] .gw-process-step {
    padding-left: 20px;
  }
  html[data-zone="public"] .gw-process-num {
    margin-left: -6px;
  }
}

@media (max-width: 600px) {
  
  html[data-zone="public"] .gw-commitment p,
  html[data-zone="public"] .gw-process-body p { font-size: 0.875rem; }
}

html[data-zone="public"] .gw-section--cta {
  background: none !important;
}
html[data-zone="public"] .gw-section--cta::before,
html[data-zone="public"] .gw-section--cta::after {
  display: none;
}
html[data-zone="public"] .gw-section--cta .gw-section-inner {
  padding-top: 12px;
  padding-bottom: 12px;
}

html[data-zone="public"] .gw-section--cta .gw-related {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 0.875rem;
  opacity: 0.85;
}

html[data-zone="public"] .gw-section--cta .gw-related a { white-space: nowrap; }

html[data-zone="public"] .nyxnia-footer {
  --footer-bg-top:     rgba(5, 7, 12, 0.58);
  --footer-text:       rgba(222, 228, 234, 0.88);
  --footer-muted:      rgba(176, 200, 226, 0.78);  
  --footer-tagline:    rgba(176, 200, 226, 0.56);
  --footer-node-rim:   rgba(176, 200, 226, 0.46);  
  --footer-node-core:  rgba(120, 180, 250, 0.95);  

  position: relative;
  width: 100%;

  padding: clamp(112px, 11vw, 168px) max(24px, calc(80px + var(--safe-left))) 32px;
  
  background: none;
  border-top: 0;
  color: var(--footer-text);
}

html[data-zone="public"] .nyxnia-footer::before {
  content: none;
}

html[data-zone="public"] .nyxnia-footer {
  
  padding-bottom: calc(32px + var(--safe-bottom, 0px));
}

html[data-zone="public"] .stage > .nyxnia-footer {
  margin-top: auto;
}

html[data-zone="public"] .nyxnia-footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

html[data-zone="public"] .nyxnia-footer-logo {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  fill: rgba(176, 200, 226, 0.84);
  stroke: none;
}

html[data-zone="public"] .nyxnia-footer-brand-name {
  margin: 0;
  font-size: 0.875rem;
  letter-spacing: 0.06em;
  color: rgba(var(--nyxnia-content-rgb), 0.96);
  font-weight: 600;
}

html[data-zone="public"] .nyxnia-footer-brand-meta {
  margin: 10px 0 0;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  
  color: rgba(220, 227, 235, 0.54);
}

html[data-zone="public"] .nyxnia-footer-brand-linkedin {
  display: inline-block;
  margin-top: 12px;
}

html[data-zone="public"] .nyxnia-footer-bottom {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  
  max-width: 1280px;
  margin: 52px auto 0;
  padding-top: 30px;
  border-top: 1px solid rgba(204, 227, 244, 0.10);
  flex-wrap: wrap;
}

html[data-zone="public"] .nyxnia-footer-bottom::before {
  content: none;
}

html[data-zone="public"] .nyxnia-footer-copy {
  margin: 0;
  font-size: 0.75rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(194, 200, 206, 0.74);
  font-weight: 500;
}

html[data-zone="public"] .nyxnia-footer-addr {
  margin: 0;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  color: rgba(192, 199, 207, 0.62);
  font-weight: 500;
}

html[data-zone="public"] .nyxnia-footer-bottom-right {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}
html[data-zone="public"] .nyxnia-footer-social {
  display: inline-flex;
  color: rgba(193, 201, 209, 0.48);
  transition: color 0.18s ease;
}
html[data-zone="public"] .nyxnia-footer-social:hover,
html[data-zone="public"] .nyxnia-footer-social:focus-visible { color: rgba(194, 200, 206, 0.92); outline: none; }
html[data-zone="public"] .nyxnia-footer-social-icon { width: 15px; height: 15px; fill: currentColor; display: block; }

html[data-zone="public"] .nyxnia-footer-bottom-links {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  
  flex-wrap: wrap;
}
html[data-zone="public"] .nyxnia-footer-bottom-link {
  font-size: 0.75rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  font-weight: 500;
  
  color: rgba(191, 198, 206, 0.6);
  text-decoration: none;
  transition: color 0.18s ease;
}

html[data-zone="public"] button.nyxnia-footer-bottom-link {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-family: inherit;
}
html[data-zone="public"] .nyxnia-footer-bottom-link:hover,
html[data-zone="public"] .nyxnia-footer-bottom-link:focus-visible {
  color: rgba(194, 200, 206, 0.92);
  outline: none;
}

@media (max-width: 1100px) {
  
  html[data-zone="public"] .nyxnia-footer-bottom-link,
  html[data-zone="public"] button.nyxnia-footer-bottom-link {
    padding: 15px 12px;
    margin: -15px -12px;
  }
  
  html[data-zone="public"] .nyxnia-footer-bottom-links {
    gap: 42px 34px;
  }
  
  html[data-zone="public"] .nyxnia-footer-bottom {
    row-gap: 30px;
  }
}

html[data-zone="public"] .nyxnia-footer-grid {
  display: grid;

  grid-template-columns: repeat(5, auto);
  justify-content: space-between;
  column-gap: clamp(28px, 3vw, 56px);
  row-gap: 34px;
  align-items: start;
  
  max-width: 1280px;
  margin: 0 auto;
}

html[data-zone="public"] .nyxnia-footer-brand-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

html[data-zone="public"] .nyxnia-footer-col {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

html[data-zone="public"] .nyxnia-footer-col-head {
  margin: 0 0 4px;
  font-size: 0.75rem;
  letter-spacing: 0.26em;
  text-transform: uppercase;
  color: rgba(var(--nyxnia-content-rgb), 0.82);
  font-weight: 600;
}

html[data-zone="public"] .nyxnia-footer-col-link {
  width: fit-content;
  font-size: 0.8125rem;
  letter-spacing: 0.06em;
  color: rgba(194, 200, 207, 0.66);
  text-decoration: none;
  transition: color 160ms ease;
}

html[data-zone="public"] .nyxnia-footer-col-link:hover,
html[data-zone="public"] .nyxnia-footer-col-link:focus-visible {
  color: rgba(var(--nyxnia-content-rgb), 0.98);
  outline: none;
}

@media (max-width: 860px) {
  html[data-zone="public"] .nyxnia-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px clamp(20px, 5vw, 40px);
  }
  
  html[data-zone="public"] .nyxnia-footer-brand-col {
    grid-column: 1 / -1;
    align-items: center;
    text-align: center;
  }
  html[data-zone="public"] .nyxnia-footer-brand {
    flex-direction: column;
    gap: 10px;
  }
  html[data-zone="public"] .nyxnia-footer-bottom {
    flex-direction: column;
    
    gap: 26px 8px;
    text-align: center;
  }
}

@media (max-width: 1100px) {
  
  html[data-zone="public"] .nyxnia-footer-brand {
    padding: 14px 0;
    margin: -14px 0;
  }
  html[data-zone="public"] .nyxnia-footer-col {
    gap: 30px;
  }
  html[data-zone="public"] .nyxnia-footer-col-link {
    padding: 15px 0;
    margin: -15px 0;
  }
  
  html[data-zone="public"] .nyxnia-footer-brand-linkedin {
    margin-top: -3px;
  }
}

@media (pointer: coarse) {
  html[data-zone="public"] .nyxnia-footer-brand {
    padding: 14px 0;
    margin: -14px 0;
  }
  html[data-zone="public"] .nyxnia-footer-col-link {
    padding: 15px 0;
    margin: -15px 0;
  }
  html[data-zone="public"] .nyxnia-footer-brand-linkedin {
    margin-top: -3px;
  }
  html[data-zone="public"] .nyxnia-footer-bottom-link {
    padding: 14px 12px;
    margin: -14px -12px;
  }
}

@media (max-width: 760px) {
  html[data-zone="public"] .nyxnia-footer {
    padding-top: 64px;
    
    padding-left: 20px;
    padding-right: 20px;
  }
  
  html[data-zone="public"] .nyxnia-footer-grid {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 34px clamp(16px, 6vw, 44px);
  }
  html[data-zone="public"] .nyxnia-footer-brand-col {
    grid-column: 1;
    
    grid-row: 1 / span 4;
    align-items: flex-start;
    text-align: left;
    gap: 21px;   
  }
  html[data-zone="public"] .nyxnia-footer-brand { align-items: flex-start; }
  html[data-zone="public"] .nyxnia-footer-col {
    grid-column: 2;
    align-items: flex-end;
  }
  html[data-zone="public"] .nyxnia-footer-fold-summary { justify-content: flex-end; }
  html[data-zone="public"] .nyxnia-footer-fold-links {
    align-items: flex-end;
    text-align: right;
  }
}

html[data-zone="public"] .nyxnia-footer-fold { margin: 0; }
html[data-zone="public"] .nyxnia-footer-fold-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  list-style: none;                    
  -webkit-tap-highlight-color: transparent;
  
  pointer-events: none;
}
html[data-zone="public"] .nyxnia-footer-fold-summary::-webkit-details-marker { display: none; }
html[data-zone="public"] .nyxnia-footer-fold-summary .nyxnia-footer-col-head { margin: 0; }
html[data-zone="public"] .nyxnia-footer-fold-chevron {
  display: none;                       
  width: 12px;
  height: 12px;
  fill: none;
  stroke: rgba(176, 200, 226, 0.66);
  stroke-width: 1.5;
  transition: transform 200ms ease;
}

html[data-zone="public"] .nyxnia-footer-fold-links {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 14px;
}
@media (max-width: 1100px) {
  html[data-zone="public"] .nyxnia-footer-fold-links {
    gap: 30px;
    margin-top: 30px;
  }
}
@media (max-width: 760px) {
  html[data-zone="public"] .nyxnia-footer-fold-summary {
    pointer-events: auto;
    cursor: pointer;
    
    padding: 15px 0;
    margin: -15px 0;
  }
  html[data-zone="public"] .nyxnia-footer-fold-chevron { display: block; }
  html[data-zone="public"] .nyxnia-footer-fold[open] .nyxnia-footer-fold-chevron { transform: rotate(180deg); }
  html[data-zone="public"] .nyxnia-footer-fold-summary:focus-visible {
    outline: 2px solid rgba(146, 194, 240, 0.85);
    outline-offset: 2px;
  }
}

html[data-zone="public"] .nyxnia-footer-col-link:active { color: rgba(var(--nyxnia-content-rgb), 0.98); }
html[data-zone="public"] .nyxnia-footer-bottom-link:active { color: rgba(194, 200, 206, 0.92); }

html[data-pub-page="home"] .gw-section.gw-depth-capability {
  padding-bottom: 72px;    
}

html[data-pub-page="home"] .gw-section.gw-depth-structure {
  padding-top: 96px;       
  padding-bottom: 40px;    
}

@media (max-width: 760px) {
  html[data-pub-page="home"] .gw-section.gw-depth-capability {
    
    padding-top: 24px;
    padding-bottom: 48px;
  }
  html[data-pub-page="home"] .gw-section.gw-depth-structure {
    padding-top: 64px;
    padding-bottom: 56px;
  }
}

html[data-zone="public"] .gateway-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  min-width: 210px;
  padding: 14px 22px;
  position: relative;                                      
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  border: 1px solid rgba(160, 200, 250, 0.20) !important; 
  background: rgba(3, 5, 10, 0.35) !important; 
  color: rgba(var(--nyxnia-mat-crystal-rgb), 0.92); 
  font: inherit;
  font-size: 0.8125rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  box-shadow: none !important;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

html[data-zone="public"] .gateway-cta.nyxnia-framed { border-color: transparent !important; }

html[data-zone="public"] .gateway-cta::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: 0;
  opacity: 1;
  flex: 0 0 auto;
  border-radius: 50%;
  
  background: radial-gradient(circle at 50% 44%,
    rgba(234, 243, 255, 1) 0%,
    rgba(210, 228, 252, 0.62) 36%,
    rgba(210, 228, 252, 0.14) 70%,
    transparent 100%);
  box-shadow: 0 0 7px rgba(210, 228, 252, 0.40), 0 0 16px rgba(210, 228, 252, 0.18);
  transform: none;
}

html[data-zone="public"] .gateway-cta-primary::before { background: none !important; }

html[data-zone="public"] .gateway-cta .nyxnia-fragment-frame {
  
  filter: drop-shadow(0 0 5px rgba(214, 226, 240, 0.10));
}
html[data-zone="public"] .gateway-cta-primary .nyxnia-fragment-frame {
  
  filter: drop-shadow(0 0 8px rgba(var(--nyxnia-accent-rgb), 0.22));
}

html[data-zone="public"] .gateway-cta-primary {
  background: rgba(3, 5, 10, 0.50) !important; 
  padding-left: 22px;
}

html[data-zone="public"] .gateway-cta:hover,
html[data-zone="public"] .gateway-cta:focus-visible {
  background: rgba(3, 5, 10, 0.62) !important; 
  color: rgba(var(--nyxnia-mat-crystal-rgb), 1); 
  transform: translateY(-1px);
  outline: none;
}

html[data-zone="public"] .gateway-cta .nyxnia-ff-edge { stroke: var(--nyxnia-mat-cta-frame-edge); }
html[data-zone="public"] .gateway-cta:hover .nyxnia-ff-edge,
html[data-zone="public"] .gateway-cta:focus-visible .nyxnia-ff-edge { stroke: var(--nyxnia-mat-ff-edge-lit); }

html[data-zone="public"] .gateway-cta:hover .nyxnia-fragment-frame,
html[data-zone="public"] .gateway-cta:focus-visible .nyxnia-fragment-frame {
  filter:
    drop-shadow(0 3px 8px rgba(2, 6, 14, 0.5))
    drop-shadow(0 0 6px rgba(216, 234, 255, 0.16));
}

html[data-zone="public"] .gateway-cta:focus-visible {
  outline: 2px solid rgba(180, 220, 255, 0.85);
  outline-offset: 3px;
}

html[data-zone="public"] .nyxnia-fragment-cta.nyxnia-framed {
  border-color: transparent;   
  clip-path: none;             
}

html[data-zone="public"] .nyxnia-fragment-cta .nyxnia-fragment-frame {
  filter: drop-shadow(0 0 4px var(--nyxnia-mat-cta-frame-glow));   
}
html[data-zone="public"] .nyxnia-fragment-cta.nyxnia-framed .nyxnia-ff-edge { stroke: var(--nyxnia-mat-cta-frame-edge); }   

html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta:first-child.nyxnia-framed .nyxnia-ff-edge { stroke: var(--nyxnia-mat-cta-frame-edge-soft); }

html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta.nyxnia-framed:hover .nyxnia-ff-edge,
html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta.nyxnia-framed:focus-visible .nyxnia-ff-edge { stroke: var(--nyxnia-mat-ff-edge-lit); }

html[data-zone="public"] .nyxnia-fragment-cta:hover .nyxnia-fragment-frame,
html[data-zone="public"] .nyxnia-fragment-cta:focus-visible .nyxnia-fragment-frame {
  filter:
    drop-shadow(0 3px 8px rgba(2, 6, 14, 0.5))
    drop-shadow(0 0 6px rgba(216, 234, 255, 0.16));
}
html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta.nyxnia-framed:hover,
html[data-zone="public"] .nyxnia-fragment-cta-row .nyxnia-fragment-cta.nyxnia-framed:focus-visible { filter: none; }

html[data-public-standalone="1"] .gateway-public-ctas .gateway-cta {
  gap: 20px;
  min-width: 200px;
}

@media (prefers-reduced-motion: reduce) {
  html[data-zone="public"] .gateway-cta { transition: none; }
  html[data-zone="public"] .gateway-cta:hover,
  html[data-zone="public"] .gateway-cta:focus-visible { transform: none; }
}

@media (max-width: 760px) {
  html[data-zone="public"] .gateway-cta {
    min-height: 40px;
    padding-block: 9.5px;
  }
}

.nyxnia-consent {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  z-index: 90; 
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 22px;
  padding: 14px clamp(16px, 4vw, 32px);
  padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
  
  background: linear-gradient(180deg, rgba(2, 3, 6, 0.78) 0%, rgba(2, 3, 6, 0.86) 100%);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
  backdrop-filter: blur(10px) saturate(1.05);
  
  border-top: 1px solid rgba(204, 227, 244, 0.50);
}

.nyxnia-consent-text {
  margin: 0;
  max-width: 640px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--nyxnia-text-secondary, rgba(226, 232, 238, 0.78));
}
.nyxnia-consent-text a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.nyxnia-consent-actions {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
}

.nyxnia-consent-btn {
  appearance: none;
  position: relative; 
  border: 1px solid var(--nyxnia-mat-ff-edge-lit, rgba(200, 222, 255, 0.26)); 

  background: rgba(3, 5, 10, 0.50);
  color: rgba(var(--nyxnia-mat-crystal-rgb, 244, 249, 255), 0.92);
  font: inherit;
  font-size: 13px;
  letter-spacing: 0.04em;
  
  padding: 11px 18px;
  
  min-height: 44px;
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease;
}
.nyxnia-consent-btn:hover {
  border-color: rgba(200, 222, 255, 0.42);
  background: rgba(3, 5, 10, 0.62); 
}
.nyxnia-consent-btn--primary {
  
  border-color: var(--nyxnia-mat-ff-edge-lit, rgba(200, 222, 255, 0.26));
  background: rgba(3, 5, 10, 0.50); 
}
.nyxnia-consent-btn--primary:hover {
  background: rgba(3, 5, 10, 0.62); 
}

.nyxnia-consent-btn.nyxnia-framed {
  border-color: transparent; 
}
.nyxnia-consent-btn > .nyxnia-fragment-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.nyxnia-consent-brief { display: none; }

@media (max-width: 600px) {
  .nyxnia-consent-brief { display: inline; }
  .nyxnia-consent-full { display: none; }
}

@media (max-width: 540px) {
  .nyxnia-consent { justify-content: stretch; }
  .nyxnia-consent-actions { width: 100%; }
  .nyxnia-consent-btn { flex: 1 1 auto; }
}

.nyxnia-consent-btn:active {
  border-color: rgba(200, 222, 255, 0.42);
  background: rgba(3, 5, 10, 0.74);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  html[data-zone="public"] .gw-section-label {

    background-image: linear-gradient(
      180deg,
      rgba(244, 249, 255, 0.97) 0%,
      rgba(219, 236, 255, 0.92) 50%,
      rgba(244, 249, 255, 0.92) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
  html[data-zone="public"] .gw-section-label--title {

    background-image: linear-gradient(
      180deg,
      rgba(244, 249, 255, 0.98) 0%,
      rgba(219, 236, 255, 0.95) 50%,
      rgba(244, 249, 255, 0.94) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

html[data-zone="public"] .nyxnia-fragment {
  position: relative;
}

html[data-zone="public"] #nyxnia-contact-form,
html[data-zone="public"] .nyxnia-order-step {
  position: relative;
}

html[data-zone="public"] .nyxnia-fragment {
  will-change: transform;
}

.nyxnia-order-form { --order-chamfer: 10px; --order-chamfer-sm: 7px; }
.nyxnia-order-form .nyxnia-intake-trap { display: none !important; } 

.nyxnia-order-step { border: 0; margin: 0; padding: 0; min-inline-size: 0; }
.nyxnia-order-step + .nyxnia-order-step { margin-top: 40px; } 

.nyxnia-order-legend {
  padding: 0;
  font-size: clamp(1.25rem, 2.6vw, 1.5625rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--nyxnia-mat-clarity, #f4f9ff);
}

.nyxnia-order-legend:focus, .nyxnia-order-legend:focus-visible { outline: none; }

.nyxnia-order-help {
  margin: 9px 0 0;
  font-size: 0.8438rem;
  line-height: 1.6;
  color: var(--nyxnia-mat-clarity-dim, #92979d);
  max-width: 50ch;
}
.nyxnia-order-optional { color: rgba(166, 196, 229, 0.63); font-weight: 400; font-size: 0.86em; }
.nyxnia-order-subgroup { margin-top: 24px; }
.nyxnia-order-sublabel {
  margin: 0 0 10px;
  font-size: 0.8125rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--nyxnia-mat-clarity-dim, #92979d);
}

.nyxnia-order-chosen {
  position: relative;   
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 28px;
  padding: 11px 16px;
  clip-path: polygon(var(--order-chamfer-sm) 0, 100% 0, 100% calc(100% - var(--order-chamfer-sm)), calc(100% - var(--order-chamfer-sm)) 100%, 0 100%, 0 var(--order-chamfer-sm));
  background: rgba(3, 5, 10, 0.34);
  border: 1px solid var(--nyxnia-mat-ff-edge, rgba(200, 222, 255, 0.1235));
}
.nyxnia-order-chosen-k { font-size: 0.8125rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--nyxnia-mat-clarity-dim, #92979d); }
.nyxnia-order-chosen-v { font-size: 0.9375rem; font-weight: 600; color: var(--nyxnia-mat-clarity, #f4f9ff); margin-right: auto; }

.nyxnia-order-chosen-change { font-size: 0.8125rem; color: rgba(232, 240, 248, 0.96); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: rgba(162, 218, 255, 0.38); transition: text-decoration-color var(--nyxnia-motion-standard, 160ms) var(--nyxnia-ease-holo, ease); }
.nyxnia-order-chosen-change:hover { text-decoration-color: rgba(162, 218, 255, 0.78); }

.nyxnia-order-choices { display: flex; flex-direction: column; gap: 10px; margin-top: 24px; max-width: 440px; }
.nyxnia-order-choices--inline { flex-direction: row; flex-wrap: wrap; max-width: none; }

.nyxnia-order-choice {
  position: relative;   
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  cursor: pointer;
  border: 1px solid var(--nyxnia-mat-ff-edge, rgba(200, 222, 255, 0.1235));
  clip-path: polygon(var(--order-chamfer) 0, 100% 0, 100% calc(100% - var(--order-chamfer)), calc(100% - var(--order-chamfer)) 100%, 0 100%, 0 var(--order-chamfer));
  background: rgba(3, 5, 10, 0.40);
  box-shadow: inset 0 1px 0 rgba(236, 240, 246, 0.05); 
  color: rgba(225, 231, 237, 0.9);
  font-size: 0.875rem;
  letter-spacing: 0.01em;
  transition: border-color var(--nyxnia-motion-standard, 160ms) var(--nyxnia-ease-holo, ease),
              background var(--nyxnia-motion-standard, 160ms) var(--nyxnia-ease-holo, ease),
              filter var(--nyxnia-motion-standard, 160ms) var(--nyxnia-ease-holo, ease);
}

@media (hover: hover) {
  .nyxnia-order-choice:hover { border-color: var(--nyxnia-mat-ff-edge-lit, rgba(200, 222, 255, 0.26)); background: rgba(3, 5, 10, 0.60); } 
  
  .nyxnia-order-choice:not(.nyxnia-order-choice--full):hover .nyxnia-ff-edge { stroke: var(--nyxnia-mat-ff-edge-lit); }
}

.nyxnia-order-choice--full { opacity: 0.45; }
.nyxnia-order-choice--full:hover { border-color: var(--nyxnia-mat-ff-edge, rgba(200, 222, 255, 0.1235)); background: rgba(3, 5, 10, 0.40); cursor: not-allowed; } 
.nyxnia-order-choice--full input { cursor: not-allowed; }

.nyxnia-order-nav .gateway-cta:disabled { opacity: 0.45; cursor: not-allowed; }

.nyxnia-order-choice input {
  appearance: none;
  -webkit-appearance: none;
  width: 15px; height: 15px; flex: 0 0 auto; margin: 0;
  border: 1px solid var(--nyxnia-mat-ff-edge-lit, rgba(200, 222, 255, 0.26));
  border-radius: 50%;
  background: rgba(3, 5, 10, 0.60);
  display: inline-grid;
  place-content: center;
  transition: border-color var(--nyxnia-motion-standard, 160ms) var(--nyxnia-ease-holo, ease);
}
.nyxnia-order-choice input::before {
  content: "";
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--nyxnia-mat-proj, rgb(108, 184, 252));
  transform: scale(0);
  transition: transform var(--nyxnia-motion-standard, 160ms) var(--nyxnia-ease-holo, ease);
}
.nyxnia-order-choice input:checked { border-color: var(--nyxnia-mat-proj-soft, rgba(108, 184, 252, 0.55)); }
.nyxnia-order-choice input:checked::before { transform: scale(1); }
.nyxnia-order-choice input:focus-visible { outline: 2px solid var(--nyxnia-mat-proj-soft, rgba(108, 184, 252, 0.55)); outline-offset: 2px; }

.nyxnia-order-choice:has(input:checked) {
  border-color: var(--nyxnia-mat-ff-edge-lit, rgba(219, 238, 255, 0.74));
  background: rgba(3, 5, 10, 0.66);
}
.nyxnia-order-choice:has(input:checked) .nyxnia-ff-edge { stroke: var(--nyxnia-mat-ff-edge-lit); }
.nyxnia-order-choices--inline .nyxnia-order-choice { flex: 1 1 auto; justify-content: center; min-width: 150px; }

html[data-zone="public"] .nyxnia-order-form[data-enhanced] { max-width: none; }

.nyxnia-order-form[data-enhanced] { padding-top: calc(var(--nyxnia-header-h, 58px) + 24px); }
@media (max-width: 600px) {
  .nyxnia-order-form[data-enhanced] { padding-top: 0; }
}

.nyxnia-order-form[data-enhanced] .nyxnia-order-layout {
  display: grid;
  
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  gap: clamp(40px, 6vw, 92px);
  align-items: start;
  max-width: 1120px;
  margin-inline: auto;
}
.nyxnia-order-form[data-enhanced] .nyxnia-order-aside { position: sticky; top: 100px; }
.nyxnia-order-form[data-enhanced] .nyxnia-order-main { min-inline-size: 0; max-width: 560px; }

.nyxnia-order-panels {
  min-inline-size: 0;
  position: relative; 
  border: 1.2px solid var(--nyxnia-mat-ff-edge, rgba(214, 226, 240, 0.075));
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  background: rgba(3, 5, 10, 0.34);
  padding: 26px 28px 24px;
}

html[data-zone="public"] .nyxnia-order-aside .pub-services-hero {
  text-align: left; margin: 0 0 26px;
  width: auto; max-width: none; padding: 0;
}
.nyxnia-order-aside .pub-services-h1 { font-size: clamp(1.3125rem, 2.2vw, 1.6875rem); line-height: 1.2; margin: 10px 0 0; }
.nyxnia-order-aside .pub-services-lead { font-size: 0.8125rem; line-height: 1.6; margin: 13px 0 0; max-width: none; color: var(--nyxnia-mat-clarity-dim, #92979d); }

.nyxnia-order-aside .nyxnia-order-free { margin-top: 8px; }

.nyxnia-order-form[data-enhanced] .nyxnia-order-step[hidden] { display: none; }
.nyxnia-order-form[data-enhanced] .nyxnia-order-step + .nyxnia-order-step { margin-top: 0; }

.nyxnia-order-form[data-enhanced] .nyxnia-order-panels { min-block-size: 330px; }
@media (max-width: 640px) {
  .nyxnia-order-form[data-enhanced] .nyxnia-order-panels { min-block-size: auto; }
}
.nyxnia-order-form[data-enhanced] .nyxnia-order-step[data-active] { animation: nyxnia-order-fade var(--nyxnia-motion-cap, 220ms) var(--nyxnia-ease-holo, ease) both; }
@keyframes nyxnia-order-fade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .nyxnia-order-form[data-enhanced] .nyxnia-order-step[data-active] { animation: none; }
  .nyxnia-order-choice, .nyxnia-order-chosen-change { transition: none; }
}

.nyxnia-order-steps {
  list-style: none;
  margin: 0;
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-top: 1px solid var(--nyxnia-mat-ff-edge, rgba(200, 222, 255, 0.1235));
  border-bottom: 1px solid var(--nyxnia-mat-ff-edge, rgba(200, 222, 255, 0.1235));
}
.nyxnia-order-steplink {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 4px 9px 14px;
  font-size: 0.8125rem;
  letter-spacing: 0.02em;
  color: rgba(192, 201, 209, 0.46);
  transition: color var(--nyxnia-motion-cap, 220ms) var(--nyxnia-ease-holo, ease);
}
.nyxnia-order-steplink::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2px;
  height: 0;
  background: var(--nyxnia-mat-proj, rgb(108, 184, 252));
  transform: translateY(-50%);
  transition: height var(--nyxnia-motion-cap, 220ms) var(--nyxnia-ease-holo, ease);
}

.nyxnia-order-stepnum {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 0.6875rem;
  letter-spacing: 0.12em;
  width: 1.6em;
  color: rgba(190, 200, 209, 0.4);
}
.nyxnia-order-steplink[data-state="done"]    { color: var(--nyxnia-mat-clarity-dim, #92979d); }
.nyxnia-order-steplink[data-state="current"] { color: var(--nyxnia-mat-clarity, #f4f9ff); }
.nyxnia-order-steplink[data-state="current"]::before { height: 16px; filter: drop-shadow(0 0 6px rgba(var(--nyxnia-blue-charged-rgb, 108, 184, 252), 0.5)); }

.nyxnia-order-steplink[data-state="current"] .nyxnia-order-stepnum { color: rgb(244, 249, 255); }

.nyxnia-order-nav { display: flex; gap: 14px; align-items: center; justify-content: flex-end; margin-top: 32px; }
.nyxnia-order-nav .nyxnia-order-back { margin-right: auto; }
.nyxnia-order-nav .nyxnia-order-home { margin-right: auto; }
.nyxnia-order-nav .gateway-cta { min-width: 128px; }

.nyxnia-order-summary.nyxnia-framed { border-color: transparent; }
.nyxnia-order-summary {
  position: relative;
  margin: 22px 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  border: 1px solid var(--nyxnia-mat-ff-edge, rgba(200, 222, 255, 0.1235));
  clip-path: polygon(var(--order-chamfer) 0, 100% 0, 100% calc(100% - var(--order-chamfer)), calc(100% - var(--order-chamfer)) 100%, 0 100%, 0 var(--order-chamfer));
}
.nyxnia-order-summary::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(200, 222, 255, 0.18), transparent);
  pointer-events: none;
}
.nyxnia-order-summary-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 14px;
  padding: 11px 16px;
  background: rgba(3, 5, 10, 0.34);
  font-size: 0.8438rem;
}
.nyxnia-order-summary-k {
  color: var(--nyxnia-mat-clarity-dim, #92979d);
  font-size: 0.8125rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  align-self: start;
  padding-top: 2px;
}
.nyxnia-order-summary-v { color: var(--nyxnia-mat-clarity, #f4f9ff); white-space: pre-wrap; line-height: 1.5; }

@media (max-width: 880px) {
  .nyxnia-order-form[data-enhanced] .nyxnia-order-layout { display: flex; flex-direction: column; gap: 26px; max-width: 560px; }
  .nyxnia-order-form[data-enhanced] .nyxnia-order-aside { position: static; }
  .nyxnia-order-form[data-enhanced] .nyxnia-order-main { max-width: none; }
  .nyxnia-order-aside .pub-services-hero { text-align: center; margin-bottom: 4px; }
  .nyxnia-order-aside .pub-services-lead { margin-left: auto; margin-right: auto; max-width: 54ch; }
  .nyxnia-order-steps { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 14px; padding: 12px 0; }
  .nyxnia-order-steplink { padding: 4px 0 4px 12px; font-size: 0.8125rem; }
  .nyxnia-order-steplink .nyxnia-order-steptext { display: none; }
  .nyxnia-order-steplink[data-state="current"] .nyxnia-order-steptext { display: inline; }
  .nyxnia-order-steplink::before { top: auto; bottom: -4px; left: 12px; transform: none; width: 0; height: 2px; transition: width var(--nyxnia-motion-cap, 220ms) var(--nyxnia-ease-holo, ease); }
  .nyxnia-order-steplink[data-state="current"]::before { height: 2px; width: 18px; }
}
@media (max-width: 540px) {
  
  .nyxnia-order-nav { gap: 10px; }
  html[data-zone="public"] .nyxnia-order-nav .gateway-cta { min-width: 0; gap: 16px; padding-left: 16px; padding-right: 16px; }
  html[data-zone="public"] .nyxnia-order-nav .nyxnia-order-back,
  html[data-zone="public"] .nyxnia-order-nav .nyxnia-order-home { flex: 0 0 auto; margin-right: 0; }
  html[data-zone="public"] .nyxnia-order-nav .nyxnia-order-next,
  html[data-zone="public"] .nyxnia-order-nav [data-order-submit] { flex: 1 1 auto; line-height: 1.35; }
}

html[data-zone="public"] .nyxnia-intake-row[hidden] { display: none; }

.nyxnia-order-form [data-order-companyfield] { margin-top: 20px; }

@media (max-width: 600px) {
  
  html[data-zone="public"] .nyxnia-order-help { font-size: 0.875rem; }
}

.nyxnia-order-choice:active:not(.nyxnia-order-choice--full) {
  border-color: var(--nyxnia-mat-ff-edge-lit, rgba(200, 222, 255, 0.34));
  background: rgba(3, 5, 10, 0.72);
}

html[data-zone="public"] .nyxnia-order-choice.nyxnia-framed,
html[data-zone="public"] .nyxnia-order-chosen.nyxnia-framed { border-color: transparent; }

html[data-zone="public"] .nyxnia-order-free {
  font-size: 0.8125rem;
  opacity: 0.85;
  margin-top: 6px;
}

html[data-zone="public"][data-nyxnia-diag="flat"] body::before,
html[data-zone="public"][data-nyxnia-diag="flat"] body::after,
html[data-zone="public"][data-nyxnia-diag="flat"] html::before,
html[data-zone="public"][data-nyxnia-diag="flat"] html::after,
html[data-zone="public"][data-nyxnia-diag="flat"] .stage::before,
html[data-zone="public"][data-nyxnia-diag="flat"] .stage::after,
html[data-zone="public"][data-nyxnia-diag="flat"] .public-stage::before,
html[data-zone="public"][data-nyxnia-diag="flat"] .public-stage::after,
html[data-zone="public"][data-nyxnia-diag="flat"] main::before,
html[data-zone="public"][data-nyxnia-diag="flat"] main::after,
html[data-zone="public"][data-nyxnia-diag="flat"] .gw-sections::before,
html[data-zone="public"][data-nyxnia-diag="flat"] .gw-sections::after,
html[data-zone="public"][data-nyxnia-diag="flat"] .gw-section::before,
html[data-zone="public"][data-nyxnia-diag="flat"] .gw-section::after,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-capability-grid::before,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-capability-grid::after,
html[data-zone="public"][data-nyxnia-diag="flat"] .pub-entry-field::before,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-fragment-vol,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-fragment-topo,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-fragment-icon .ring,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-fragment-icon .ring2,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-fragment-icon .conv {
  display: none !important;
}

html[data-zone="public"][data-nyxnia-diag="flat"] body,
html[data-zone="public"][data-nyxnia-diag="flat"] .stage,
html[data-zone="public"][data-nyxnia-diag="flat"] .public-stage,
html[data-zone="public"][data-nyxnia-diag="flat"] .gw-sections,
html[data-zone="public"][data-nyxnia-diag="flat"] .gw-section {
  background-image: none !important;
  box-shadow: none !important;
}

html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-fragment,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-fragment *,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-fragment-icon,
html[data-zone="public"][data-nyxnia-diag="flat"] .nyxnia-fragment-icon * {
  filter: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

