:root{
    --nvx-ink:#070311;
    --nvx-ink2:#0b0721;
    --nvx-text:#eaf0ff;
    --nvx-dim:rgba(234,240,255,.74);

    --nvx-cyan:#00f5ff;
    --nvx-pink:#ff2bd6;
    --nvx-lime:#68ff7b;
    --nvx-violet:#7a2cff;
    --nvx-amber:#ffcc66;

    --nvx-line:rgba(234,240,255,.14);
    --nvx-glass:rgba(10, 8, 25, .62);
    --nvx-glass2:rgba(8, 6, 18, .80);

    --nvx-radius:20px;
    --nvx-shadow: 0 26px 90px rgba(0,0,0,.66);

    --nvx-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --nvx-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
    margin:0;
    font-family:var(--nvx-sans);
    color:var(--nvx-text);
    background:
            radial-gradient(1100px 700px at 18% 18%, rgba(0,245,255,.16), transparent 55%),
            radial-gradient(900px 650px at 82% 22%, rgba(255,43,214,.14), transparent 56%),
            radial-gradient(800px 700px at 55% 88%, rgba(122,44,255,.10), transparent 60%),
            linear-gradient(180deg, var(--nvx-ink), var(--nvx-ink2));
    overflow-x:hidden;
    line-height:1.68;
}

a{ color:inherit; }
a:hover{ text-decoration:none; }

/* Neon grid */
body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-3;
    background:
            linear-gradient(rgba(255,255,255,.06), rgba(255,255,255,0)) 0 0/100% 400px,
            repeating-linear-gradient(90deg, rgba(0,245,255,.08) 0, rgba(0,245,255,.08) 1px, transparent 1px, transparent 100px),
            repeating-linear-gradient(0deg, rgba(255,43,214,.06) 0, rgba(255,43,214,.06) 1px, transparent 1px, transparent 100px);
    mask-image: radial-gradient(circle at 50% 35%, rgba(0,0,0,1) 0, rgba(0,0,0,1) 52%, rgba(0,0,0,0) 78%);
    opacity:.55;
    transform: translateZ(0);
    animation: nvxGridDrift 16s linear infinite;
    pointer-events:none;
}
@keyframes nvxGridDrift{
    0%{ background-position: 0 0, 0 0, 0 0; }
    100%{ background-position: 0 280px, 88px 0, 0 88px; }
}

/* Soft scan glow */
body::after{
    content:"";
    position:fixed;
    inset:-20%;
    z-index:-2;
    pointer-events:none;
    background:
            radial-gradient(circle at 22% 28%, rgba(0,245,255,.22), transparent 46%),
            radial-gradient(circle at 78% 30%, rgba(255,43,214,.18), transparent 48%),
            radial-gradient(circle at 55% 82%, rgba(104,255,123,.10), transparent 52%);
    filter: blur(14px) saturate(1.2);
    opacity:.65;
    animation: nvxAurora 12s ease-in-out infinite;
}
@keyframes nvxAurora{
    0%,100%{ transform: translate3d(0,0,0) rotate(0deg); }
    50%{ transform: translate3d(2.2vmax,-1.6vmax,0) rotate(1.4deg); }
}

/* ========== ACCESSIBILITY ========== */
.nvx-skip{
    position:absolute;
    left:-999px;
    top:10px;
    padding:10px 14px;
    border-radius:14px;
    border:1px solid var(--nvx-line);
    background:rgba(0,0,0,.55);
    color:var(--nvx-text);
    z-index:999;
}
.nvx-skip:focus{ left:10px; outline:none; }

.nvx-frame{
    width:min(1180px, calc(100% - 42px));
    margin:0 auto;
}

/* ========== HERO / HEADER ========== */
.nvx-hero{
    min-height: clamp(520px, 86vh, 920px);
    display:grid;
    place-items:center;
    padding: clamp(28px, 6vw, 54px) 0 22px;
    position:relative;
}

