.architectural-paradigm{display:flex;flex-direction:column;width:100%;position:relative;background-color:var(--color-background-light)}@media (min-width:1024px){.architectural-paradigm{flex-direction:row;min-height:600px}}.paradigm-split{flex:1 1;padding:var(--spacing-20) var(--spacing-6);display:flex;flex-direction:column;justify-content:center}@media (min-width:1024px){.paradigm-split{padding:var(--spacing-32) var(--spacing-16)}}.paradigm-content{max-width:480px}.radix-side{background-color:var(--color-background-dark);color:var(--color-text-light);border-right:1px solid hsla(0,0%,100%,.1)}.radix-side .paradigm-content{margin-left:auto}.matrix-side{background-color:var(--color-surface-gray);color:var(--color-text-dark);border-left:1px solid var(--color-border)}.paradigm-badge{font-family:monospace;font-size:.75rem;letter-spacing:.1em;margin-bottom:var(--spacing-6);opacity:.7}.paradigm-title{font-size:2.5rem;margin-bottom:var(--spacing-6);color:inherit}.paradigm-desc{font-size:1.125rem;line-height:1.6;opacity:.8;margin-bottom:var(--spacing-12)}.matrix-visual,.radix-visual{height:100px}.core-node,.matrix-visual,.radix-visual{position:relative;display:flex;align-items:center}.core-node{width:120px;height:48px;border:1px solid var(--color-primary);justify-content:center;font-family:monospace;font-size:.875rem;color:var(--color-primary);background-color:rgba(11,60,93,.2);z-index:2;transition:box-shadow .3s ease}.architectural-paradigm:hover .core-node{box-shadow:0 0 15px rgba(11,60,93,.5)}.connection-lines{position:absolute;top:50%;left:120px;width:calc(100% - 120px);height:1px;background-color:hsla(0,0%,100%,.1);z-index:1;overflow:hidden}.line-h{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);animation:dataPulse 3s linear infinite}@keyframes dataPulse{0%{left:-100%}to{left:200%}}.matrix-visual{gap:var(--spacing-4)}.matrix-node{flex:1 1;height:64px;border:1px solid var(--color-slate-gray);display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:.75rem;background-color:var(--color-background-light);color:var(--color-text-dark);transition:transform .3s ease,border-color .3s ease,background-color .3s ease}.matrix-node:hover{transform:translateY(-4px);border-color:var(--color-primary);background-color:var(--color-surface-gray)}.paradigm-center{display:none}@media (min-width:1024px){.paradigm-center{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background-color:var(--color-primary);border:4px solid var(--color-background-light);border-radius:50%;align-items:center;justify-content:center;z-index:10;transition:transform .5s cubic-bezier(.16,1,.3,1),background-color .3s ease}.architectural-paradigm:hover .paradigm-center{transform:translate(-50%,-50%) rotate(1turn);background-color:var(--color-primary-dark)}}