.whitehat-page{--wh-green: #34d399;--wh-amber: #fbbf24;--wh-rose: #fb7185}.whitehat-notice{display:flex;gap:.65rem;align-items:flex-start;margin-bottom:1.15rem;padding:.9rem 1rem;border:1px solid rgba(52,211,153,.22);border-radius:1rem;background:#34d3990f;color:#94a3b8;font-size:.78rem;line-height:1.55}.whitehat-notice svg{flex:none;color:var(--wh-green);margin-top:.1rem}.whitehat-notice strong{color:#d1fae5}.whitehat-hero{display:flex;align-items:center;gap:1rem;padding:1.15rem;margin-bottom:1.25rem;overflow:hidden;position:relative}.whitehat-hero:after{content:"";position:absolute;width:18rem;height:18rem;right:-8rem;top:-9rem;border-radius:999px;background:#34d3991a;filter:blur(45px);pointer-events:none}.whitehat-pulse-wrap{position:relative;flex:none;width:4.6rem;height:4.6rem;display:grid;place-items:center}.whitehat-pulse-wrap:before,.whitehat-pulse-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(52,211,153,.36);border-radius:999px;animation:whitehat-ring 2.3s ease-out infinite}.whitehat-pulse-wrap:after{animation-delay:1.15s}.whitehat-pulse{width:3.5rem;height:3.5rem;display:grid;place-items:center;border-radius:999px;background:#34d39924;border:1px solid rgba(52,211,153,.45);color:var(--wh-green);box-shadow:0 0 32px #34d3992e}.whitehat-pulse.is-stale{color:var(--wh-amber);background:#fbbf241f;border-color:#fbbf2466}.whitehat-pulse.is-offline{color:#94a3b8;background:#94a3b81a;border-color:#94a3b84d}.whitehat-eyebrow{color:#34d399d1;font-size:.66rem;font-weight:700;letter-spacing:.16em}.whitehat-hero h2{margin-top:.25rem;color:#f8fafc;font:600 1.1rem/1.25 Readex Pro,IBM Plex Sans,system-ui,sans-serif}.whitehat-hero p{color:#64748b;font-size:.75rem;margin-top:.3rem}.whitehat-hero-meta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:.45rem;margin-left:auto}.whitehat-observed{color:#6ee7b7;background:#34d3991a;border:1px solid rgba(52,211,153,.25)}.whitehat-source{color:#64748b;font-size:.68rem;white-space:nowrap}.whitehat-event{transition:transform .2s ease,border-color .2s ease,background .2s ease;cursor:pointer}.whitehat-event:hover{transform:translateY(-2px);border-color:#34d39940;background:#ffffff0e}.whitehat-event-icon{width:2.45rem;height:2.45rem;display:grid;place-items:center;border-radius:.8rem;flex:none}.whitehat-event-icon.rose{color:#fda4af;background:#f43f5e1f}.whitehat-event-icon.amber{color:#fcd34d;background:#f59e0b1f}.whitehat-event-icon.sky{color:#7dd3fc;background:#0ea5e91f}.whitehat-chip{border:1px solid transparent}.whitehat-chip.rose{color:#fda4af;background:#f43f5e1a;border-color:#f43f5e38}.whitehat-chip.amber{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b38}.whitehat-chip.sky{color:#7dd3fc;background:#0ea5e91a;border-color:#0ea5e938}.whitehat-status{color:#cbd5e1;background:#94a3b81a;border:1px solid rgba(148,163,184,.2)}.whitehat-status.amber{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b38}.whitehat-status.rose{color:#fda4af;background:#f43f5e1a;border-color:#f43f5e38}.whitehat-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;border:1px solid rgba(255,255,255,.07);border-radius:1rem;background:#ffffff06}@keyframes whitehat-ring{0%{transform:scale(.72);opacity:.7}80%,to{transform:scale(1.35);opacity:0}}@media (max-width:640px){.whitehat-hero{align-items:flex-start;flex-wrap:wrap}.whitehat-hero-meta{width:100%;align-items:flex-start;margin-left:5.6rem;margin-top:-.4rem}.whitehat-source{white-space:normal}}@media (prefers-reduced-motion:reduce){.whitehat-pulse-wrap:before,.whitehat-pulse-wrap:after{animation:none}.whitehat-event{transition:none}}