.nvx-heroCard{
    width:100%;
    border-radius: calc(var(--nvx-radius) + 8px);
    background:
            linear-gradient(var(--nvx-glass2), var(--nvx-glass2)) padding-box,
            linear-gradient(120deg, rgba(0,245,255,.62), rgba(255,43,214,.52), rgba(104,255,123,.28)) border-box;
    border: 1px solid transparent;
    box-shadow: var(--nvx-shadow);
    overflow:hidden;
    position:relative;
}

/* Neon edge shimmer */
.nvx-heroCard::before{
    content:"";
    position:absolute;
    inset:-2px;
    background: conic-gradient(from 180deg,
    rgba(0,245,255,.0),
    rgba(0,245,255,.35),
    rgba(255,43,214,.32),
    rgba(122,44,255,.28),
    rgba(0,245,255,.0));
    filter: blur(10px);
    opacity:.55;
    animation: nvxEdgeSpin 10s linear infinite;
    pointer-events:none;
}
@keyframes nvxEdgeSpin{
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg); }
}

.nvx-heroInner{
    position:relative;
    padding: clamp(20px, 3.2vw, 30px) clamp(16px, 3.2vw, 26px) 22px;
    background: linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.42));
}

.nvx-topRow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 10px;
    flex-wrap:wrap;
    margin-bottom: 10px;
}

.nvx-mark{
    font-family:var(--nvx-mono);
    letter-spacing:.18em;
    text-transform:uppercase;
    font-size:12px;
    color: rgba(234,240,255,.88);
    border:1px solid rgba(234,240,255,.14);
    background: rgba(255,255,255,.03);
    padding: 8px 12px;
    border-radius:999px;
    position:relative;
    overflow:hidden;
    max-width:100%;
}
.nvx-mark::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(90deg, transparent, rgba(0,245,255,.24), transparent);
    transform: translateX(-130%);
    animation: nvxRibbon 3.8s linear infinite;
}
@keyframes nvxRibbon{
    0%{ transform: translateX(-130%); }
    55%{ transform: translateX(130%); }
    100%{ transform: translateX(130%); }
}

.nvx-domainTag{
    font-family:var(--nvx-mono);
    font-size:12px;
    letter-spacing:.10em;
    color: rgba(234,240,255,.84);
    padding: 8px 12px;
    border-radius: 999px;
    border:1px solid rgba(0,245,255,.22);
    background: rgba(0,245,255,.06);
    box-shadow: 0 0 0 1px rgba(255,43,214,.08);
    max-width:100%;
}

.nvx-title{
    margin: 8px 0 8px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.05;
    font-size: clamp(30px, 4.6vw, 62px);
    word-break: break-word;
    letter-spacing: clamp(.05em, 1.2vw, .10em);
    background: linear-gradient(90deg, var(--nvx-cyan), var(--nvx-pink), var(--nvx-lime), var(--nvx-cyan));
    background-size: 220% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    filter: drop-shadow(0 0 22px rgba(0,245,255,.12));
    animation: nvxTitleFlow 4.8s linear infinite;
}
@keyframes nvxTitleFlow{
    0%{ background-position: 0% 50%; }
    100%{ background-position: 100% 50%; }
}

.nvx-subtitle{
    margin:0;
    max-width: 80ch;
    color: rgba(234,240,255,.84);
    font-size: 15px;
}

.nvx-alertStrip{
    margin: 16px 0 18px;
    border-radius: var(--nvx-radius);
    border:1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.03);
    padding: 12px 14px;
    display:grid;
    gap: 8px;
}
.nvx-alertStrip strong{ color: rgba(234,240,255,.98); }

.nvx-kbd{
    font-family:var(--nvx-mono);
    font-size: 12px;
    letter-spacing:.08em;
    background: rgba(0,0,0,.35);
    border:1px solid rgba(234,240,255,.12);
    padding: 2px 8px;
    border-radius: 12px;
    white-space:nowrap;
}

