.security-visualizer-container{background:hsl(var(--bg-surface,222 24% 13%));border:1px solid hsl(var(--border-subtle,222 16% 24%));border-radius:var(--radius-lg,12px);margin:2rem 0;padding:1.75rem}.vis-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.vis-badge{font-size:.75rem;font-family:var(--font-mono);color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.pulse-indicator{background-color:hsl(var(--primary));width:8px;height:8px;box-shadow:0 0 8px hsl(var(--primary));border-radius:50%}.vis-timestamp{color:hsl(var(--text-muted));font-size:.75rem;font-family:var(--font-mono)}.vis-title{font-family:var(--font-serif);color:hsl(var(--text-primary));margin-bottom:.35rem;font-size:clamp(1.25rem,2.5vw,1.75rem)}.vis-desc{color:hsl(var(--text-secondary));margin-bottom:1.25rem;font-size:.875rem;line-height:1.5}.vis-controls-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.vis-check-btn{border-radius:var(--radius-sm);border:1px solid hsl(var(--border-subtle));background:hsl(var(--bg-card));color:hsl(var(--text-secondary));cursor:pointer;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.vis-check-btn:hover{border-color:hsl(var(--primary));color:hsl(var(--text-primary))}.vis-check-btn.active{background:hsla(var(--primary) / .15);border-color:hsl(var(--primary));color:hsl(var(--primary))}.vis-terminal{border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-sm);background:#0a0d15;overflow:hidden}.terminal-bar{border-bottom:1px solid hsl(var(--border-subtle));background:#121721;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .85rem;display:flex}.terminal-dots{flex-shrink:0;gap:.35rem;display:flex}.terminal-dots span{background:#363d49;border-radius:50%;width:8px;height:8px}.terminal-title{font-size:.72rem;font-family:var(--font-mono);color:hsl(var(--text-muted));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.terminal-status-pill{font-size:.65rem;font-family:var(--font-mono);color:#25c15e;white-space:nowrap;background:#25c15e26;border-radius:9999px;flex-shrink:0;padding:.15rem .45rem;font-weight:700}.terminal-body{padding:1rem}.terminal-code{font-family:var(--font-mono);color:#e0e4eb;white-space:pre-wrap;margin:0;font-size:.78rem;line-height:1.6}.page-container{max-width:1200px;padding:var(--space-xl) var(--space-md);width:100%;margin:0 auto;overflow-x:hidden}.hero-split-stage{margin-bottom:var(--space-2xl)}.hero-eyebrow{font-family:var(--font-mono);color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);align-items:center;gap:.5rem;font-size:.75rem;display:inline-flex}.eyebrow-pip{background-color:hsl(var(--primary));border-radius:50%;width:6px;height:6px}.hero-title{font-family:var(--font-serif);font-size:var(--text-hero,clamp(2.2rem, 4.5vw, 3.8rem));color:hsl(var(--text-primary));margin-bottom:var(--space-sm);font-weight:800;line-height:1.15}.hero-lead{font-size:var(--text-base);color:hsl(var(--text-secondary));max-width:75ch;line-height:1.6}.visualizer-boundary,.semantic-unframed-stage,.fairplay-section{margin-bottom:var(--space-2xl);border-top:1px solid hsl(var(--border-subtle));padding-top:var(--space-xl)}.section-title,.content-heading{font-family:var(--font-serif);font-size:var(--text-xl);color:hsl(var(--text-primary));margin-bottom:var(--space-sm)}.section-desc{font-size:var(--text-sm);color:hsl(var(--text-secondary));margin-bottom:var(--space-md)}.unboxed-summary{margin-bottom:var(--space-md);color:hsl(var(--text-primary));font-size:1.05rem;line-height:1.65}.security-pillars-grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.pillar-card{background:hsl(var(--bg-surface));border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-md);padding:var(--space-md)}.pillar-icon{margin-bottom:var(--space-xs);font-size:1.8rem}.pillar-name{font-family:var(--font-serif);font-size:var(--text-base);color:hsl(var(--primary));margin-bottom:var(--space-xs)}.pillar-desc{font-size:var(--text-xs);color:hsl(var(--text-secondary));line-height:1.6}.prose-columns{gap:var(--space-md);color:hsl(var(--text-secondary));grid-template-columns:1fr;line-height:1.7;display:grid}@media (width>=768px){.prose-columns{grid-template-columns:1fr 1fr}}.prose-columns a{color:hsl(var(--primary));text-underline-offset:3px;text-decoration:underline}