.process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); transition: background 0.5s, border-color 0.5s; }
.process-cell { background: var(--bg); padding: 48px 40px; position: relative; overflow: hidden; transition: background 0.5s; }
.process-cell::after { content: ''; position: absolute; inset: 0; background: var(--bg2); transform: scaleY(0); transform-origin: bottom; transition: transform 0.5s cubic-bezier(0.16,1,0.3,1); }
.process-cell:hover::after { transform: scaleY(1); }
.process-cell > * { position: relative; z-index: 1; }
.pc-num { font-family: 'Bebas Neue', sans-serif; font-size: 14px; letter-spacing: 0.1em; color: var(--dim); margin-bottom: 20px; display: block; }
.pc-head { font-family: 'Bebas Neue', sans-serif; font-size: clamp(26px, 3vw, 38px); letter-spacing: 0.05em; color: var(--text); margin-bottom: 14px; transition: color 0.5s; }
.pc-body { font-family: 'Space Grotesk', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.7; color: var(--text2); }