/* Center CTA */
.nvx-coreCTA{
    margin: 18px 0 10px;
    display:grid;
    place-items:center;
    padding: 8px 0 6px;
}

.nvx-coreLink{
    width: min(560px, 100%);
    text-align:center;
    justify-content:center;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap: 12px;
    padding: 16px 18px;
    border-radius: 18px;
    font-family:var(--nvx-mono);
    letter-spacing:.14em;
    text-transform:uppercase;
    font-size: 12px;
    border: 1px solid rgba(0,245,255,.40);
    background:
            radial-gradient(circle at 20% 30%, rgba(0,245,255,.22), transparent 55%),
            radial-gradient(circle at 80% 70%, rgba(255,43,214,.18), transparent 58%),
            rgba(255,255,255,.03);
    box-shadow:
            0 0 0 1px rgba(255,43,214,.14),
            0 0 32px rgba(0,245,255,.16),
            0 0 60px rgba(255,43,214,.10);
    position:relative;
    overflow:hidden;
    transform: translateZ(0);
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.nvx-coreLink::before{
    content:"";
    position:absolute;
    inset:-40%;
    background: conic-gradient(from 90deg, transparent, rgba(0,245,255,.35), transparent, rgba(255,43,214,.30), transparent);
    animation: nvxPulseSpin 5.4s linear infinite;
    opacity:.55;
    filter: blur(12px);
    pointer-events:none;
}
@keyframes nvxPulseSpin{
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg); }
}
.nvx-coreLink:hover{
    transform: translateY(-1px) scale(1.01);
    border-color: rgba(104,255,123,.52);
    box-shadow:
            0 0 0 1px rgba(104,255,123,.16),
            0 0 40px rgba(0,245,255,.18),
            0 0 80px rgba(255,43,214,.12);
}

.nvx-miniCTA{
    width: min(760px, 100%);
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
    margin: 10px 0 6px;
}
.nvx-chipLink{
    flex: 1 1 170px;
    text-align:center;
    text-decoration:none;
    font-family:var(--nvx-mono);
    letter-spacing:.10em;
    text-transform:uppercase;
    font-size: 12px;
    padding: 10px 12px;
    border-radius: 999px;
    border: 1px solid rgba(234,240,255,.12);
    background: rgba(255,255,255,.03);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.nvx-chipLink:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.35);
    box-shadow: 0 0 24px rgba(0,245,255,.10);
}

/* Ticker */
.nvx-ticker{
    margin-top: 18px;
    border-top:1px solid rgba(234,240,255,.08);
    padding-top: 14px;
    overflow:hidden;
    mask-image: linear-gradient(90deg, transparent, rgba(0,0,0,1) 12%, rgba(0,0,0,1) 88%, transparent);
}
.nvx-tickerLane{
    display:flex;
    gap: 26px;
    width:max-content;
    font-family:var(--nvx-mono);
    letter-spacing:.14em;
    text-transform:uppercase;
    font-size: 12px;
    color: rgba(234,240,255,.72);
    animation: nvxMarquee 22s linear infinite;
}
.nvx-tickerLane span{
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.02);
    box-shadow: inset 0 0 0 1px rgba(0,245,255,.06);
    white-space:nowrap;
}
@keyframes nvxMarquee{
    0%{ transform: translateX(0); }
    100%{ transform: translateX(-50%); }
}

/* ========== NAV ========== */
.nvx-navDock{
    position:sticky;
    top:0;
    z-index:60;
    backdrop-filter: blur(14px);
    background: rgba(7, 3, 17, .62);
    border-top: 1px solid rgba(255,255,255,.06);
    border-bottom: 1px solid rgba(255,255,255,.12);
}
.nvx-navInner{
    display:flex;
    gap: 10px;
    flex-wrap:wrap;
    align-items:center;
    padding: 12px 0;
}
.nvx-navA{
    text-decoration:none;
    font-family:var(--nvx-mono);
    font-size: 12px;
    letter-spacing:.12em;
    text-transform:uppercase;
    padding: 9px 12px;
    border-radius: 14px;
    border: 1px solid rgba(234,240,255,.10);
    background: rgba(255,255,255,.03);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.nvx-navA:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.34);
    box-shadow: 0 0 28px rgba(0,245,255,.10);
}

