/* ══════════════════════════════════════════════════════════════════
   BASE  •  FONTS  •  DESIGN TOKENS
   ══════════════════════════════════════════════════════════════════ */
:root{
  /* Brand palette */
  --zn-green:#10b981;
  --zn-green-deep:#0d9488;
  --zn-green-bright:#22c55e;
  --zn-cyan:#06b6d4;
  --zn-violet:#3b82f6;
  --zn-pink:#14b8a6;
  --zn-amber:#f59e0b;
  --zn-red:#64748b;
  --zn-blue:#3b82f6;
  --zn-navy-900:#0a0e27;
  --zn-navy-800:#0c1b40;
  --zn-navy-700:#0b2a4a;
  --zn-ink:#050810;
  --zn-ink-soft:#0b0f1a;
  --zn-surface:#111827;
  --zn-border:rgba(255,255,255,.08);
  --zn-text:#e5e7eb;
  --zn-text-dim:rgba(255,255,255,.55);
  --zn-text-faint:rgba(255,255,255,.35);

  /* Shadows & glows */
  --zn-glow-green:0 0 40px rgba(16,185,129,.28);
  --zn-glow-violet:0 0 40px rgba(59,130,246,.28);
  --zn-card-shadow:0 20px 60px rgba(0,0,0,.45);

  /* Motion */
  --zn-ease:cubic-bezier(.22,1,.36,1);
  --zn-ease-in:cubic-bezier(.55,.06,.68,.19);
}

.zn-page *,
.zn-page *::before,
.zn-page *::after{box-sizing:border-box}

.zn-page{
  font-family:'Exo 2',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background:#000;
  color:var(--zn-text);
  line-height:1.55;
}
.zn-page a{text-decoration:none;color:inherit;transition:all .25s var(--zn-ease)}
.zn-page img,
.zn-page svg{max-width:100%;display:block}

/* Reusable section label + title */
.zn-section-label{
  text-align:center;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:var(--zn-green);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:2.8px;
  margin-bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  justify-content:center;
  width:100%;
}
.zn-section-label::before,
.zn-section-label::after{
  content:'';
  display:inline-block;
  width:28px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--zn-green),transparent);
  opacity:.6;
}
.zn-section-title{
  text-align:center;
  font-family:"Orbitron",sans-serif;
  font-size:clamp(24px,3.2vw,38px);
  font-weight:900;
  color:#fff;
  margin-bottom:14px;
  letter-spacing:.5px;
  line-height:1.2;
}
.zn-section-title .green{color:var(--zn-green)}
.zn-section-title .grad{
  background:linear-gradient(135deg,var(--zn-green) 0%,var(--zn-cyan) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.zn-section-sub{
  text-align:center;
  font-size:15px;
  color:var(--zn-text-dim);
  max-width:720px;
  margin:0 auto 52px;
  line-height:1.75;
}

/* Highlight underline helpers */
.zn-hl{
  text-decoration:underline;
  text-decoration-color:var(--zn-green);
  text-decoration-thickness:2px;
  text-underline-offset:4px;
  font-weight:600;
  color:inherit!important;
}
.zn-hl-strong{
  text-decoration:underline;
  text-decoration-color:var(--zn-green);
  text-decoration-thickness:3px;
  text-underline-offset:5px;
  font-weight:700;
  color:inherit!important;
}

/* Generic buttons */
.zn-btn-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 30px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--zn-green) 0%,var(--zn-green-deep) 100%);
  color:#fff!important;
  font-family:'Exo 2',sans-serif;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  letter-spacing:.4px;
  transition:all .25s var(--zn-ease);
  border:1px solid rgba(16,185,129,.4);
  box-shadow:0 8px 24px rgba(16,185,129,.25),inset 0 1px 0 rgba(255,255,255,.15);
  position:relative;
  overflow:hidden;
}
.zn-btn-cta::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);
  transform:translateX(-100%);
  transition:transform .7s var(--zn-ease);
}
.zn-btn-cta:hover::before{transform:translateX(100%)}
.zn-btn-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(16,185,129,.4),inset 0 1px 0 rgba(255,255,255,.2);
}
.zn-btn-ghost{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 28px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.02);
  color:#fff!important;
  font-family:'Exo 2',sans-serif;
  font-size:14px;
  font-weight:600;
  transition:all .25s var(--zn-ease);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.zn-btn-ghost:hover{
  border-color:var(--zn-green);
  color:var(--zn-green)!important;
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(16,185,129,.2);
}
.zn-btn-teal{
  font-family:'Exo 2',sans-serif;
  font-size:14px;
  font-weight:700;
  background:var(--zn-green);
  color:#fff!important;
  padding:14px 32px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:all .25s var(--zn-ease);
}
.zn-btn-teal:hover{
  background:var(--zn-green-deep);
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(13,148,136,.4);
}
.zn-btn-white{
  font-family:'Exo 2',sans-serif;
  font-size:14px;
  font-weight:700;
  background:#fff;
  color:var(--zn-green-deep);
  padding:13px 34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:all .25s var(--zn-ease);
}
.zn-btn-white:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(0,0,0,.35);
}

/* ══════════════════════════════════════════════════════════════════
   NAV
   ══════════════════════════════════════════════════════════════════ */
nav.zn-nav{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(5,8,16,.85);
  backdrop-filter:blur(24px) saturate(160%);
  -webkit-backdrop-filter:blur(24px) saturate(160%);
  border-bottom:1px solid rgba(255,255,255,.06);
  height:64px;
}
nav.zn-nav::after{
  content:'';position:absolute;bottom:-1px;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(16,185,129,.4),transparent);
}
.zn-nav-inner{
  max-width:1240px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;justify-content:space-between;
  height:64px;
}
.zn-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.zn-nav-logo img{height:36px;width:auto}
.zn-nav-logo span{
  font-family:'Orbitron',sans-serif;
  font-size:1.1rem;
  font-weight:800;
  color:#f5f5f5;
  letter-spacing:2.5px;
}
.zn-nav-links{display:flex;align-items:center;gap:28px}
.zn-nav-links a{
  font-family:'Exo 2',sans-serif;
  font-size:.85rem;
  font-weight:500;
  color:rgba(255,255,255,.75);
  text-decoration:none;
  transition:color .2s var(--zn-ease);
  position:relative;
}
.zn-nav-links a::after{
  content:'';position:absolute;
  bottom:-6px;left:50%;
  width:0;height:1px;
  background:var(--zn-green);
  transition:all .3s var(--zn-ease);
  transform:translateX(-50%);
}
.zn-nav-links a:hover{color:var(--zn-green)}
.zn-nav-links a:hover::after{width:100%}
@media(max-width:880px){.zn-nav-links{display:none}}

/* ─── Hamburger button ─── */
.zn-nav-toggle{
  display:none;
  background:transparent;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  cursor:pointer;
  width:40px;height:40px;
  padding:0;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  transition:all .25s var(--zn-ease);
  -webkit-tap-highlight-color:transparent;
}
.zn-nav-toggle:hover{
  border-color:rgba(16,185,129,.4);
  background:rgba(16,185,129,.06);
}
.zn-nav-toggle span{
  display:block;
  width:18px;height:2px;
  background:#f5f5f5;
  border-radius:2px;
  transition:transform .3s var(--zn-ease),opacity .2s var(--zn-ease);
  transform-origin:center;
}
.zn-nav-toggle.active{
  border-color:rgba(16,185,129,.5);
  background:rgba(16,185,129,.08);
}
.zn-nav-toggle.active span:nth-child(1){
  transform:translateY(6px) rotate(45deg);
  background:var(--zn-green);
}
.zn-nav-toggle.active span:nth-child(2){
  opacity:0;
  transform:scaleX(0);
}
.zn-nav-toggle.active span:nth-child(3){
  transform:translateY(-6px) rotate(-45deg);
  background:var(--zn-green);
}

/* ─── Mobile menu drawer ─── */
.zn-nav-mobile{
  display:none;
  position:absolute;
  top:64px;left:0;right:0;
  background:rgba(5,8,16,.97);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
  border-bottom:1px solid rgba(16,185,129,.15);
  box-shadow:0 24px 48px rgba(0,0,0,.5);
  overflow:hidden;
  max-height:0;
  opacity:0;
  pointer-events:none;
  transition:max-height .4s var(--zn-ease),opacity .25s var(--zn-ease);
  z-index:999;
}
.zn-nav-mobile::before{
  content:'';position:absolute;top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(16,185,129,.4),transparent);
}
.zn-nav-mobile.active{
  max-height:540px;
  opacity:1;
  pointer-events:auto;
}
.zn-nav-mobile-inner{padding:10px 24px 24px}
.zn-nav-mobile a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 4px;
  color:rgba(255,255,255,.82);
  font-family:'Exo 2',sans-serif;
  font-size:15px;
  font-weight:500;
  letter-spacing:.3px;
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:color .2s var(--zn-ease),padding-left .25s var(--zn-ease);
}
.zn-nav-mobile a:last-of-type{border-bottom:none}
.zn-nav-mobile a:hover,
.zn-nav-mobile a:active{
  color:var(--zn-green);
  padding-left:8px;
}
.zn-nav-mobile a::after{
  content:'→';
  color:rgba(255,255,255,.3);
  font-size:14px;
  transition:transform .25s var(--zn-ease),color .2s var(--zn-ease);
}
.zn-nav-mobile a:hover::after{
  color:var(--zn-green);
  transform:translateX(4px);
}
.zn-nav-mobile-cta{
  display:block!important;
  margin-top:16px;
  padding:14px 20px!important;
  background:linear-gradient(135deg,var(--zn-green) 0%,var(--zn-green-deep) 100%);
  color:#fff!important;
  border:none!important;
  border-radius:10px;
  text-align:center;
  font-weight:700;
  font-size:14px;
  letter-spacing:.5px;
  box-shadow:0 8px 24px rgba(16,185,129,.25);
}
.zn-nav-mobile-cta::after{display:none}
.zn-nav-mobile-cta:hover{padding-left:20px!important}

/* ─── Responsive toggle of hamburger + desktop CTA ─── */
@media(max-width:880px){
  .zn-nav-toggle{display:flex}
  .zn-nav-mobile{display:block}
  .zn-nav .zn-btn-cta{display:none}
}

/* ══════════════════════════════════════════════════════════════════
   HERO  •  New "Marketing Was Rigged for Giants" angle
   ══════════════════════════════════════════════════════════════════ */
