/* SECBORN chrome v8: ticker, header, section rail, tools panel, search, mobile sheet, footer.
   Loads after glass-global.css. Accents: v amber, ai cyan, e rose, g green, r indigo. */
:root{--hh:70px;--acc-v:#ffb627;--acc-ai:#00e7ff;--acc-e:#ff4d6d;--acc-g:#2ed573;--acc-r:#8fa8ff}
.v{--a:var(--acc-v)}.ai{--a:var(--acc-ai)}.e{--a:var(--acc-e)}.g{--a:var(--acc-g)}.r{--a:var(--acc-r)}

/* ── ticker ── */
.tick .container{height:36px;gap:14px}
.livepill{padding:4px 10px;font-size:9.5px;letter-spacing:.16em}
.ti{font-size:11.5px}

/* ── header bar ── */
#site-header{position:sticky;top:0;z-index:50;background-color:transparent;border-bottom:1px solid transparent;
  transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;
  transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
#site-header.scrolled,#site-header.nav-open,#site-header.srch-open{background:linear-gradient(180deg,rgba(10,13,19,.97),rgba(7,9,13,.97));border-bottom-color:rgba(255,255,255,.08);box-shadow:0 10px 34px rgba(0,0,0,.4)}
body.zdw-cve #site-header,body.zdw-tool #site-header{transition:none}
.hbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;height:var(--hh)}
.logo{display:flex;align-items:center;gap:11px;flex:none;border-radius:12px}
.logo .logoimg{height:38px;width:auto;display:block;filter:drop-shadow(0 0 10px rgba(0,231,255,.32));transition:filter .25s,transform .25s}
.logo:hover .logoimg{filter:drop-shadow(0 0 16px rgba(46,213,115,.55));transform:rotate(-4deg)}
.logo .lt{display:flex;flex-direction:column;line-height:1;white-space:nowrap}
.logo .nm{font-family:Orbitron,sans-serif;font-weight:800;font-size:19px;letter-spacing:.03em;color:#fff}
.logo .nm>span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.logo .sl{font:500 8.5px 'JetBrains Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--mut2);margin-top:6px}

/* section rail: one glass capsule, centered */
nav.main{display:flex;justify-content:center;min-width:0}
nav.main .rail{position:relative;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 10px 30px rgba(0,0,0,.25)}
.nl{position:relative;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;border:0;background:none;cursor:pointer;
  font:500 13.5px Inter,sans-serif;letter-spacing:-.005em;color:#b9c7da;white-space:nowrap;line-height:1;transition:color .18s,background .18s,box-shadow .18s}
.nl .nd{width:6px;height:6px;border-radius:50%;flex:none;background:var(--a,var(--acc));opacity:.75;box-shadow:0 0 0 0 transparent;transition:box-shadow .2s,opacity .2s,transform .2s}
.nl .nd.t{background:var(--grad)}
.nl:hover{color:#fff;background:rgba(255,255,255,.055)}
.nl:hover .nd{opacity:1;box-shadow:0 0 10px var(--a,var(--acc));transform:scale(1.15)}
.nl.active{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(255,255,255,.06),0 6px 18px rgba(0,0,0,.35)}
.nl.active .nd{opacity:1;box-shadow:0 0 12px var(--a,var(--acc))}
.nl.active::after{content:"";position:absolute;left:18px;right:18px;bottom:-6px;height:2px;border-radius:2px;background:var(--a,var(--acc));box-shadow:0 0 10px var(--a,var(--acc))}
.tools-btn .chev{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .2s}
.tools-dd{position:relative}
.tools-dd.open .tools-btn{color:#fff;background:rgba(255,255,255,.08)}
.tools-dd.open .tools-btn .chev{transform:rotate(180deg)}

/* tools panel */
.tools-menu{display:none;position:absolute;top:calc(100% + 14px);right:-6px;width:390px;padding:8px;border-radius:20px;z-index:60;
  background:linear-gradient(180deg,#0d1118,#090b10);border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 70px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.07)}
.tools-menu::before{content:"";position:absolute;top:-6px;right:44px;width:12px;height:12px;transform:rotate(45deg);background:#0d1118;border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12)}
.tools-dd.open .tools-menu{display:block;animation:popIn .18s cubic-bezier(.2,.8,.2,1)}
@keyframes popIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.tm-h{display:flex;align-items:center;justify-content:space-between;font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mut2);padding:8px 10px 10px}
.tm-h em{font-style:normal;color:var(--acc);background:rgba(46,213,115,.12);border:1px solid rgba(46,213,115,.3);padding:2px 8px;border-radius:999px;letter-spacing:.08em}
.tool-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:11px;border-radius:14px;color:var(--txt);transition:background .16s}
.tool-item:hover,.tool-item.active{background:rgba(255,255,255,.055)}
.ti-ic{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(140deg,rgba(46,213,115,.22),rgba(0,231,255,.12));border:1px solid rgba(46,213,115,.35);box-shadow:0 0 18px rgba(46,213,115,.16)}
.ti-ic svg{width:20px;height:20px;fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ti-tx b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff}
.ti-tx small{display:block;font-size:12px;line-height:1.4;color:var(--mut2);margin-top:3px}
.ti-go{width:16px;height:16px;fill:none;stroke:var(--mut2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s,stroke .18s}
.tool-item:hover .ti-go{transform:translateX(3px);stroke:var(--acc)}

/* right side: search + subscribe */
.htools{display:flex;align-items:center;gap:10px;justify-self:end}
.srch-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 12px;border-radius:999px;cursor:pointer;color:#c9d6e8;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:background .18s,border-color .18s,color .18s}
.srch-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.srch-btn kbd{font:600 10.5px 'JetBrains Mono',monospace;color:var(--mut2);padding:2px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.25)}
.srch-btn:hover,#site-header.srch-open .srch-btn{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(0,231,255,.35)}
.btn.hsub{height:40px;padding:0 18px;font-size:13px;font-weight:700;background:linear-gradient(120deg,#2ed573,#22d3a4 55%,#00c8e8);color:#04141d;
  box-shadow:0 8px 24px rgba(46,213,115,.32),inset 0 1px 0 rgba(255,255,255,.35)}
.btn.hsub svg,.ms-sub svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round}
.btn.hsub:hover{box-shadow:0 10px 30px rgba(46,213,115,.48),inset 0 1px 0 rgba(255,255,255,.35)}

/* search overlay */
.srch-pop{display:none;border-top:1px solid rgba(255,255,255,.06);padding:18px 0 20px}
#site-header.srch-open .srch-pop{display:block;animation:popIn .18s ease}
.srch-form{display:flex;align-items:center;gap:12px;height:56px;padding:0 8px 0 18px;border-radius:16px;
  background:rgba(255,255,255,.045);border:1px solid rgba(0,231,255,.28);box-shadow:0 0 0 4px rgba(0,231,255,.06),inset 0 1px 0 rgba(255,255,255,.06)}
.srch-form>svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--cy);stroke-width:2.2;stroke-linecap:round}
.srch-form input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:500 17px Inter,sans-serif}
.srch-form input::placeholder{color:#7f93ad}
.srch-form input::-webkit-search-cancel-button{display:none}
.srch-form .btn{height:42px;padding:0 20px}
.srch-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font:500 12px 'JetBrains Mono',monospace;color:var(--mut2)}
.srch-quick span{letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;margin-right:4px}
.srch-quick a{color:#cfe0f3;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);transition:.16s}
.srch-quick a:hover{color:#fff;border-color:rgba(46,213,115,.5);background:rgba(46,213,115,.08)}

/* scroll progress under the nav (every page; articles track the article body) */
.readbar{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;opacity:0;transition:opacity .2s}
.readbar span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--rp,0));background:var(--grad);box-shadow:0 0 12px rgba(0,231,255,.6)}
#site-header.scrolled .readbar{opacity:1}

/* mobile hamburger + sheet (hidden on desktop) */
.navtoggle{display:none;width:42px;height:42px;flex:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);cursor:pointer;padding:0}
.navtoggle span{display:block;width:18px;height:2px;border-radius:2px;background:var(--txt);transition:transform .25s,opacity .2s}
#site-header.nav-open .navtoggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#site-header.nav-open .navtoggle span:nth-child(2){opacity:0}
#site-header.nav-open .navtoggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.msheet{display:none}

/* ── footer ── */
footer{position:relative;z-index:2;margin-top:40px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(8,10,14,.6),rgba(5,6,9,.92))}
footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,231,255,.55),rgba(46,213,115,.55),transparent)}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding:52px 0 36px}
.fbrand p{color:var(--mut2);font-size:13.5px;line-height:1.65;margin:16px 0 18px;max-width:36ch}
.fsoc{display:flex;gap:8px}
.fsoc a{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);font:600 11.5px 'JetBrains Mono',monospace;color:#cfe0f3;transition:.16s}
.fsoc a:hover{border-color:rgba(46,213,115,.5);color:#fff}
.fsoc svg{width:14px;height:14px;fill:none;stroke:var(--acc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fcol h2{font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mut2);margin-bottom:16px}
.fcol a{display:flex;align-items:center;gap:9px;padding:6px 0;font-size:14px;color:#c7d4e6;transition:color .15s,transform .15s}
.fcol a:hover{color:#fff;transform:translateX(3px)}
.fcol a .nd{width:6px;height:6px;border-radius:50%;background:var(--a,var(--acc));box-shadow:0 0 8px var(--a,var(--acc))}
.fbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 0 26px;border-top:1px solid rgba(255,255,255,.07);font:500 12px 'JetBrains Mono',monospace;color:var(--mut2)}
.fbar a{color:#cfe0f3}.fbar a:hover{color:#fff}
.fbar .gtext{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}

/* ── responsive ── */
@media (max-width:1240px){
  .logo .sl{letter-spacing:.13em}
  .nl{padding:0 11px;font-size:13px}
  .srch-btn kbd{display:none}
  .srch-btn{width:40px;padding:0;justify-content:center}
}
@media (max-width:1100px){
  :root{--hh:62px}
  nav.main{display:none}
  .hbar{grid-template-columns:auto 1fr auto}
  .htools{grid-column:3}
  .navtoggle{display:flex}
  /* full-screen sheet: from the header's bottom edge to the bottom of the phone (main.js
     sets --sheet-top on open); the page behind is locked while it is open */
  .msheet{display:block;position:absolute;top:100%;left:0;right:0;height:calc(100dvh - var(--sheet-top,98px));
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;
    background:linear-gradient(180deg,#0b0e14,#06080b 60%);border-top:1px solid rgba(255,255,255,.06);
    transition:opacity .22s ease,transform .26s cubic-bezier(.4,0,.2,1),visibility 0s linear .26s}
  #site-header.nav-open .msheet{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .22s ease,transform .26s cubic-bezier(.4,0,.2,1)}
  .msheet .container{padding-top:14px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
  .srch-form.m{height:52px}
  .ms-h{font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mut2);margin:20px 2px 10px}
  .ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ms-tile{position:relative;display:flex;align-items:center;gap:12px;padding:13px;border-radius:15px;border:1px solid rgba(255,255,255,.08);
    background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));color:#e8f0fb;transition:border-color .16s,background .16s}
  .ms-tile b{font-size:14.5px;font-weight:600;line-height:1.2}
  .ms-tile .ic{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:11px;
    background:color-mix(in srgb,var(--a,var(--acc)) 14%,transparent);border:1px solid color-mix(in srgb,var(--a,var(--acc)) 40%,transparent)}
  .ms-tile .ic svg{width:18px;height:18px;fill:none;stroke:var(--a,var(--acc));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .ms-tile.all{--a:#c9d6e8}
  .ms-tile.active,.ms-tile:active{border-color:color-mix(in srgb,var(--a,var(--acc)) 60%,transparent);background:color-mix(in srgb,var(--a,var(--acc)) 9%,transparent)}
  .ms-tools{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:18px;background:linear-gradient(140deg,rgba(46,213,115,.1),rgba(0,231,255,.05));border:1px solid rgba(46,213,115,.25)}
  .ms-tools .tool-item{grid-template-columns:44px minmax(0,1fr)}
  .btn.ms-sub{display:flex;justify-content:center;width:100%;margin-top:16px;height:52px;font-size:15px;font-weight:700;border-radius:15px;
    background:linear-gradient(120deg,#2ed573,#22d3a4 55%,#00c8e8);color:#04141d}
  .srch-pop .srch-quick{display:none}
  .fgrid{grid-template-columns:1fr 1fr;gap:30px}
  .fbrand{grid-column:1/-1}
}
@media (max-width:820px){
  .container{padding:0 16px}
  .btn.hsub{display:none}
  .logo .logoimg{height:34px}
  .logo .nm{font-size:18px}
  .logo .sl{font-size:8px;letter-spacing:.14em;margin-top:5px}
  .htools{gap:8px}
  .srch-btn{width:42px;height:42px;border-radius:12px}
  .tick .container{height:32px}
  .livepill .lf{display:none}
  .srch-pop{padding:12px 0 14px}
  .srch-form .btn{display:none}
}
@media (max-width:380px){.logo .sl{font-size:7.5px;letter-spacing:.07em}.logo{gap:9px}
  .ms-grid{gap:8px}.ms-tile{flex-direction:column;align-items:flex-start;gap:9px;padding:12px}.ms-tile b{font-size:14px}}
@media (max-width:520px){
  .fgrid{grid-template-columns:1fr 1fr;gap:26px 18px;padding:40px 0 26px}
  .fbar{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.tools-dd.open .tools-menu,#site-header.srch-open .srch-pop{animation:none}}

/* ── subscribe band (every page, above the footer) ── */
.sub-sec{padding:40px 0 4px}
.subband{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;padding:30px 34px;border-radius:22px;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%,rgba(46,213,115,.16),transparent 55%),radial-gradient(110% 140% at 100% 100%,rgba(0,231,255,.13),transparent 55%),rgba(9,12,16,.82);
  border:1px solid rgba(46,213,115,.24)}
.sb-k{display:inline-flex;align-items:center;gap:8px;font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.sb-k .d{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc);animation:pp 1.6s infinite}
.subband h2{font-family:Orbitron,sans-serif;font-size:24px;font-weight:800;letter-spacing:.01em;margin:10px 0 8px;color:#fff}
.subband p{color:#c2d0e2;font-size:14px;line-height:1.6;max-width:46ch}
.subband .zdw-sub-form{display:flex;gap:10px;flex-wrap:wrap}
.subband input[type=email]{flex:1 1 220px;min-width:0;height:50px;padding:0 18px;border-radius:14px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14);color:#fff;outline:0;transition:border-color .16s,box-shadow .16s}
.subband input[type=email]:focus{border-color:rgba(46,213,115,.6);box-shadow:0 0 0 4px rgba(46,213,115,.12)}
.subband .btn{height:50px;padding:0 24px;border-radius:14px;font-size:14px;font-weight:700;background:linear-gradient(120deg,#2ed573,#22d3a4 55%,#00c8e8)}
@media (max-width:820px){.subband{grid-template-columns:1fr;padding:24px 20px;gap:18px}.subband h2{font-size:20px}.subband .btn{flex:1 1 100%}}

/* ── listing pages: title band, filter chips, feed + aside ── */
.lhead{position:relative;margin:30px 0 22px;padding:30px 32px;border-radius:22px;overflow:hidden;
  background:radial-gradient(90% 160% at 0% 0%,color-mix(in srgb,var(--a,var(--cy)) 16%,transparent),transparent 60%),linear-gradient(170deg,rgba(255,255,255,.05),rgba(255,255,255,.012)),rgba(8,10,14,.7);
  border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.lhead::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--a,var(--cy)) 22%,transparent),transparent 65%);pointer-events:none}
.lh-k{display:inline-flex;align-items:center;gap:9px;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--a,var(--cy))}
.lh-k .ic{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:9px;background:color-mix(in srgb,var(--a,var(--cy)) 14%,transparent);border:1px solid color-mix(in srgb,var(--a,var(--cy)) 40%,transparent)}
.lh-k .ic svg{width:15px;height:15px;fill:none;stroke:var(--a,var(--cy));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lhead h1{font-family:Orbitron,sans-serif;font-weight:800;font-size:34px;line-height:1.1;letter-spacing:-.01em;margin:14px 0 8px;color:#fff;position:relative;z-index:1}
.lhead h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lhead p{color:#c2d0e2;font-size:15px;max-width:60ch;position:relative;z-index:1}
.lh-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;font:500 12px 'JetBrains Mono',monospace;color:var(--mut2)}
.lh-meta b{color:#fff;font-weight:700}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.chip{flex:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;font:500 13px Inter,sans-serif;color:#c3d1e3;
  border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);transition:.16s;white-space:nowrap}
.chip .nd{width:6px;height:6px;border-radius:50%;background:var(--a,var(--acc))}
.chip:hover{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
.chip.on{color:#04141d;background:#eaf4ff;border-color:transparent;font-weight:600}
.chip.on .nd{box-shadow:0 0 0 2px rgba(0,0,0,.15)}
.chip.crit{--a:var(--rose)}
.lcols{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:26px;align-items:start}
.lcols>aside{position:sticky;top:calc(var(--hh) + 18px)}
.lempty{padding:46px 28px;border-radius:18px;text-align:center;border:1px dashed rgba(255,255,255,.14);color:var(--mut)}
.lempty h3{font-size:18px;color:#fff;margin-bottom:6px}
@media (max-width:1000px){.lcols{grid-template-columns:1fr}.lcols>aside{position:static}}
@media (max-width:720px){.lhead{margin:18px 0 16px;padding:22px 20px}.lhead h1{font-size:25px}.lhead p{font-size:14px}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 16px;padding:0 16px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}}

/* ── 404 ── */
.nf-hero{position:relative;text-align:center;padding:56px 20px 30px;max-width:760px;margin:0 auto}
.nf-code{display:flex;justify-content:center;gap:6px;font:800 128px/1 Orbitron,sans-serif;letter-spacing:.02em;margin-bottom:18px;user-select:none}
.nf-code span{background:linear-gradient(180deg,#fff,rgba(255,255,255,.25));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(0,231,255,.25))}
.nf-code .z{background:var(--grad);-webkit-background-clip:text;background-clip:text;animation:nfglitch 3.2s steps(1) infinite}
@keyframes nfglitch{0%,92%,100%{transform:none;opacity:1}93%{transform:translate(-3px,1px) skewX(-8deg);opacity:.75}95%{transform:translate(3px,-1px);opacity:.9}97%{transform:none;opacity:.6}}
.nf-hero .lh-k{--a:var(--rose)}
.nf-hero h1{font-family:Orbitron,sans-serif;font-weight:800;font-size:30px;color:#fff;margin:14px 0 10px}
.nf-hero p{color:#c2d0e2;font-size:15.5px;margin:0 auto 24px;max-width:52ch}
.nf-s{max-width:620px;margin:0 auto 18px}
.nf-chips{justify-content:center}
.grid.g3{grid-template-columns:repeat(3,1fr);padding-bottom:20px}
@media (max-width:820px){.nf-code{font-size:84px}.nf-hero{padding-top:34px}.nf-hero h1{font-size:22px}.grid.g3{grid-template-columns:1fr}.nf-chips{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){.nf-code .z{animation:none}}

/* page locked behind the open mobile menu */
html.zdw-lock{overflow:hidden;overscroll-behavior:none}
#site-header.nav-open{background:#090c11!important}

/* listing header art: the section's terminal scene, faded in from the left and screened onto the card */
.lhead{isolation:isolate;min-height:208px}
.lhead>*:not(.lh-art){position:relative;z-index:1}
.lh-art{position:absolute;top:0;right:0;bottom:0;width:64%;height:100%;object-fit:cover;object-position:28% 50%;z-index:0;pointer-events:none;
  mix-blend-mode:screen;opacity:.92;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 22%,#000 58%),linear-gradient(180deg,#000 70%,rgba(0,0,0,.6));
  -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 22%,#000 58%),linear-gradient(180deg,#000 70%,rgba(0,0,0,.6));mask-composite:intersect}
.lhead::after{z-index:0}
@media (max-width:720px){
  .lhead{min-height:0}
  .lh-art{width:100%;opacity:.42;object-position:62% 50%;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25),#000 70%);mask-image:linear-gradient(90deg,rgba(0,0,0,.25),#000 70%)}
}

/* brief sign-up confirmation (secborn-site-fixes builds it inside .subband): centre the text block */
.subband .secborn-subdone p{max-width:46ch;margin-left:auto;margin-right:auto;overflow-wrap:anywhere}
.subband .secborn-subdone p:first-of-type b:first-of-type{display:inline-block;max-width:100%;overflow-wrap:anywhere}

/* section links: no capsule around the group, only the selected item keeps its pill + accent line */
nav.main .rail{background:none;border:0;box-shadow:none;padding:0;gap:4px}

/* backdrop orbs: same colours and places, but a long eased falloff and more size so they melt
   into the page instead of reading as discs (no live blur: iOS repaints it every scroll frame) */
.bg .orb{--c:46,213,115;
  background:radial-gradient(closest-side,rgba(var(--c),.62) 0%,rgba(var(--c),.46) 14%,rgba(var(--c),.30) 30%,rgba(var(--c),.17) 46%,
    rgba(var(--c),.085) 62%,rgba(var(--c),.034) 78%,rgba(var(--c),.01) 90%,rgba(var(--c),0) 100%)!important}
.bg .o1{--c:39,221,110;width:1100px;height:900px;top:-560px;left:-520px;opacity:.55}
.bg .o2{--c:255,194,61;width:900px;height:760px;top:-480px;right:-6%;opacity:.34}
.bg .o3{--c:0,212,255;width:900px;height:900px;top:12%;right:-420px;opacity:.48}
.bg .o4{--c:58,102,224;width:980px;height:820px;bottom:-420px;left:-2%;opacity:.48}
.bg .o5{--c:46,213,115;width:860px;height:760px;bottom:-380px;right:16%;opacity:.42}
.sb-count{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:7px 14px 7px 11px;border-radius:999px;
  font:500 12.5px 'JetBrains Mono',monospace;color:#c9f5dc;background:rgba(46,213,115,.1);border:1px solid rgba(46,213,115,.3)}
.sb-count b{font-family:Orbitron,sans-serif;font-weight:800;font-size:15px;color:#fff;text-shadow:0 0 12px rgba(46,213,115,.6)}
.sb-count .pulse{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 0 rgba(46,213,115,.6);animation:sbpulse 2s infinite}
@keyframes sbpulse{0%{box-shadow:0 0 0 0 rgba(46,213,115,.55)}70%{box-shadow:0 0 0 9px rgba(46,213,115,0)}100%{box-shadow:0 0 0 0 rgba(46,213,115,0)}}
@media (prefers-reduced-motion:reduce){.sb-count .pulse{animation:none}}