/* ========== SECTIONS / TYPOGRAPHY ========== */
main{ padding-bottom: 40px; }

.nvx-zone{
    padding: 74px 0;
    border-bottom: 1px solid rgba(255,255,255,.06);
    scroll-margin-top: 86px;
    position:relative;
}
.nvx-zone:target::after{
    content:"";
    position:absolute;
    inset: 18px;
    border-radius: calc(var(--nvx-radius) + 10px);
    border:1px solid rgba(0,245,255,.22);
    box-shadow: 0 0 0 1px rgba(255,43,214,.12), 0 0 34px rgba(0,245,255,.10);
    pointer-events:none;
}

.nvx-h2{
    margin:0 0 10px;
    font-size: clamp(22px, 2.7vw, 34px);
    letter-spacing:.02em;
}
.nvx-h3{
    margin: 0 0 8px;
    font-family:var(--nvx-mono);
    letter-spacing:.14em;
    text-transform:uppercase;
    font-size: 12px;
    color: rgba(234,240,255,.84);
}
.nvx-p{
    margin: 0 0 12px;
    color: rgba(234,240,255,.86);
}
.nvx-muted{ color: var(--nvx-dim); }

.nvx-code{
    font-family:var(--nvx-mono);
    font-size: 16px;
    letter-spacing:.04em;
    background: rgba(0,0,0,.35);
    border:1px solid rgba(234,240,255,.12);
    padding: 2px 8px;
    border-radius: 12px;
    word-break: break-word;
}

.nvx-list{
    margin: 10px 0 0 18px;
    color: rgba(234,240,255,.86);
}
.nvx-list li{ margin: 8px 0; }

/* ========== VERIFIED LINKS (kept) ========== */
.nvx-cardGrid{
    display:flex;
    gap: 14px;
    flex-direction:column;
    margin-top: 14px;
}

.nvx-linkCard{
    text-decoration:none;
    display:block;
    padding: 16px;
    border-radius: var(--nvx-radius);
    background:
            linear-gradient(rgba(255,255,255,.03), rgba(255,255,255,.02)) padding-box,
            linear-gradient(120deg, rgba(0,245,255,.34), rgba(255,43,214,.26), rgba(104,255,123,.14)) border-box;
    border:1px solid transparent;
    box-shadow: 0 16px 50px rgba(0,0,0,.50);
    transition: transform .16s ease, box-shadow .16s ease;
    min-height: 128px;
    position:relative;
    overflow:hidden;
}
.nvx-linkCard::after{
    content:"";
    position:absolute;
    inset:-30%;
    background:
            radial-gradient(circle at 20% 30%, rgba(0,245,255,.18), transparent 48%),
            radial-gradient(circle at 80% 70%, rgba(255,43,214,.16), transparent 52%);
    opacity:.0;
    transition: opacity .16s ease;
    pointer-events:none;
}
.nvx-linkCard:hover{
    transform: translateY(-2px);
    box-shadow: 0 22px 80px rgba(0,0,0,.64);
}
.nvx-linkCard:hover::after{ opacity:.95; }

.nvx-linkTitle{
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 13px;
    margin-bottom: 8px;
}
.nvx-linkMeta{
    font-family:var(--nvx-mono);
    font-size: 12px;
    letter-spacing:.06em;
    color: rgba(234,240,255,.72);
    margin-bottom: 10px;
}
.nvx-linkURL{
    font-family:var(--nvx-mono);
    font-size: 12px;
    color: rgba(234,240,255,.92);
    word-break: break-word;
}