.zolo-hero-section{
  position:relative;width:100%;
  background:linear-gradient(135deg,#0a0e27 0%,#0f172a 50%,#0a1f3a 100%);
  display:flex;align-items:center;justify-content:center;
  padding:70px 20px 90px;
  overflow:hidden;
  isolation:isolate;
}
.zolo-hero-section::before{
  content:'';position:absolute;inset:0;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -20%,rgba(16,185,129,.18),transparent),
    radial-gradient(ellipse 60% 40% at 80% 110%,rgba(59,130,246,.12),transparent),
    radial-gradient(ellipse 60% 40% at 20% 110%,rgba(59,130,246,.12),transparent);
  pointer-events:none;z-index:1;
}
.zolo-bg-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(16,185,129,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,185,129,.06) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000,transparent);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000,transparent);
  opacity:.55;
  z-index:1;
}
.zolo-bg-video{
  position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;opacity:.28;z-index:0;
}
.zolo-inner{
  position:relative;z-index:3;max-width:920px;
  text-align:center;margin:0 auto;
}

/* Pre-hero badge — new story tag */
.zn-hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;
  background:rgba(16,185,129,.08);
  border:1px solid rgba(16,185,129,.25);
  border-radius:100px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:var(--zn-green);
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:600;
  margin-bottom:24px;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.zn-hero-badge .pulse-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--zn-green);
  box-shadow:0 0 8px var(--zn-green),0 0 16px rgba(16,185,129,.6);
  animation:zn-pulse 1.8s ease-in-out infinite;
}
@keyframes zn-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}

/* Video container */
.zolonet-video-container{
  position:relative;width:100%;max-width:740px;
  margin:0 auto 48px;
  border-radius:16px;overflow:hidden;
  border:1px solid rgba(16,185,129,.25);
  box-shadow:
    0 0 0 1px rgba(16,185,129,.1),
    0 24px 64px rgba(0,0,0,.7),
    0 0 60px rgba(16,185,129,.12);
  aspect-ratio:16/9;
  background:#0d0d1a;
}
.zolonet-video-container::before{
  content:'';position:absolute;inset:-1px;
  background:linear-gradient(135deg,var(--zn-green),var(--zn-cyan),var(--zn-violet));
  z-index:-1;border-radius:16px;
  opacity:.35;
  animation:zn-border-glow 8s ease-in-out infinite;
}
@keyframes zn-border-glow{
  0%,100%{opacity:.25;filter:hue-rotate(0deg)}
  50%{opacity:.45;filter:hue-rotate(40deg)}
}
.zolonet-video-container iframe{
  width:100%;height:100%;border:none;display:block;
}
.mute-button{
  position:absolute;bottom:16px;right:16px;
  width:44px;height:44px;
  background:rgba(0,0,0,.78);
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .25s var(--zn-ease);z-index:10;
}
.mute-button:hover{
  background:rgba(16,185,129,.22);
  border-color:rgba(16,185,129,.5);
  transform:scale(1.08);
}
.mute-button svg{width:22px;height:22px;fill:#fff}

/* Main headline */
.zolonet-heading{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(32px,5.8vw,66px);
  font-weight:900;
  line-height:1.08;
  color:#fff;
  margin-bottom:22px;
  letter-spacing:.5px;
}
.zolonet-heading .white-text{color:#fff;display:block}
.zolonet-heading .green-text{
  background:linear-gradient(135deg,var(--zn-green) 0%,var(--zn-cyan) 60%,var(--zn-violet) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  display:block;
}
.zolonet-subhead{
  font-size:clamp(16px,1.7vw,20px);
  font-weight:400;
  color:rgba(255,255,255,.78);
  max-width:640px;
  margin:0 auto 44px;
  line-height:1.65;
}
.zolonet-subhead strong{color:#fff;font-weight:700}
.zolonet-subhead .zn-price{
  background:linear-gradient(135deg,var(--zn-green),var(--zn-green-bright));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:800;
}

/* Hero feature grid */
.zolonet-features{
  font-family:'Exo 2',sans-serif;
  color:#fff;max-width:900px;margin:0 auto;text-align:center;
}
.zn-feat-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px 28px;
  margin:0 auto 32px;
  max-width:880px;
  text-align:left;
}
.zn-feat-item{
  display:flex;align-items:flex-start;gap:10px;
  font-size:14px;font-weight:500;
  color:rgba(255,255,255,.88);
  line-height:1.45;
}
.zn-feat-icon{flex-shrink:0;margin-top:1px}
@media(max-width:768px){
  .zn-feat-grid{grid-template-columns:1fr 1fr;gap:10px 16px}
  .zn-feat-item{font-size:13px}
}
@media(max-width:480px){.zn-feat-grid{grid-template-columns:1fr}}

.tagline{
  font-size:clamp(16px,1.8vw,22px);
  font-weight:600;
  letter-spacing:.3px;
  margin-top:14px;
  color:rgba(255,255,255,.88);
}

/* Hero CTA row */
.zn-hero-ctas{
  display:flex;gap:14px;justify-content:center;
  flex-wrap:wrap;margin-top:32px;
}
.zn-hero-trust{
  margin-top:28px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:rgba(255,255,255,.4);
  letter-spacing:1.5px;
  text-transform:uppercase;
}
.zn-hero-trust strong{color:var(--zn-green);font-weight:700}


/* ══════════════════════════════════════════════════════════════════
   THE MARKETING DIVIDE  •  NEW  •  Problem-aware section
   ══════════════════════════════════════════════════════════════════ */
.zn-divide{
  padding:110px 0;
  background:linear-gradient(180deg,#0a1028 0%,#050810 100%);
  position:relative;
  overflow:hidden;
}
.zn-divide::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse 60% 40% at 20% 30%,rgba(100,116,139,.08),transparent),
    radial-gradient(ellipse 60% 40% at 80% 70%,rgba(16,185,129,.08),transparent);
  pointer-events:none;
}
.zn-divide-inner{
  max-width:1180px;margin:0 auto;padding:0 28px;
  position:relative;z-index:2;
}
.zn-divide-hero{text-align:center;margin-bottom:56px}
.zn-divide-hero h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(28px,4.2vw,50px);
  font-weight:900;
  color:#fff;
  line-height:1.15;
  margin-bottom:18px;
  letter-spacing:.5px;
}
.zn-divide-hero h2 .red{color:var(--zn-red)}
.zn-divide-hero h2 .grad{
  background:linear-gradient(135deg,var(--zn-green),var(--zn-cyan));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.zn-divide-hero p{
  font-size:17px;color:rgba(255,255,255,.65);
  max-width:680px;margin:0 auto;line-height:1.75;
}

/* The Split — Fortune 500 vs Reality */
.zn-divide-split{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:28px;
  align-items:stretch;
  margin-top:40px;
}
.zn-divide-col{
  border-radius:20px;padding:36px 32px;
  position:relative;overflow:hidden;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.zn-divide-col.giant{
  background:linear-gradient(145deg,rgba(100,116,139,.07),rgba(100,116,139,.02));
  border:1px solid rgba(100,116,139,.18);
}
.zn-divide-col.giant::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--zn-red),transparent);
}
.zn-divide-col.reality{
  background:linear-gradient(145deg,rgba(16,185,129,.07),rgba(16,185,129,.02));
  border:1px solid rgba(16,185,129,.18);
}
.zn-divide-col.reality::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--zn-green),transparent);
}
.zn-divide-tag{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:6px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;
  letter-spacing:2.5px;text-transform:uppercase;
  margin-bottom:16px;
}
.zn-divide-col.giant .zn-divide-tag{
  background:rgba(100,116,139,.15);color:var(--zn-red);
}
.zn-divide-col.reality .zn-divide-tag{
  background:rgba(16,185,129,.15);color:var(--zn-green);
}
.zn-divide-col h3{
  font-family:'Orbitron',sans-serif;
  font-size:22px;color:#fff;margin-bottom:10px;line-height:1.25;
}
.zn-divide-col .lede{
  font-size:14px;color:rgba(255,255,255,.6);margin-bottom:22px;line-height:1.6;
}
.zn-divide-list{list-style:none;padding:0;margin:0}
.zn-divide-list li{
  display:flex;align-items:flex-start;gap:12px;
  padding:10px 0;
  font-size:14px;color:rgba(255,255,255,.78);
  border-bottom:1px dashed rgba(255,255,255,.05);
  line-height:1.55;
}
.zn-divide-list li:last-child{border-bottom:none}
.zn-divide-list li strong{color:#fff;font-weight:600}
.zn-divide-icon{
  flex-shrink:0;width:18px;height:18px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-top:1px;
  font-size:12px;font-weight:900;
}
.zn-divide-col.giant .zn-divide-icon{
  background:rgba(100,116,139,.2);color:var(--zn-red);
}
.zn-divide-col.reality .zn-divide-icon{
  background:rgba(16,185,129,.2);color:var(--zn-green);
}

/* The VS divider */
.zn-divide-vs{
  display:flex;align-items:center;justify-content:center;
  width:80px;position:relative;
}
.zn-divide-vs-line{
  position:absolute;top:0;bottom:0;left:50%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.12),transparent);
}
.zn-divide-vs-badge{
  width:54px;height:54px;border-radius:50%;
  background:#050810;
  border:1px solid rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  font-family:'Orbitron',sans-serif;
  font-size:13px;font-weight:900;letter-spacing:1px;
  color:rgba(255,255,255,.55);
  z-index:2;
  box-shadow:0 0 24px rgba(255,255,255,.05);
}

/* The CTA below the split */
.zn-divide-conclusion{
  text-align:center;margin-top:52px;
  padding:30px 28px;
  background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(6,182,212,.05));
  border-radius:16px;
  border:1px solid rgba(16,185,129,.2);
}
.zn-divide-conclusion h3{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(20px,2.4vw,28px);
  color:#fff;margin-bottom:8px;line-height:1.3;
}
.zn-divide-conclusion h3 .green{color:var(--zn-green)}
.zn-divide-conclusion p{
  font-size:15px;color:rgba(255,255,255,.7);
  max-width:620px;margin:0 auto;line-height:1.7;
}

@media(max-width:900px){
  .zn-divide-split{grid-template-columns:1fr;gap:18px}
  .zn-divide-vs{width:auto;height:60px}
  .zn-divide-vs-line{width:60%;height:1px;top:50%;left:20%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  }
}

/* ══════════════════════════════════════════════════════════════════
   WHAT WE DO — White section (kept, tightened)
   ══════════════════════════════════════════════════════════════════ */
