.zn-box{font-family:"Inter",system-ui,-apple-system,sans-serif;background:var(--zn-bg);border:1px solid var(--zn-border);border-radius:16px;margin:3rem 0;position:relative;overflow:hidden;box-shadow:var(--zn-shadow)}.zn-box::after{content:"";position:absolute;top:-100%;left:0;width:100%;height:40%;background:var(--zn-scan);animation:zn-scan 5s ease-in-out infinite;pointer-events:none;z-index:0}.zn-header{background:var(--zn-surface);padding:1rem 1.5rem;border-bottom:1px solid var(--zn-border);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.zn-brand{display:flex;align-items:center;gap:12px}.zn-icon-box{width:36px;height:36px;border-radius:8px;background:var(--zn-bg);border:1px solid var(--zn-border);color:var(--zn-accent);display:grid;place-items:center;box-shadow:0 2px 5px rgba(0,0,0,.05)}.zn-title-group{display:flex;flex-direction:column}.zn-title{font-size:.95rem;font-weight:800;color:var(--zn-text-main);text-transform:uppercase;letter-spacing:.5px;margin:0}.zn-ref{font-size:.7rem;font-family:"SF Mono",monospace;color:var(--zn-text-sub)}.zn-live-badge{display:flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:var(--zn-success);background:rgba(16,185,129,.1);padding:6px 12px;border-radius:100px;border:1px solid rgba(16,185,129,.2)}.zn-pulse{width:6px;height:6px;background:var(--zn-success);border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,.4);animation:zn-pulse 2s infinite}.zn-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:1.5rem;gap:1rem;border-bottom:1px solid var(--zn-border);position:relative;z-index:1}.zn-met-item{display:flex;flex-direction:column;gap:4px}.zn-met-lbl{font-size:.65rem;text-transform:uppercase;font-weight:600;color:var(--zn-text-sub);letter-spacing:.5px}.zn-met-val{font-size:1rem;font-weight:700;color:var(--zn-text-main);display:flex;align-items:center;gap:5px}.zn-bar-track{width:100%;height:4px;background:rgba(0,0,0,.1);border-radius:2px;margin-top:6px}.zn-bar-fill{width:98.5%;height:100%;background:var(--zn-success);border-radius:2px}.zn-pillars{display:grid;grid-template-columns:repeat(3,1fr);padding:1.5rem;gap:2rem;background:linear-gradient(to bottom,var(--zn-surface),var(--zn-bg));position:relative;z-index:1}.zn-pillar{display:flex;flex-direction:column;gap:8px}.zn-pil-head{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--zn-text-main)}.zn-pil-icon{color:var(--zn-accent);width:18px;height:18px}.zn-pil-desc{font-size:.85rem;line-height:1.5;color:var(--zn-text-sub)}@media (max-width:768px){.zn-header{flex-direction:column;align-items:flex-start;gap:1rem}.zn-metrics{grid-template-columns:1fr 1fr;gap:1.5rem}.zn-pillars{grid-template-columns:1fr;gap:1.5rem}.zn-live-badge{align-self:flex-start}}