/* ============================================================
   NEW POST-LINKS SYSTEM (zrx-*)
   ============================================================ */
.zrx-rail{
    display:grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 16px;
    align-items:start;
}

.zrx-panel{
    border-radius: 22px;
    border: 1px solid rgba(234,240,255,.12);
    background: rgba(255,255,255,.03);
    box-shadow: 0 18px 60px rgba(0,0,0,.52);
    overflow:hidden;
}

.zrx-panelHead{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(234,240,255,.10);
    background:
            linear-gradient(90deg, rgba(0,245,255,.10), rgba(255,43,214,.08), rgba(104,255,123,.06));
}

.zrx-headLeft{
    display:flex;
    align-items:center;
    gap: 10px;
    min-width:0;
}

.zrx-leds{ display:flex; gap: 6px; }
.zrx-led{
    width: 10px;
    height: 10px;
    border-radius: 999px;
    box-shadow: 0 0 18px rgba(0,0,0,.25);
}
.zrx-led.c{ background: rgba(0,245,255,.95); box-shadow: 0 0 18px rgba(0,245,255,.40); }
.zrx-led.p{ background: rgba(255,43,214,.95); box-shadow: 0 0 18px rgba(255,43,214,.40); }
.zrx-led.g{ background: rgba(104,255,123,.95); box-shadow: 0 0 18px rgba(104,255,123,.32); }

.zrx-headTitle{
    font-family: var(--nvx-mono);
    letter-spacing: .14em;
    text-transform:uppercase;
    font-size: 12px;
    color: rgba(234,240,255,.90);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.zrx-badge{
    font-family: var(--nvx-mono);
    letter-spacing:.10em;
    text-transform:uppercase;
    font-size: 11px;
    padding: 8px 10px;
    border-radius: 999px;
    border: 1px solid rgba(0,245,255,.22);
    background: rgba(0,245,255,.06);
    color: rgba(234,240,255,.88);
}

.zrx-body{ padding: 14px; }

.zrx-terminal{
    position:relative;
    border-radius: 18px;
    border: 1px solid rgba(0,245,255,.18);
    background: rgba(0,0,0,.38);
    padding: 14px;
    font-family: var(--nvx-mono);
    font-size: 12px;
    line-height: 1.5;
    overflow:auto;
    box-shadow: inset 0 0 0 1px rgba(255,43,214,.06);
}
.zrx-terminal::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
            radial-gradient(circle at 18% 10%, rgba(0,245,255,.12), transparent 45%),
            radial-gradient(circle at 78% 90%, rgba(255,43,214,.10), transparent 50%);
    opacity:.9;
}
.zrx-terminal pre{
    margin:0;
    white-space: pre;
    position:relative;
    z-index:1;
}

.zrx-kv{ display:grid; gap: 12px; }
.zrx-kvRow{
    display:flex;
    gap: 10px;
    align-items:flex-start;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(234,240,255,.10);
    background: rgba(255,255,255,.02);
}
.zrx-kvKey{
    font-family: var(--nvx-mono);
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size: 11px;
    color: rgba(234,240,255,.70);
    min-width: 120px;
}
.zrx-kvVal{
    color: rgba(234,240,255,.90);
    font-size: 14px;
}

.zrx-inlineCode{
    font-family: var(--nvx-mono);
    font-size: 12px;
    border-radius: 12px;
    padding: 2px 8px;
    border: 1px solid rgba(234,240,255,.12);
    background: rgba(0,0,0,.35);
    word-break: break-word;
}