.zn-whatwedo{
  background:#fff;
  color:#0b1120!important;
  padding:90px 0 110px;
  position:relative;
}
.zn-whatwedo::before{
  content:'';position:absolute;top:0;left:0;right:0;height:6px;
  background:linear-gradient(90deg,var(--zn-green),var(--zn-cyan),var(--zn-violet));
}
.zn-robot-float{
  position:absolute;top:-130px;
  right:calc((100% - 1200px)/2 + 20px);
  width:210px;z-index:20;
  animation:float-robot 3.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes float-robot{
  0%,100%{transform:translateY(0) rotate(-2deg)}
  50%{transform:translateY(-16px) rotate(2deg)}
}
@media(max-width:1260px){
  .zn-robot-float{right:20px;width:180px;top:-110px}
}
.zn-whatwedo-inner{
  display:grid;grid-template-columns:1fr 1fr;
  gap:64px;align-items:center;
  max-width:1140px;margin:0 auto;padding:40px 28px 0;
}
.zn-whatwedo-img-wrap{position:relative}
.zn-whatwedo-img-wrap img{
  width:100%;border-radius:14px;
  border-left:4px solid var(--zn-green);
  box-shadow:0 16px 48px rgba(0,0,0,.18),0 4px 12px rgba(16,185,129,.08);
}
.zn-whatwedo-img-wrap::before{
  content:'';position:absolute;top:20px;left:-20px;bottom:-20px;right:20px;
  background:linear-gradient(135deg,rgba(16,185,129,.06),transparent);
  border-radius:14px;z-index:-1;
}
.zn-whatwedo-text h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(26px,3.2vw,40px);
  color:#0b1120!important;
  margin-bottom:14px;font-weight:900;line-height:1.2;
}
.zn-whatwedo-text h2 .zn-hl-strong{
  color:#0b1120!important;
  text-decoration-color:var(--zn-green);
}
.zn-whatwedo-text .zn-sub{
  font-size:17px;color:#1f2937!important;font-weight:700;margin-bottom:16px;
}
.zn-whatwedo-text p{
  font-size:15px;line-height:1.8;color:#334155!important;margin-bottom:16px;
}
.zn-whatwedo-text h3{
  font-family:'Orbitron',sans-serif;
  font-size:15px;
  color:#0b1120!important;
  margin:8px 0 12px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
}
.zn-whatwedo-text .zn-hl,
.zn-whatwedo-text .zn-hl-strong{color:#0b1120!important}
.zn-list{list-style:none;padding:0;margin-bottom:24px}
.zn-list li{
  display:flex;align-items:flex-start;gap:12px;
  padding:10px 0;font-size:15px;
  color:#1f2937!important;line-height:1.55;
  border-bottom:1px solid rgba(16,185,129,.1);
}
.zn-list li:last-child{border-bottom:none}
.zn-list li::before{
  content:"›";
  color:var(--zn-green);
  font-size:24px;font-weight:900;
  line-height:1.1;flex-shrink:0;margin-top:-2px;
}

@media(max-width:840px){
  .zn-whatwedo-inner{grid-template-columns:1fr;gap:36px}
  .zn-robot-float{width:110px;top:-70px;right:16px}
  .zn-whatwedo{padding:60px 0 80px}
}

/* ══════════════════════════════════════════════════════════════════
   THE REAL COST  •  NEW  •  Comparison section
   ══════════════════════════════════════════════════════════════════ */
.zn-cost{
  padding:110px 0;
  background:
    radial-gradient(ellipse 90% 50% at 50% 0%,rgba(100,116,139,.08),transparent),
    linear-gradient(180deg,#050810 0%,#0a0f1e 100%);
  position:relative;overflow:hidden;
}
.zn-cost-inner{
  max-width:1100px;margin:0 auto;padding:0 28px;
  position:relative;z-index:2;
}
.zn-cost-hero{text-align:center;margin-bottom:56px}
.zn-cost-hero h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(26px,3.6vw,42px);
  color:#fff;line-height:1.2;margin-bottom:14px;
}
.zn-cost-hero h2 .red{color:var(--zn-red)}
.zn-cost-hero p{
  font-size:16px;color:rgba(255,255,255,.6);
  max-width:620px;margin:0 auto;line-height:1.7;
}

.zn-cost-table{
  background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(0,0,0,.3));
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 32px 80px rgba(0,0,0,.5);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.zn-cost-row{
  display:grid;
  grid-template-columns:40px 1fr 120px 130px;
  gap:18px;
  align-items:center;
  padding:20px 28px;
  border-bottom:1px solid rgba(255,255,255,.05);
  transition:background .25s var(--zn-ease);
}
.zn-cost-row:hover{background:rgba(255,255,255,.02)}
.zn-cost-row:last-child{border-bottom:none}
.zn-cost-row.zn-cost-head{
  background:rgba(100,116,139,.08);
  padding:16px 28px;
  border-bottom:1px solid rgba(100,116,139,.18);
}
.zn-cost-row.zn-cost-head span{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,255,255,.5);
  font-weight:700;
}
.zn-cost-icon{
  width:40px;height:40px;border-radius:10px;
  background:linear-gradient(135deg,rgba(100,116,139,.15),rgba(100,116,139,.05));
  border:1px solid rgba(100,116,139,.2);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;
}
.zn-cost-role{
  font-family:'Exo 2',sans-serif;
  font-size:15px;color:#fff;font-weight:600;
}
.zn-cost-role span{
  display:block;font-size:12px;
  color:rgba(255,255,255,.45);font-weight:400;margin-top:2px;
}
.zn-cost-freq{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:rgba(255,255,255,.4);
  letter-spacing:1px;text-transform:uppercase;
}
.zn-cost-amt{
  font-family:'Orbitron',sans-serif;
  font-size:18px;font-weight:700;
  color:#94a3b8;
  text-align:right;
}
.zn-cost-row.zn-cost-total{
  background:linear-gradient(90deg,rgba(100,116,139,.08),rgba(100,116,139,.02));
  border-top:2px solid rgba(100,116,139,.3);
  padding:26px 28px;
}
.zn-cost-row.zn-cost-total .zn-cost-role{font-size:17px;font-weight:700}
.zn-cost-row.zn-cost-total .zn-cost-amt{
  font-size:26px;color:#cbd5e1;
  text-shadow:0 0 24px rgba(100,116,139,.35);
}

.zn-cost-vs{
  text-align:center;
  padding:38px 28px 28px;
  position:relative;
}
.zn-cost-vs::before{
  content:'';position:absolute;top:0;left:50%;
  transform:translateX(-50%);
  width:2px;height:26px;
  background:linear-gradient(180deg,var(--zn-red),var(--zn-green));
}
.zn-cost-vs span{
  display:inline-block;
  padding:8px 20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.15);
  border-radius:100px;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;color:rgba(255,255,255,.65);
  letter-spacing:3px;text-transform:uppercase;font-weight:700;
}

.zn-cost-zolonet{
  background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(6,182,212,.06));
  border:1px solid rgba(16,185,129,.3);
  border-radius:20px;
  padding:32px 28px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:22px;align-items:center;
  box-shadow:0 0 0 1px rgba(16,185,129,.08),0 32px 80px rgba(16,185,129,.12);
  position:relative;
  overflow:hidden;
}
.zn-cost-zolonet::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 100% at 50% 100%,rgba(16,185,129,.15),transparent);
  pointer-events:none;
}
.zn-cost-zolonet > *{position:relative;z-index:2}
.zn-cost-logo-bubble{
  width:60px;height:60px;border-radius:14px;
  background:linear-gradient(135deg,var(--zn-green),var(--zn-cyan));
  display:flex;align-items:center;justify-content:center;
  font-family:'Orbitron',sans-serif;
  font-size:22px;font-weight:900;color:#000;
  box-shadow:0 0 24px rgba(16,185,129,.5);
}
.zn-cost-zolonet-text h3{
  font-family:'Orbitron',sans-serif;
  font-size:22px;color:#fff;margin-bottom:4px;line-height:1.2;
}
.zn-cost-zolonet-text p{
  font-size:13px;color:rgba(255,255,255,.6);
  font-family:'JetBrains Mono',monospace;letter-spacing:1px;
}
.zn-cost-zolonet-price{
  text-align:right;
}
.zn-cost-zolonet-price .amt{
  font-family:'Orbitron',sans-serif;
  font-size:32px;font-weight:900;
  background:linear-gradient(135deg,var(--zn-green),var(--zn-green-bright));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  line-height:1;
}
.zn-cost-zolonet-price .freq{
  display:block;margin-top:4px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;color:rgba(255,255,255,.45);
  letter-spacing:1.5px;text-transform:uppercase;
}
.zn-cost-savings{
  margin-top:24px;text-align:center;
  font-family:'JetBrains Mono',monospace;
  font-size:13px;color:rgba(255,255,255,.55);
  letter-spacing:1px;
}
.zn-cost-savings strong{
  color:var(--zn-green);font-weight:700;
  font-size:15px;letter-spacing:.5px;
}

@media(max-width:720px){
  .zn-cost-row{
    grid-template-columns:36px 1fr 100px;
    gap:12px;padding:16px 18px;
  }
  .zn-cost-row .zn-cost-freq{display:none}
  .zn-cost-row.zn-cost-head{grid-template-columns:36px 1fr 100px}
  .zn-cost-role{font-size:14px}
  .zn-cost-amt{font-size:15px}
  .zn-cost-row.zn-cost-total .zn-cost-amt{font-size:20px}
  .zn-cost-zolonet{
    grid-template-columns:1fr;text-align:center;gap:12px;
  }
  .zn-cost-logo-bubble{margin:0 auto}
  .zn-cost-zolonet-price{text-align:center}
}

/* ══════════════════════════════════════════════════════════════════
   TRUSTED BY  •  NEW  •  Futuristic sliding logo marquee
   ══════════════════════════════════════════════════════════════════ */