/* Flow steps */
.zrx-flow{
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 14px;
}
.zrx-step{
    position:relative;
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(234,240,255,.12);
    background: rgba(255,255,255,.03);
    overflow:hidden;
}
.zrx-step::before{
    content:"";
    position:absolute;
    inset:-30%;
    background: conic-gradient(from 180deg,
    rgba(0,245,255,.0),
    rgba(0,245,255,.22),
    rgba(255,43,214,.18),
    rgba(104,255,123,.10),
    rgba(0,245,255,.0));
    filter: blur(14px);
    opacity:.55;
    animation: zrxSpin 9s linear infinite;
    pointer-events:none;
}
@keyframes zrxSpin{ to{ transform: rotate(360deg); } }

.zrx-stepTop{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 10px;
    font-family: var(--nvx-mono);
    letter-spacing:.14em;
    text-transform:uppercase;
    font-size: 11px;
    color: rgba(234,240,255,.82);
}
.zrx-stepNum{
    border:1px solid rgba(0,245,255,.22);
    background: rgba(0,245,255,.06);
    padding: 7px 9px;
    border-radius: 999px;
}
.zrx-stepBody{
    position:relative;
    margin-top: 10px;
    color: rgba(234,240,255,.88);
}

/* CSS tabs */
.zrx-tabs{
    margin-top: 14px;
    border-radius: 24px;
    border: 1px solid rgba(234,240,255,.12);
    background: rgba(255,255,255,.02);
    overflow:hidden;
}
.zrx-tabs input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.zrx-tabBar{
    display:flex;
    flex-wrap:wrap;
    gap: 10px;
    padding: 12px;
    border-bottom: 1px solid rgba(234,240,255,.10);
    background: rgba(0,0,0,.22);
}
.zrx-tabBar label{
    cursor:pointer;
    font-family: var(--nvx-mono);
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size: 11px;
    padding: 9px 12px;
    border-radius: 999px;
    border: 1px solid rgba(234,240,255,.10);
    background: rgba(255,255,255,.03);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.zrx-tabBar label:hover{
    transform: translateY(-1px);
    border-color: rgba(0,245,255,.30);
    box-shadow: 0 0 26px rgba(0,245,255,.10);
}
.zrx-tabBody{ padding: 14px; }

.zrx-pane{ display:none; }
#zrx-t1:checked ~ .zrx-tabBody .zrx-pane.p1,
#zrx-t2:checked ~ .zrx-tabBody .zrx-pane.p2,
#zrx-t3:checked ~ .zrx-tabBody .zrx-pane.p3,
#zrx-t4:checked ~ .zrx-tabBody .zrx-pane.p4,
#zrx-t5:checked ~ .zrx-tabBody .zrx-pane.p5{ display:block; }

#zrx-t1:checked ~ .zrx-tabBar label[for="zrx-t1"],
#zrx-t2:checked ~ .zrx-tabBar label[for="zrx-t2"],
#zrx-t3:checked ~ .zrx-tabBar label[for="zrx-t3"],
#zrx-t4:checked ~ .zrx-tabBar label[for="zrx-t4"],
#zrx-t5:checked ~ .zrx-tabBar label[for="zrx-t5"]{
    border-color: rgba(104,255,123,.40);
    box-shadow: 0 0 28px rgba(104,255,123,.12);
}

/* Threat matrix */
.zrx-matrix{
    margin-top: 14px;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.zrx-cell{
    padding: 14px;
    border-radius: 22px;
    border: 1px solid rgba(234,240,255,.12);
    background: rgba(255,255,255,.03);
    position:relative;
    overflow:hidden;
}
.zrx-cell h4{
    margin:0 0 8px;
    font-family: var(--nvx-mono);
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size: 11px;
    color: rgba(234,240,255,.86);
}
.zrx-pill{
    display:inline-block;
    font-family: var(--nvx-mono);
    letter-spacing:.10em;
    text-transform:uppercase;
    font-size: 10px;
    padding: 6px 9px;
    border-radius: 999px;
    border: 1px solid rgba(234,240,255,.10);
    background: rgba(0,0,0,.28);
    color: rgba(234,240,255,.80);
}
.zrx-pill.hi{ border-color: rgba(255,43,214,.30); }
.zrx-pill.md{ border-color: rgba(0,245,255,.28); }
.zrx-pill.lo{ border-color: rgba(104,255,123,.22); }

/* Incident log */
.zrx-log{
    margin-top: 14px;
    border-radius: 24px;
    border: 1px solid rgba(234,240,255,.12);
    background: rgba(0,0,0,.30);
    overflow:hidden;
}
.zrx-logHead{
    padding: 12px 14px;
    border-bottom: 1px solid rgba(234,240,255,.10);
    font-family: var(--nvx-mono);
    letter-spacing:.14em;
    text-transform:uppercase;
    font-size: 11px;
    color: rgba(234,240,255,.86);
    background: rgba(255,255,255,.02);
}
.zrx-logBody{
    padding: 12px 14px;
    font-family: var(--nvx-mono);
    font-size: 12px;
    line-height: 1.55;
    color: rgba(234,240,255,.84);
}
.zrx-line{
    display:flex;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(234,240,255,.10);
}
.zrx-line:last-child{ border-bottom:none; }
.zrx-ts{ color: rgba(234,240,255,.62); white-space:nowrap; }
.zrx-msg{ flex:1; min-width:0; }

/* Contact tiles */
.zrx-tiles{
    margin-top: 14px;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.zrx-tile{
    padding: 14px;
    border-radius: 22px;
    border: 1px solid rgba(234,240,255,.12);
    background: rgba(255,255,255,.03);
}
.zrx-tileTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap: 10px;
}
.zrx-tileTitle{
    font-family: var(--nvx-mono);
    letter-spacing:.12em;
    text-transform:uppercase;
    font-size: 11px;
    color: rgba(234,240,255,.86);
}
.zrx-tileHint{
    color: rgba(234,240,255,.66);
    font-size: 13px;
    margin-top: 10px;
}

/* ========== FOOTER ========== */
.nvx-footer{
    padding: 46px 0 30px;
    background: rgba(0,0,0,.22);
    border-top: 1px solid rgba(255,255,255,.10);
}
.nvx-footGrid{
    display:grid;
    gap: 16px;
    grid-template-columns: 1.2fr .9fr 1fr;
    align-items:start;
}
.nvx-footLabel{
    font-family:var(--nvx-mono);
    text-transform:uppercase;
    letter-spacing:.14em;
    font-size: 12px;
    color: rgba(234,240,255,.84);
    margin-bottom: 8px;
}
.nvx-footTiny{
    margin: 14px 0 0;
    color: rgba(234,240,255,.62);
    font-size: 12px;
    font-family:var(--nvx-mono);
}

/* ========== RESPONSIVE ========== */
@media (max-width: 980px){
    .nvx-cardGrid{ grid-template-columns: 1fr; }
    .zrx-rail{ grid-template-columns: 1fr; }
    .zrx-flow{ grid-template-columns: 1fr; }
    .zrx-matrix{ grid-template-columns: 1fr 1fr; }
    .zrx-tiles{ grid-template-columns: 1fr; }
    .nvx-footGrid{ grid-template-columns: 1fr; }
}

@media (max-width: 720px){
    .nvx-topRow{
        flex-direction: column;
        align-items: flex-start;
    }
    .nvx-domainTag{ width: 100%; }
    .nvx-miniCTA{ justify-content: stretch; }
    .nvx-ticker{ display: none; }
}

@media (max-width: 520px){
    .zrx-matrix{ grid-template-columns: 1fr; }
}

/* ========== REDUCED MOTION ========== */
@media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
    body::before, body::after,
    .nvx-heroCard::before, .nvx-title,
    .nvx-tickerLane, .nvx-mark::after,
    .nvx-coreLink::before, .zrx-step::before{
        animation:none !important;
    }
    .nvx-coreLink, .nvx-chipLink, .nvx-navA, .nvx-linkCard,
    .zrx-tabBar label{
        transition:none !important;
    }
}