.zn-trusted{
  padding:90px 0;
  background:
    radial-gradient(ellipse 80% 50% at 50% 50%,rgba(16,185,129,.06),transparent),
    linear-gradient(180deg,#0a0f1e 0%,#050810 100%);
  position:relative;overflow:hidden;
  border-top:1px solid rgba(16,185,129,.08);
  border-bottom:1px solid rgba(16,185,129,.08);
}
.zn-trusted::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 20%,var(--zn-green) 50%,transparent 80%);
  animation:zn-scan-line 6s linear infinite;
}
@keyframes zn-scan-line{
  0%{opacity:0}
  50%{opacity:1}
  100%{opacity:0}
}
.zn-trusted-head{text-align:center;margin-bottom:52px;padding:0 28px}
.zn-trusted-head h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(22px,2.8vw,32px);
  color:#fff;margin-bottom:14px;letter-spacing:.5px;
}
.zn-trusted-head h2 .grad{
  background:linear-gradient(135deg,var(--zn-green),var(--zn-cyan));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.zn-trusted-head p{
  font-size:15px;color:rgba(255,255,255,.55);
  max-width:640px;margin:0 auto;line-height:1.7;
}

.zn-logo-row{
  width:100%;overflow:hidden;position:relative;
  margin-bottom:22px;
  mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);
}
.zn-logo-track{
  display:flex;gap:24px;width:max-content;
  animation:zn-logo-scroll 42s linear infinite;
}
.zn-logo-row.reverse .zn-logo-track{
  animation:zn-logo-scroll-rev 48s linear infinite;
}
.zn-logo-row.slow .zn-logo-track{animation-duration:55s}
@keyframes zn-logo-scroll{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
@keyframes zn-logo-scroll-rev{
  0%{transform:translateX(-50%)}
  100%{transform:translateX(0)}
}
.zn-logo-pill{
  flex-shrink:0;
  height:92px;min-width:220px;
  padding:0 36px;
  display:flex;align-items:center;justify-content:center;
  background:
    linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  position:relative;overflow:hidden;
  transition:all .4s var(--zn-ease);
}
.zn-logo-pill::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,transparent 40%,rgba(16,185,129,.12) 50%,transparent 60%);
  opacity:0;transition:opacity .4s var(--zn-ease);
}
.zn-logo-pill:hover{
  border-color:rgba(16,185,129,.3);
  box-shadow:0 0 30px rgba(16,185,129,.15),inset 0 0 20px rgba(16,185,129,.04);
  transform:translateY(-2px);
}
.zn-logo-pill:hover::before{opacity:1}
.zn-logo-pill img{
  height:40px;max-width:160px;
  object-fit:contain;
  filter:brightness(0) invert(1) opacity(.75);
  transition:filter .3s var(--zn-ease);
}
.zn-logo-pill:hover img{
  filter:brightness(0) invert(1) opacity(1);
}
.zn-trusted-footer{
  text-align:center;margin-top:40px;padding:0 28px;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;color:rgba(255,255,255,.4);
  letter-spacing:1.5px;text-transform:uppercase;
}
.zn-trusted-footer strong{color:var(--zn-green);font-weight:700}
.zn-trusted-stats{
  display:flex;justify-content:center;gap:48px;
  margin-top:24px;flex-wrap:wrap;
}
.zn-trusted-stat{
  text-align:center;
}
.zn-trusted-stat .n{
  font-family:'Orbitron',sans-serif;
  font-size:28px;font-weight:900;
  background:linear-gradient(135deg,var(--zn-green),var(--zn-cyan));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  display:block;line-height:1;
}
.zn-trusted-stat .l{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-top:6px;display:block;
}

@media(max-width:640px){
  .zn-logo-pill{min-width:160px;height:72px;padding:0 24px}
  .zn-logo-pill img{height:32px;max-width:120px}
  .zn-trusted-stats{gap:24px}
  .zn-trusted-stat .n{font-size:22px}
}


/* ══════════════════════════════════════════════════════════════════
   CALL ZOLO — kept, polished
   ══════════════════════════════════════════════════════════════════ */
.zn-callzolo{
  padding:86px 0;text-align:center;
  background:linear-gradient(135deg,#001a1a 0%,#002828 50%,#001622 100%);
  position:relative;overflow:hidden;
}
.zn-callzolo-bg{position:absolute;inset:0;opacity:.18}
.zn-callzolo-bg img{width:100%;height:100%;object-fit:cover}
.zn-callzolo::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(16,185,129,.1),transparent 60%);
}
.zn-callzolo .zn-inner{
  position:relative;z-index:2;
  max-width:1200px;margin:0 auto;padding:0 28px;
}
.zn-callzolo h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(26px,4vw,44px);
  margin-bottom:14px;color:#fff;letter-spacing:.5px;
}
.zn-callzolo h2 .green{color:var(--zn-green)}
.zn-callzolo p{
  font-size:16px;color:rgba(255,255,255,.65);
  max-width:580px;margin:0 auto 32px;line-height:1.75;
}

/* ══════════════════════════════════════════════════════════════════
   CORE FOUR — kept, glow preserved
   ══════════════════════════════════════════════════════════════════ */
.zn-corefour{
  padding:110px 0;
  background:linear-gradient(145deg,#0c1b40 0%,#0b2a4a 40%,#0c2440 80%,#0e1a38 100%);
  position:relative;overflow:hidden;
}
.zn-corefour::before{
  content:'';position:absolute;top:-150px;left:-100px;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(16,185,129,.1),transparent 65%);
  pointer-events:none;
}
.zn-corefour::after{
  content:'';position:absolute;bottom:-150px;right:-100px;
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(59,130,246,.1),transparent 65%);
  pointer-events:none;
}
.zn-cf-header{
  text-align:center;margin-bottom:52px;
  padding:0 28px;position:relative;z-index:2;
}
.zncf-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:20px;
  max-width:1080px;margin:0 auto;padding:0 28px;
  position:relative;z-index:2;
}
.zncf-card{
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .4s var(--zn-ease),box-shadow .4s var(--zn-ease),border-color .4s var(--zn-ease);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.zncf-card:hover{
  transform:translateY(-10px);
  box-shadow:0 32px 72px rgba(0,0,0,.55),0 0 0 1px rgba(var(--zncf-rgb),.22);
  border-color:rgba(var(--zncf-rgb),.3);
}
.zncf-top{
  padding:30px 28px 22px;
  background:linear-gradient(135deg,rgba(var(--zncf-rgb),.18),rgba(var(--zncf-rgb),.04));
  border-bottom:1px solid rgba(var(--zncf-rgb),.22);
  position:relative;overflow:hidden;
}
.zncf-top::before{
  content:'';position:absolute;top:-40px;right:-40px;
  width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle,rgba(var(--zncf-rgb),.2),transparent 70%);
}
.zncf-tag{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;letter-spacing:2.5px;text-transform:uppercase;
  color:rgba(var(--zncf-rgb),.9);margin-bottom:12px;
}
.zncf-tag::before{
  content:'';width:5px;height:5px;border-radius:50%;
  background:rgba(var(--zncf-rgb),1);flex-shrink:0;
  animation:zncf-blink 2s ease-in-out infinite;
}
@keyframes zncf-blink{0%,100%{opacity:1}50%{opacity:.3}}
.zncf-stat{
  font-family:"Orbitron",sans-serif;
  font-size:clamp(48px,5.5vw,72px);
  font-weight:900;line-height:1;
  color:var(--zncf-color);
  text-shadow:0 0 30px rgba(var(--zncf-rgb),.7),0 0 80px rgba(var(--zncf-rgb),.3);
  display:block;margin-bottom:6px;
}
.zncf-unit{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;letter-spacing:4px;text-transform:uppercase;
  color:rgba(255,255,255,.35);
}
.zncf-body{
  padding:22px 28px 28px;flex:1;
  display:flex;flex-direction:column;
}
.zncf-title{
  font-family:"Orbitron",sans-serif;
  font-size:clamp(15px,1.6vw,18px);
  color:#fff;line-height:1.4;margin-bottom:10px;font-weight:700;
}
.zncf-desc{
  font-size:13.5px;color:rgba(255,255,255,.5);line-height:1.85;
}
.zncf-desc strong{color:rgba(255,255,255,.8);font-weight:600}
.zncf-bar{
  height:3px;
  background:linear-gradient(90deg,rgba(var(--zncf-rgb),.8),transparent);
  margin-top:auto;
}
.zncf-card:nth-child(1){--zncf-color:#10b981;--zncf-rgb:16,185,129}
.zncf-card:nth-child(2){--zncf-color:#06b6d4;--zncf-rgb:6,182,212}
.zncf-card:nth-child(3){--zncf-color:#14b8a6;--zncf-rgb:20,184,166}
.zncf-card:nth-child(4){--zncf-color:#3b82f6;--zncf-rgb:59,130,246}
@media(max-width:768px){
  .zncf-grid{grid-template-columns:1fr;gap:14px}
  .zncf-stat{font-size:48px}
  .zncf-top{padding:22px 20px 16px}
  .zncf-body{padding:16px 20px 20px}
}

/* ══════════════════════════════════════════════════════════════════
   AGENTS — Enhanced with status strip & hover connections
   ══════════════════════════════════════════════════════════════════ */
.zn-agents{
  padding:110px 0;
  background:linear-gradient(180deg,#0a0f1e 0%,#0f172a 100%);
  position:relative;overflow:hidden;
}
.zn-agents::before{
  content:'';position:absolute;top:0;left:50%;
  transform:translateX(-50%);
  width:600px;height:600px;
  background:radial-gradient(circle,rgba(16,185,129,.05),transparent 70%);
  pointer-events:none;
}
.zn-agents-head{max-width:1200px;margin:0 auto;padding:0 28px}
.zn-agents-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  margin-top:48px;max-width:1200px;
  margin-left:auto;margin-right:auto;padding:0 28px;
}
.zn-agent-card{
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(0,0,0,.45));
  border:1px solid rgba(16,185,129,.08);
  border-radius:22px;
  padding:36px 26px 30px;
  text-align:center;
  transition:all .45s var(--zn-ease);
  position:relative;overflow:hidden;
}
.zn-agent-card::before{
  content:'';position:absolute;inset:0;
  background:var(--agent-glow);
  opacity:0;
  transition:opacity .45s var(--zn-ease);
  border-radius:22px;pointer-events:none;
}
.zn-agent-card::after{
  content:'';position:absolute;top:0;left:-100%;
  width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--agent-color,var(--zn-green)),transparent);
  transition:left .7s var(--zn-ease);
}
.zn-agent-card:hover{
  transform:translateY(-10px);
  border-color:var(--agent-color,var(--zn-green));
  box-shadow:0 24px 64px rgba(0,0,0,.5),0 0 40px rgba(var(--agent-rgb,16,185,129),.18);
}
.zn-agent-card:hover::before{opacity:1}
.zn-agent-card:hover::after{left:100%}
.zn-agent-status{
  position:absolute;top:18px;right:18px;
  display:flex;align-items:center;gap:6px;
  padding:5px 10px;border-radius:100px;
  background:rgba(16,185,129,.12);
  border:1px solid rgba(16,185,129,.25);
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  color:var(--zn-green);
  letter-spacing:1.5px;
  text-transform:uppercase;font-weight:700;
  z-index:2;
}
.zn-agent-status .dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--zn-green);
  box-shadow:0 0 6px var(--zn-green);
  animation:zn-pulse 1.8s ease-in-out infinite;
}
.zn-agent-img{
  width:100px;height:100px;border-radius:50%;
  object-fit:cover;margin:0 auto 16px;display:block;
  position:relative;z-index:1;
  animation:float-robot 3.5s ease-in-out infinite;
  animation-delay:var(--delay,0s);
  border:2px solid var(--agent-color,var(--zn-green));
  box-shadow:0 0 24px rgba(var(--agent-rgb,16,185,129),.3),inset 0 0 20px rgba(0,0,0,.3);
}
.zn-agent-card h3{
  font-family:'Orbitron',sans-serif;
  font-size:18px;
  position:relative;z-index:1;
  margin-bottom:4px;
  color:var(--agent-color,var(--zn-green));
  letter-spacing:2px;
}
.zn-agent-role{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;
  text-transform:uppercase;
  letter-spacing:2px;
  color:rgba(255,255,255,.4);
  margin-bottom:14px;
  position:relative;z-index:1;
}
.zn-agent-card p{
  font-size:13.5px;
  color:rgba(255,255,255,.55);
  line-height:1.7;
  position:relative;z-index:1;
}
.zn-agent-card .zn-agent-meta{
  display:flex;justify-content:center;gap:14px;
  margin-top:18px;padding-top:16px;
  border-top:1px solid rgba(255,255,255,.05);
  position:relative;z-index:1;
}
.zn-agent-card .zn-agent-meta span{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:rgba(255,255,255,.4);
  letter-spacing:1px;
  text-transform:uppercase;
}
.zn-agent-card .zn-agent-meta strong{
  color:rgba(255,255,255,.75);
  font-weight:700;display:block;
  font-family:'Orbitron',sans-serif;font-size:13px;margin-top:2px;
}
@media(max-width:920px){.zn-agents-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.zn-agents-grid{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════════════════
   PLATFORM SHOWCASE
   ══════════════════════════════════════════════════════════════════ */
.zn-showcase{
  padding:110px 0;
  background:#030308;text-align:center;
  position:relative;overflow:hidden;
}
.zn-showcase::before{
  content:'';position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:800px;height:400px;
  background:radial-gradient(ellipse,rgba(59,130,246,.08),transparent 70%);
}
.zn-showcase-inner{max-width:1120px;margin:0 auto;padding:0 28px;position:relative}
.zn-showcase-img{
  margin-top:46px;
  border-radius:16px;overflow:hidden;
  border:1px solid rgba(16,185,129,.1);
  box-shadow:0 24px 64px rgba(0,0,0,.55),0 0 60px rgba(16,185,129,.08);
  position:relative;
}
.zn-showcase-img::before{
  content:'';position:absolute;top:-1px;left:0;right:0;
  height:32px;background:#1a1a2e;
  border-radius:16px 16px 0 0;z-index:2;
  border-bottom:1px solid rgba(255,255,255,.05);
}
.zn-showcase-img::after{
  content:'● ● ●';
  position:absolute;top:8px;left:14px;z-index:3;
  font-size:9px;letter-spacing:4px;color:rgba(255,255,255,.35);
}
.zn-showcase-img img{width:100%;display:block;border-radius:0 0 16px 16px}
.zn-showcase-tabs{
  display:flex;gap:10px;justify-content:center;
  margin-top:36px;flex-wrap:wrap;
}
.zn-showcase-tab{
  padding:9px 20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  color:rgba(255,255,255,.55);
  font-size:13px;font-weight:600;
  transition:all .3s var(--zn-ease);
  cursor:default;
}
.zn-showcase-tab:hover{
  border-color:rgba(16,185,129,.3);
  color:var(--zn-green);
  background:rgba(16,185,129,.06);
  transform:translateY(-2px);
}

/* Video section */
.zn-video-sec{
  padding:90px 0;background:#020205;text-align:center;
  position:relative;
}
.zn-video-sec-inner{max-width:1000px;margin:0 auto;padding:0 28px}
.zn-video-sec h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(24px,3.4vw,40px);color:#fff;margin-bottom:14px;
}
.zn-video-sec h2 .green{color:var(--zn-green)}
.zn-video-sec > .zn-video-sec-inner > p{
  font-size:16px;color:rgba(255,255,255,.55);
  max-width:680px;margin:0 auto 36px;line-height:1.75;
}
.zn-video-wrap{
  max-width:880px;margin:0 auto;
  border-radius:14px;overflow:hidden;
  border:1px solid rgba(16,185,129,.1);
  aspect-ratio:16/9;
  box-shadow:0 20px 48px rgba(0,0,0,.6);
}
.zn-video-wrap iframe{width:100%;height:100%;border:none}

/* ══════════════════════════════════════════════════════════════════
   BEFORE / AFTER  •  NEW  •  Split comparison
   ══════════════════════════════════════════════════════════════════ */
.zn-ba{
  padding:110px 0;
  background:linear-gradient(180deg,#050810 0%,#0a0f1e 100%);
  position:relative;overflow:hidden;
}
.zn-ba-inner{max-width:1140px;margin:0 auto;padding:0 28px}
.zn-ba-head{text-align:center;margin-bottom:52px}
.zn-ba-head h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(26px,3.6vw,42px);
  color:#fff;margin-bottom:14px;line-height:1.2;
}
.zn-ba-head h2 .grad{
  background:linear-gradient(135deg,var(--zn-green),var(--zn-cyan));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.zn-ba-head p{
  font-size:15px;color:rgba(255,255,255,.55);
  max-width:600px;margin:0 auto;line-height:1.7;
}
.zn-ba-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;
}
.zn-ba-side{
  padding:38px 30px;border-radius:20px;
  position:relative;overflow:hidden;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.zn-ba-side.before{
  background:linear-gradient(145deg,rgba(100,116,139,.05),rgba(0,0,0,.4));
  border:1px solid rgba(100,116,139,.15);
}
.zn-ba-side.after{
  background:linear-gradient(145deg,rgba(16,185,129,.08),rgba(0,0,0,.4));
  border:1px solid rgba(16,185,129,.22);
  box-shadow:0 0 0 1px rgba(16,185,129,.06),0 32px 72px rgba(16,185,129,.08);
}
.zn-ba-label{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:100px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:700;
  letter-spacing:2px;text-transform:uppercase;
  margin-bottom:16px;
}
.zn-ba-side.before .zn-ba-label{
  background:rgba(100,116,139,.12);color:var(--zn-red);
  border:1px solid rgba(100,116,139,.25);
}
.zn-ba-side.after .zn-ba-label{
  background:rgba(16,185,129,.15);color:var(--zn-green);
  border:1px solid rgba(16,185,129,.3);
}
.zn-ba-label .dot{
  width:6px;height:6px;border-radius:50%;
  background:currentColor;animation:zn-pulse 1.8s infinite;
}
.zn-ba-side h3{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(18px,2.2vw,24px);
  color:#fff;margin-bottom:20px;line-height:1.3;
}
.zn-ba-timeline{list-style:none;padding:0;margin:0}
.zn-ba-timeline li{
  display:flex;align-items:flex-start;gap:14px;
  padding:14px 0;
  border-bottom:1px dashed rgba(255,255,255,.06);
}
.zn-ba-timeline li:last-child{border-bottom:none}
.zn-ba-time{
  flex-shrink:0;
  width:64px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:700;
  letter-spacing:1px;
  padding-top:2px;
}
.zn-ba-side.before .zn-ba-time{color:rgba(100,116,139,.75)}
.zn-ba-side.after .zn-ba-time{color:rgba(16,185,129,.85)}
.zn-ba-event{
  flex:1;font-size:13.5px;
  color:rgba(255,255,255,.72);
  line-height:1.6;
}
.zn-ba-event strong{color:#fff;font-weight:600}
@media(max-width:840px){
  .zn-ba-grid{grid-template-columns:1fr;gap:18px}
}

/* ══════════════════════════════════════════════════════════════════
   LIVE ACTIVITY FEED  •  NEW  •  Agents working in real time
   ══════════════════════════════════════════════════════════════════ */
.zn-live{
  padding:100px 0;
  background:
    radial-gradient(ellipse 70% 50% at 50% 50%,rgba(6,182,212,.06),transparent),
    linear-gradient(180deg,#0a0f1e,#050810);
  position:relative;overflow:hidden;
}
.zn-live-inner{max-width:1100px;margin:0 auto;padding:0 28px}
.zn-live-head{text-align:center;margin-bottom:48px}
.zn-live-head h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(24px,3.2vw,36px);
  color:#fff;margin-bottom:14px;
}
.zn-live-head h2 .green{color:var(--zn-green)}
.zn-live-head p{
  font-size:15px;color:rgba(255,255,255,.55);
  max-width:600px;margin:0 auto;line-height:1.7;
}

.zn-live-panel{
  background:#050810;
  border:1px solid rgba(16,185,129,.15);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(16,185,129,.05),0 32px 80px rgba(0,0,0,.6);
  position:relative;
}
.zn-live-panel-bar{
  display:flex;align-items:center;gap:14px;
  padding:14px 22px;
  background:linear-gradient(180deg,#0a1220,#050810);
  border-bottom:1px solid rgba(16,185,129,.12);
}
.zn-live-dots{display:flex;gap:6px}
.zn-live-dots span{
  width:10px;height:10px;border-radius:50%;
}
.zn-live-dots span:nth-child(1){background:#14b8a6}
.zn-live-dots span:nth-child(2){background:#f59e0b}
.zn-live-dots span:nth-child(3){background:#10b981}
.zn-live-title{
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  color:rgba(255,255,255,.6);
  letter-spacing:1px;
  margin-left:8px;
}
.zn-live-indicator{
  margin-left:auto;
  display:flex;align-items:center;gap:6px;
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:var(--zn-green);
  letter-spacing:2px;text-transform:uppercase;font-weight:700;
}
.zn-live-indicator .dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--zn-green);
  box-shadow:0 0 8px var(--zn-green);
  animation:zn-pulse 1.4s infinite;
}

.zn-live-feed{
  max-height:420px;overflow:hidden;
  padding:16px 22px;
  font-family:'JetBrains Mono',monospace;
  position:relative;
}
.zn-live-feed::after{
  content:'';position:absolute;bottom:0;left:0;right:0;height:60px;
  background:linear-gradient(180deg,transparent,#050810);
  pointer-events:none;
}
.zn-live-row{
  display:grid;
  grid-template-columns:76px 90px 1fr auto;
  gap:14px;align-items:center;
  padding:10px 0;
  border-bottom:1px dashed rgba(255,255,255,.04);
  font-size:12.5px;
  opacity:0;animation:zn-live-in .6s var(--zn-ease) forwards;
}
.zn-live-row:nth-child(1){animation-delay:.1s}
.zn-live-row:nth-child(2){animation-delay:.25s}
.zn-live-row:nth-child(3){animation-delay:.4s}
.zn-live-row:nth-child(4){animation-delay:.55s}
.zn-live-row:nth-child(5){animation-delay:.7s}
.zn-live-row:nth-child(6){animation-delay:.85s}
.zn-live-row:nth-child(7){animation-delay:1s}
.zn-live-row:nth-child(8){animation-delay:1.15s}
.zn-live-row:nth-child(9){animation-delay:1.3s}
.zn-live-row:nth-child(10){animation-delay:1.45s}
@keyframes zn-live-in{
  0%{opacity:0;transform:translateX(-10px)}
  100%{opacity:1;transform:translateX(0)}
}
.zn-live-ts{
  color:rgba(255,255,255,.32);
  font-size:11px;letter-spacing:.5px;
}
.zn-live-tag{
  padding:3px 8px;border-radius:5px;
  font-size:10px;font-weight:700;
  letter-spacing:1.5px;text-transform:uppercase;
  text-align:center;white-space:nowrap;
}
.zn-live-tag.zolo{background:rgba(16,185,129,.15);color:#10b981}
.zn-live-tag.wushi{background:rgba(59,130,246,.15);color:#60a5fa}
.zn-live-tag.cipher{background:rgba(245,158,11,.15);color:#fbbf24}
.zn-live-tag.prism{background:rgba(20,184,166,.15);color:#2dd4bf}
.zn-live-tag.kinmik{background:rgba(6,182,212,.15);color:#67e8f9}
.zn-live-tag.vogatox{background:rgba(59,130,246,.15);color:#60a5fa}
.zn-live-event{
  color:rgba(255,255,255,.78);
  line-height:1.5;
}
.zn-live-event strong{color:#fff;font-weight:600}
.zn-live-status{
  padding:3px 8px;border-radius:5px;
  font-size:10px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  background:rgba(16,185,129,.12);
  color:var(--zn-green);
  white-space:nowrap;
}
@media(max-width:720px){
  .zn-live-row{grid-template-columns:1fr auto;gap:8px}
  .zn-live-ts,.zn-live-tag{display:none}
}

/* ══════════════════════════════════════════════════════════════════
   SERVICES  •  Expanded 6-card grid
   ══════════════════════════════════════════════════════════════════ */
.zn-services{
  padding:110px 0;
  background:linear-gradient(180deg,#000 0%,#051005 100%);
  position:relative;
}
.zn-services-head{max-width:1200px;margin:0 auto;padding:0 28px;text-align:center}
.zn-service-cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  margin-top:48px;max-width:1200px;
  margin-left:auto;margin-right:auto;padding:0 28px;
}
.zn-svc-card{
  background:linear-gradient(145deg,rgba(16,185,129,.04),rgba(0,0,0,.6));
  border:1px solid rgba(16,185,129,.08);
  border-radius:16px;
  padding:32px 26px;
  transition:all .4s var(--zn-ease);
  position:relative;overflow:hidden;
}
.zn-svc-card::before{
  content:'';position:absolute;top:0;left:0;
  width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--zn-green),transparent);
  opacity:0;transition:opacity .3s var(--zn-ease);
}
.zn-svc-card:hover{
  border-color:rgba(16,185,129,.28);
  transform:translateY(-6px);
  box-shadow:0 24px 48px rgba(0,0,0,.5),0 0 24px rgba(16,185,129,.1);
}
.zn-svc-card:hover::before{opacity:1}
.zn-svc-icon{
  width:48px;height:48px;border-radius:12px;
  background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(6,182,212,.08));
  border:1px solid rgba(16,185,129,.2);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;margin-bottom:18px;
}
.zn-svc-card h3{
  font-family:'Orbitron',sans-serif;
  font-size:16px;margin-bottom:10px;color:#fff;letter-spacing:.5px;
}
.zn-svc-card p{
  font-size:13.5px;color:rgba(255,255,255,.55);
  line-height:1.7;margin-bottom:18px;
}
.zn-svc-card .learn{
  font-size:13px;font-weight:600;color:var(--zn-green);
  display:inline-flex;align-items:center;gap:6px;
  transition:gap .25s var(--zn-ease);
}
.zn-svc-card .learn:hover{gap:12px}
@media(max-width:900px){.zn-service-cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.zn-service-cards{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════════════════
   MARKETS  •  FIXED CONTRAST — navy tags on vivid blue, bold
   ══════════════════════════════════════════════════════════════════ */
.zn-markets{
  padding:90px 0;
  background:linear-gradient(135deg,#1a3ac7 0%,#2563eb 50%,#1a3ac7 100%);
  position:relative;overflow:hidden;text-align:center;
}
.zn-markets::before{
  content:'';position:absolute;
  top:0;left:-20%;width:30%;height:100%;
  background:rgba(255,255,255,.05);
  clip-path:ellipse(50% 70% at 50% 50%);
}
.zn-markets::after{
  content:'';position:absolute;
  top:0;right:-20%;width:30%;height:100%;
  background:rgba(255,255,255,.05);
  clip-path:ellipse(50% 70% at 50% 50%);
}
.zn-markets-head{
  max-width:1200px;margin:0 auto;padding:0 28px;
  position:relative;z-index:2;margin-bottom:40px;
}
.zn-markets h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(22px,3vw,34px);
  font-weight:900;color:#fff;
  margin-bottom:14px;
  text-transform:uppercase;letter-spacing:2.5px;
  text-shadow:0 2px 20px rgba(0,0,0,.25);
}
.zn-markets p{
  font-size:15px;color:rgba(255,255,255,.92);
  max-width:900px;margin:0 auto;line-height:1.7;
  text-shadow:0 1px 8px rgba(0,0,0,.2);
}
.zn-ticker-wrap{
  width:100%;overflow:hidden;position:relative;
  margin-bottom:16px;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.zn-ticker-track{
  display:flex;gap:14px;width:max-content;
  animation:ticker 32s linear infinite;
}
.zn-ticker-track2{animation:ticker2 26s linear infinite}
.zn-ticker-tag{
  display:inline-flex;align-items:center;
  padding:12px 26px;
  background:#ffffff;
  color:#0f2862!important;  /* FIX — deeper navy, readable */
  border-radius:10px;
  font-family:'Exo 2',sans-serif;
  font-size:13px;
  font-weight:800!important;  /* FIX — heavier weight */
  white-space:nowrap;
  letter-spacing:.8px;
  text-transform:uppercase;
  box-shadow:0 4px 16px rgba(0,0,0,.15),inset 0 -2px 0 rgba(15,40,98,.08);
  transition:transform .3s var(--zn-ease);
}
.zn-ticker-tag:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 -2px 0 rgba(15,40,98,.12);
}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes ticker2{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}

/* ══════════════════════════════════════════════════════════════════
   CTA  •  BOOKING  •  TRIAL
   ══════════════════════════════════════════════════════════════════ */
.zn-cta-bar{
  padding:90px 0;
  background:linear-gradient(135deg,#0a1628 0%,#001f4d 50%,#0a1628 100%);
  text-align:center;position:relative;overflow:hidden;
}
.zn-cta-bar::before{
  content:'';position:absolute;
  top:-100px;right:-100px;
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(16,185,129,.1),transparent);
  border-radius:50%;
}
.zn-cta-bar::after{
  content:'';position:absolute;
  bottom:-100px;left:-100px;
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(59,130,246,.08),transparent);
  border-radius:50%;
}
.zn-cta-bar-inner{max-width:820px;margin:0 auto;padding:0 28px;position:relative;z-index:2}
.zn-cta-bar h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(24px,3.4vw,38px);
  color:#fff;margin-bottom:14px;line-height:1.25;
}
.zn-cta-bar p{
  font-size:16px;color:rgba(255,255,255,.65);
  margin-bottom:32px;max-width:520px;
  margin-left:auto;margin-right:auto;line-height:1.7;
}

.zn-booking{
  padding:90px 0;
  background:#030308;text-align:center;
  position:relative;
}
.zn-booking-inner{max-width:820px;margin:0 auto;padding:0 28px}
.zn-booking h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(24px,3.4vw,38px);color:#fff;margin-bottom:14px;
}
.zn-booking h2 .green{color:var(--zn-green)}
.zn-booking p{
  font-size:16px;color:rgba(255,255,255,.55);
  max-width:540px;margin:0 auto;line-height:1.7;
}
.zn-booking-ctas{
  display:flex;gap:14px;justify-content:center;
  flex-wrap:wrap;margin-top:32px;
}

.zn-trial-bar{
  padding:66px 0;
  background:linear-gradient(135deg,#0d9488 0%,#2563eb 100%);
  text-align:center;position:relative;overflow:hidden;
}
.zn-trial-bar::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000,transparent);
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000,transparent);
}
.zn-trial-bar-inner{max-width:820px;margin:0 auto;padding:0 28px;position:relative}
.zn-trial-bar h2{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(22px,2.8vw,32px);
  color:#fff;margin-bottom:8px;line-height:1.3;
}

/* ══════════════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════════════ */
.zn-footer{
  background:#050810;
  padding:60px 0 0;
  border-top:1px solid #12182a;
  color:#888;font-size:14px;
  position:relative;
}
.zn-footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(16,185,129,.4),transparent);
}
.zn-footer-inner{
  max-width:1240px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;
}
.zn-footer-brand-logo{
  display:flex;align-items:center;gap:10px;margin-bottom:14px;
}
.zn-footer-brand-logo img{height:34px;width:auto}
.zn-footer-brand-logo span{
  color:#fff;font-family:'Orbitron',sans-serif;
  font-weight:800;font-size:16px;letter-spacing:2.5px;
}
.zn-footer-col h4{
  color:#fff;font-family:'Orbitron',sans-serif;
  font-size:12px;font-weight:700;margin-bottom:16px;
  letter-spacing:2px;text-transform:uppercase;
}
.zn-footer-col a{
  color:#888;text-decoration:none;
  display:block;padding:4px 0;
  transition:color .2s var(--zn-ease);font-size:13.5px;
}
.zn-footer-col a:hover{color:var(--zn-green-bright)}
.zn-footer-bottom{
  max-width:1240px;margin:36px auto 0;padding:22px 24px;
  border-top:1px solid #12182a;
  display:flex;justify-content:space-between;align-items:center;
  color:#555;font-size:13px;flex-wrap:wrap;gap:12px;
}
.zn-footer-bottom a{color:#555;text-decoration:none}
.zn-footer-bottom a:hover{color:var(--zn-green-bright)}
.zn-footer-social{
  display:flex;gap:10px;
}
.zn-footer-social a{
  width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:center;
  color:#666;transition:all .25s var(--zn-ease);
}
.zn-footer-social a:hover{
  border-color:var(--zn-green);
  color:var(--zn-green);
  transform:translateY(-2px);
}

@media(max-width:768px){
  .zn-footer-inner{grid-template-columns:1fr 1fr;gap:28px}
  .zn-footer-bottom{flex-direction:column;text-align:center;gap:10px}
}
@media(max-width:480px){.zn-footer-inner{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════════════════
   FADE-IN ANIMATIONS
   ══════════════════════════════════════════════════════════════════ */
.zn-fade{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.zn-fade.visible{opacity:1;transform:translateY(0)}

/* ══════════════════════════════════════════════════════════════════
   GLOBAL RESPONSIVE
   ══════════════════════════════════════════════════════════════════ */
@media(max-width:768px){
  .zn-page{overflow-x:hidden}
  .zolo-hero-section{padding:50px 16px 70px}
  .zolonet-heading{font-size:clamp(26px,7vw,42px);margin-bottom:18px}
  .zolonet-subhead{font-size:15px;margin-bottom:34px}
  .zolonet-video-container{margin:0 auto 34px}
  .tagline{font-size:16px;padding:0 8px}
  nav.zn-nav{height:56px}
  .zn-nav-inner{height:56px}
  .zn-divide,.zn-cost,.zn-trusted,.zn-ba,.zn-live,.zn-corefour,.zn-agents,.zn-services,.zn-showcase,.zn-video-sec{padding:60px 0}
  .zn-whatwedo{padding:50px 0 70px}
  .zn-markets{padding:60px 0}
  .zn-cta-bar,.zn-booking{padding:60px 0}
  .zn-trial-bar{padding:48px 0}
  .zn-section-title{font-size:clamp(20px,5vw,28px);padding:0 16px;text-align:center!important}
  .zn-section-sub{padding:0 16px;font-size:14px}
  .zn-section-label{text-align:center!important;padding:0 16px}
  .zn-footer-inner{padding:0 16px}
  .zn-btn-cta,.zn-btn-white,.zn-btn-teal,.zn-btn-ghost{font-size:14px;padding:12px 22px}
  .zn-hero-ctas{gap:10px}
  .zn-booking-ctas{gap:10px}
}
@media(max-width:480px){
  .zolonet-heading{font-size:clamp(24px,7vw,34px)}
  .zn-agent-img{width:82px;height:82px}
  .zn-divide-col,.zn-ba-side{padding:28px 22px}
  .zn-cost-zolonet{padding:24px 20px}
}

/* ZoloNet extras. Built on top of live.css (the live site's own stylesheet): same tokens, same fonts, same glow.
   Only the pieces the live home did not need live here, all prefixed zx-. Colours: emerald, teal, cyan, blue, navy. */

/* ---------- page shell ---------- */
body.zn-page,.zn-page #page,.zn-page .site-content,.zn-page .ast-container,.zn-page .entry-content{margin:0;background:#000!important;max-width:100%}
.zn-page .e-con,.zn-page .elementor-element.e-con{padding:0!important;margin:0!important;--gap:0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px}
.zn-page .elementor-widget-html,.zn-page .elementor-widget-html>.elementor-widget-container{margin:0!important;padding:0!important;width:100%}
.zn-page .elementor-widget:not(:last-child){margin-block-end:0}
.zn-page h1,.zn-page h2,.zn-page h3,.zn-page h4{margin-top:0}
.zn-page p{margin-top:0}
.zn-page ul,.zn-page ol{margin:0;padding:0;list-style:none}
.zx-sec{padding:84px 24px;position:relative}
.zx-sec.navy{background:linear-gradient(180deg,#0a0e27 0%,#0c1b40 100%)}
.zx-sec.ink{background:#050810}
.zx-sec.deep{background:#0b0f1a}
.zx-sec.glow::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(16,185,129,.10),transparent);pointer-events:none}
.zx-in{max-width:1180px;margin:0 auto;position:relative;z-index:2}
.zx-head{text-align:center;max-width:820px;margin:0 auto 48px}
.zx-head .zn-section-sub{margin-bottom:0}
.zx-left{text-align:left}.zx-left .zn-section-label,.zx-left .zn-section-title,.zx-left .zn-section-sub{text-align:left;justify-content:flex-start;margin-left:0}
.zx-left .zn-section-label::before{display:none}

/* inner-page hero: the live hero (grid, glow), without the video block */
.zolo-hero-section.zx-inner{padding:78px 20px 72px}
.zx-inner .zolo-inner{max-width:900px}
.zx-inner .zolonet-heading{font-size:clamp(30px,4.8vw,54px);margin-bottom:18px}
.zx-inner .zolonet-subhead{margin-bottom:30px;max-width:700px}
.zx-inner .zn-hero-ctas{margin-top:0}
.zx-bgvid{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.28;z-index:0}

/* hero video facade: poster until clicked, so no YouTube request until the visitor asks for it */
.zx-vid{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background:#0d0d1a center/cover no-repeat;display:block}
.zx-vid::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,16,.05),rgba(5,8,16,.45))}
.zx-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:linear-gradient(135deg,#10b981,#0d9488);display:grid;place-items:center;z-index:2;box-shadow:0 10px 36px rgba(16,185,129,.5);transition:transform .25s var(--zn-ease)}
.zx-vid:hover .zx-play{transform:scale(1.08)}
.zx-play svg{width:28px;height:28px;fill:#fff;margin-left:4px}
.zx-vid-cap{position:absolute;left:18px;bottom:14px;z-index:2;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:1.8px;text-transform:uppercase;color:#fff}

/* ---------- client wordmarks (text only, marquee) ---------- */
.zx-clients{background:#050810;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:34px 0 38px;overflow:hidden}
.zx-clients .zn-section-label{margin-bottom:22px}
.zx-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.zx-track{display:flex;width:max-content;animation:zx-slide 42s linear infinite}
.zx-marquee:hover .zx-track,.zx-marquee:focus-within .zx-track{animation-play-state:paused}
.zx-track ul{display:flex;align-items:center;flex:none}
.zx-track li{flex:none;padding:0 40px;font-size:30px;line-height:1;white-space:nowrap;color:#fff}
@keyframes zx-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.zx-w1{font-family:'Fraunces',serif;font-weight:600}
.zx-w2{font-family:'Playfair Display',serif;font-style:italic;font-weight:500}
.zx-w3{font-family:'Exo 2',sans-serif;font-weight:800;letter-spacing:-.01em}.zx-w3 i{font-style:normal;color:var(--zn-green)}
.zx-w4{font-family:'Archivo Black',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:25px!important}
.zx-w5{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.03em}
.zx-w6{font-family:'Bebas Neue',sans-serif;letter-spacing:.08em;font-size:36px!important;color:var(--zn-cyan)!important}
.zx-w7{font-family:'Space Grotesk',sans-serif;font-weight:700;font-style:italic}.zx-w7 i{font-style:normal;color:var(--zn-green)}
.zx-w8{font-family:'Fraunces',serif;font-style:italic;font-weight:400}
@media (prefers-reduced-motion:reduce){
  .zx-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
  .zx-track ul[aria-hidden]{display:none}.zx-track ul{flex-wrap:wrap;justify-content:center;row-gap:14px}
  .zx-marquee{-webkit-mask-image:none;mask-image:none}
  .zn-fade{opacity:1;transform:none;transition:none}
  .zn-hero-badge .pulse-dot,.zolonet-video-container::before{animation:none}
}

/* ---------- rows (numbered capability list, not cards) ---------- */
.zx-rows{max-width:980px;margin:0 auto;border-top:1px solid rgba(255,255,255,.09)}
.zx-row{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:26px 8px;border-bottom:1px solid rgba(255,255,255,.09);transition:background .25s var(--zn-ease),padding-left .25s var(--zn-ease)}
.zx-row:hover{background:linear-gradient(90deg,rgba(16,185,129,.07),transparent);padding-left:18px}
.zx-row .n{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;color:var(--zn-green);letter-spacing:2px;padding-top:6px}
.zx-row h3{font-family:'Orbitron',sans-serif;font-weight:800;font-size:clamp(17px,2vw,21px);color:#fff;margin:0 0 6px;letter-spacing:.4px}
.zx-row p{margin:0;font-size:16px;color:rgba(255,255,255,.72);line-height:1.7;max-width:720px}
.zx-row p strong{color:#fff}

/* ---------- panels, splits, callouts ---------- */
.zx-split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.zx-panel{position:relative;background:linear-gradient(160deg,rgba(17,24,39,.96),rgba(10,14,39,.96));border:1px solid rgba(16,185,129,.22);border-radius:18px;padding:34px;box-shadow:var(--zn-card-shadow),0 0 60px rgba(16,185,129,.07);overflow:hidden}
.zx-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--zn-green),var(--zn-cyan),transparent)}
.zx-panel h3{font-family:'Orbitron',sans-serif;font-weight:800;font-size:20px;color:#fff;margin:0 0 16px;letter-spacing:.4px}
.zx-tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2.2px;text-transform:uppercase;color:var(--zn-green);margin-bottom:14px;display:block}
.zx-list li{position:relative;padding:11px 0 11px 30px;font-size:16px;color:rgba(255,255,255,.82);border-bottom:1px solid rgba(255,255,255,.07);line-height:1.6}
.zx-list li:last-child{border-bottom:0}
.zx-list li::before{content:'\203A';position:absolute;left:4px;top:8px;color:var(--zn-green);font-weight:800;font-size:22px}
.zx-list strong{color:#fff}
.zx-call{max-width:920px;margin:0 auto;text-align:center;padding:42px 28px;border-top:1px solid rgba(16,185,129,.25);border-bottom:1px solid rgba(16,185,129,.25);background:radial-gradient(ellipse 60% 100% at 50% 50%,rgba(16,185,129,.08),transparent)}
.zx-call p{margin:0;font-family:'Orbitron',sans-serif;font-weight:800;font-size:clamp(20px,3vw,30px);line-height:1.3;color:#fff;letter-spacing:.4px}
.zx-call p span{background:linear-gradient(135deg,var(--zn-green),var(--zn-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.zx-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.zx-cols .zx-panel p{margin:0;color:rgba(255,255,255,.75);font-size:16px;line-height:1.7}

/* ---------- steps (horizontal rail with mono numerals) ---------- */
.zx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1000px;margin:0 auto;position:relative}
.zx-steps::before{content:'';position:absolute;left:8%;right:8%;top:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.5),rgba(6,182,212,.5),transparent)}
.zx-step{text-align:center;padding:0 20px;position:relative}
.zx-step .b{width:44px;height:44px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:#050810;border:1px solid var(--zn-green);color:var(--zn-green);font-family:'JetBrains Mono',monospace;font-weight:700;box-shadow:0 0 24px rgba(16,185,129,.3)}
.zx-step h3{font-family:'Orbitron',sans-serif;font-weight:800;font-size:17px;color:#fff;margin:0 0 8px;letter-spacing:.4px}
.zx-step p{margin:0;font-size:16.5px;color:rgba(255,255,255,.7);line-height:1.65}

/* ---------- chips ---------- */
.zx-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.zx-chips span{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:#fff;border:1px solid rgba(16,185,129,.3);background:rgba(16,185,129,.07);border-radius:100px;padding:9px 18px}

/* ---------- pricing ---------- */
.zx-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1020px;margin:0 auto}
.zx-price{position:relative;background:linear-gradient(160deg,rgba(17,24,39,.96),rgba(10,14,39,.96));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:34px 30px;display:flex;flex-direction:column;overflow:hidden}
.zx-price:nth-child(2){border-color:rgba(16,185,129,.45);box-shadow:0 0 60px rgba(16,185,129,.12)}
.zx-price::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--zn-green),transparent)}
.zx-price h3{font-family:'Exo 2',sans-serif;font-weight:700;font-size:20px;color:#fff;margin:0 0 4px}
.zx-price .for{font-size:15.5px;color:rgba(255,255,255,.7);margin:0 0 20px}
.zx-price .amt{font-family:'Orbitron',sans-serif;font-weight:900;font-size:44px;color:#fff;line-height:1;margin-bottom:24px}
.zx-price .amt small{font-family:'JetBrains Mono',monospace;font-weight:600;font-size:13px;color:rgba(255,255,255,.65);letter-spacing:1.5px;text-transform:uppercase}
.zx-price .zn-btn-cta{margin-top:auto;justify-content:center}

/* ---------- faq ---------- */
.zx-faq{max-width:860px;margin:0 auto}
.zx-faq details{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025);margin-bottom:12px;transition:border-color .25s var(--zn-ease)}
.zx-faq details[open]{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.04)}
.zx-faq summary{cursor:pointer;list-style:none;padding:20px 56px 20px 22px;font-weight:700;font-size:17px;color:#fff;position:relative}
.zx-faq summary::-webkit-details-marker{display:none}
.zx-faq summary::after{content:'+';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-family:'JetBrains Mono',monospace;font-size:24px;color:var(--zn-green)}
.zx-faq details[open] summary::after{content:'\2212'}
.zx-faq details p{padding:0 22px 20px;margin:0;color:rgba(255,255,255,.75);font-size:16px;line-height:1.7}

/* ---------- forms ---------- */
.zx-form{display:grid;gap:16px}
.zx-form .r2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.zx-form label{display:block;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.75);margin-bottom:7px;font-weight:600}
.zx-form input,.zx-form textarea,.zx-form select{width:100%;font-family:'Exo 2',sans-serif;font-size:17px;color:#fff;background:rgba(5,8,16,.8);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:13px 15px;height:52px;transition:border-color .2s,box-shadow .2s}
.zx-form select option{background:#0b0f1a;color:#fff}
.zx-form textarea{height:auto;min-height:140px;resize:vertical;line-height:1.5}
.zx-form input:focus,.zx-form textarea:focus,.zx-form select:focus{outline:none;border-color:var(--zn-green);box-shadow:0 0 0 3px rgba(16,185,129,.2)}
.zx-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.zx-form button.zn-btn-cta{cursor:pointer;justify-self:start;font-size:16px;padding:15px 34px}
.zx-form-msg{font-weight:600;padding:14px 16px;border-radius:10px;display:none;font-size:16px}
.zx-form-msg.ok{display:block;background:rgba(16,185,129,.12);color:#fff;border:1px solid rgba(16,185,129,.5)}
.zx-form-msg.err{display:block;background:rgba(239,68,68,.12);color:#fff;border:1px solid rgba(239,68,68,.55)}
.zx-quote{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}

/* ---------- features dropdown in the live nav ---------- */
.zx-dd{position:relative}
.zx-dd-panel{display:none;position:absolute;top:100%;left:-20px;padding-top:14px;z-index:50}
.zx-dd:hover .zx-dd-panel,.zx-dd:focus-within .zx-dd-panel{display:block}
.zx-dd-box{width:640px;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(5,8,16,.97);border:1px solid rgba(16,185,129,.28);border-radius:14px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.65),0 0 40px rgba(16,185,129,.08)}
.zx-dd-box a{display:block;padding:11px 14px;border-radius:9px;color:#fff!important;font-size:14.5px!important}
.zx-dd-box a::after{display:none!important}
.zx-dd-box a:hover{background:rgba(16,185,129,.1);color:#fff!important}
.zx-dd-box b{display:block;font-weight:700;font-size:15px}
.zx-dd-box small{display:block;color:rgba(255,255,255,.62);font-size:13px;line-height:1.4;margin-top:1px}
.zn-nav-mobile .sub{padding-left:14px;font-size:14px;opacity:.85}

/* ---------- footer additions ---------- */
.zn-footer-inner.zx5{grid-template-columns:1.5fr 1fr 1.35fr 1fr 1fr}
.zn-page a:focus-visible,.zn-page button:focus-visible,.zn-page summary:focus-visible,.zn-page input:focus-visible,.zn-page select:focus-visible,.zn-page textarea:focus-visible{outline:2px solid var(--zn-cyan);outline-offset:3px}

/* ---------- legal documents on the dark theme ---------- */
.zx-legal{max-width:860px;margin:0 auto;color:rgba(255,255,255,.82);font-size:16.5px;line-height:1.8}
.zx-legal h2{font-family:'Orbitron',sans-serif;font-weight:800;font-size:22px;color:#fff;margin:2.2em 0 .6em;padding-bottom:10px;border-bottom:1px solid rgba(16,185,129,.25);letter-spacing:.4px}
.zx-legal h3{font-size:18px;color:#fff;margin:1.6em 0 .4em;font-weight:700}
.zx-legal p{margin:0 0 1em}
.zx-legal ul,.zx-legal ol{margin:0 0 1.2em 1.3em}.zx-legal ul{list-style:disc}.zx-legal ol{list-style:decimal}
.zx-legal li{padding:2px 0}
.zx-legal a{color:var(--zn-green);text-decoration:underline}
.zx-legal strong{color:#fff}

/* staging review notes (not in the live build) */
.zx-stg{border:1px dashed #f59e0b;background:rgba(245,158,11,.08);color:#fde68a;border-radius:10px;padding:12px 16px;font-size:14.5px;margin:22px auto 0;max-width:980px;line-height:1.6}
.zx-stg b{color:#fff}

/* ---------- responsive ---------- */
@media (max-width:1020px){
  .zx-split,.zx-quote{grid-template-columns:1fr;gap:34px}
  .zx-prices{grid-template-columns:1fr;max-width:480px}
  .zx-steps{grid-template-columns:1fr;gap:30px}.zx-steps::before{display:none}
  .zx-cols{grid-template-columns:1fr}
  .zn-footer-inner.zx5{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .zx-sec{padding:60px 18px}
  .zx-row{grid-template-columns:44px 1fr;gap:12px}
  .zx-form .r2{grid-template-columns:1fr}
  .zx-track li{font-size:24px;padding:0 26px}
  .zx-panel{padding:24px}
  .zn-footer-inner.zx5{grid-template-columns:1fr}
}

/* header and footer logo exactly as live: bigger mark, no duplicate ZOLONET text */
.zn-nav-logo img{height:56px!important;width:auto!important;max-width:220px!important;object-fit:contain}
.zn-nav-logo span,.zn-footer-brand-logo span{display:none!important}
.zn-footer-brand-logo img{height:70px!important;width:auto!important}
/* the "Secured" pill in the live nav, linking to the security page */
.zn-trust-seal{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;margin-left:6px;background:linear-gradient(135deg,rgba(0,255,156,.08),rgba(0,212,255,.08));border:1px solid rgba(0,255,156,.4);border-radius:999px;font:600 11px 'JetBrains Mono',monospace;color:#00ff9c!important;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}
.zn-trust-seal .zn-dot{width:6px;height:6px;border-radius:50%;background:#00ff9c;box-shadow:0 0 8px #00ff9c;animation:zn-pulse 2s ease-in-out infinite}
.zn-nav-links .zn-trust-seal::after{display:none!important}

/* readable sizes: the live stylesheet sets several body-level texts at 13 to 15px. Raised to 16px or more, same look. Mono labels stay small on purpose. */
.zn-page .zncf-desc,.zn-page .zn-svc-card p,.zn-page .zn-divide-list li,.zn-page .zn-feat-item span,.zn-page .zn-divide-col .lede,.zn-page .zx-price .for{font-size:16.5px}
.zn-page .zn-section-sub,.zn-page .zn-divide-hero p,.zn-page .zn-cta-bar-inner p:not(.zn-section-label){font-size:17px}
.zn-page .zn-svc-card .learn{font-size:15px}
.zn-page .zx-dd-box small{font-size:16px}
.zn-footer p,.zn-footer a,.zn-footer-col a,.zn-footer-bottom,.zn-footer-bottom div{font-size:16px!important}
.zn-footer-bottom a{color:#c3cad6!important}
.zn-footer-bottom{color:#aab2c0!important}
.zn-footer-col h4{font-size:13px}

/* plan comparison table */
.zx-tablewrap{max-width:980px;margin:0 auto;overflow-x:auto;border:1px solid rgba(16,185,129,.22);border-radius:16px;background:linear-gradient(160deg,rgba(17,24,39,.96),rgba(10,14,39,.96))}
.zx-table{width:100%;border-collapse:collapse;min-width:640px}
.zx-table th,.zx-table td{padding:15px 18px;text-align:center;border-bottom:1px solid rgba(255,255,255,.07);font-size:16.5px;color:#fff}
.zx-table thead th{font-family:'Orbitron',sans-serif;font-weight:800;font-size:15px;letter-spacing:.5px;background:rgba(16,185,129,.08);border-bottom:1px solid rgba(16,185,129,.3)}
.zx-table tbody th{text-align:left;font-weight:500;color:rgba(255,255,255,.9);line-height:1.45}
.zx-table thead th:first-child{text-align:left}
.zx-table tr.grp th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--zn-green);background:rgba(255,255,255,.03);padding:12px 18px}
.zx-table .y::before{content:'\2713';color:var(--zn-green);font-weight:800;font-size:20px}
.zx-table .n::before{content:'\2013';color:rgba(255,255,255,.4);font-size:18px}
.zx-tbc{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1px;background:#f59e0b;color:#111;vertical-align:middle}
.zn-page .zn-divide-conclusion p{font-size:17px}