.security-process .step-scene{--t:.9;--clock-cycle:5.2s;--out:clamp(0, (.96 - var(--t)) * 25, 1);width:min(380px,100% - 32px);color:var(--color-ink);font-size:12px;line-height:16px}@media (prefers-reduced-motion:no-preference){.security-process .hiw-player[data-enhanced] .framework-process-visual.is-visible .step-scene{--t:var(--illustration-clock)}.security-process .hiw-player[data-enhanced] .framework-process-visual:not(.is-visible) .illustration-clock{animation:none}.security-process .hiw-player[data-paused] .illustration-clock{animation-play-state:paused}}.security-process .step-in,.security-process .step-row,.security-process .step-section,.security-process .step-mark,.security-process .step-bars li,.security-process .step-chip--learn{--in:clamp(0, (var(--t) - var(--on,0)) * 14, 1);--ease:calc(1 - (1 - var(--in)) * (1 - var(--in)) * (1 - var(--in)))}.security-process .step-in{opacity:min(var(--ease), var(--out));transform:translateY(calc((1 - var(--ease)) * 6px))}.security-process .step-card{gap:16px;padding:20px;display:grid}.security-process .step-heading{gap:2px;display:grid}.security-process .step-heading p{font-size:16px;line-height:24px}.security-process .step-heading span{color:var(--color-ink-tertiary)}.security-process .step-field{gap:6px;display:grid}.security-process .step-field>span{color:var(--color-ink-secondary)}.security-process .step-input{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-subtle);align-items:center;min-height:36px;padding:8px 10px;font-size:13px;line-height:20px;display:flex;position:relative}.security-process .step-input--typed{--type:clamp(0, (var(--t) - .08) * 3.2, 1)}.security-process .step-input--typed:after{content:"";border:1px solid var(--color-ink-tertiary);border-radius:inherit;opacity:clamp(0, min(var(--t) * 30 - 1, (.42 - var(--t)) * 20), 1);position:absolute;inset:-1px}.security-process .step-typed-text{clip-path:inset(0 calc((1 - var(--type,1)) * 100%) 0 0);display:inline-block}.security-process .step-chips{gap:5px;display:flex}.security-process .step-chips--wrap{grid-template-columns:repeat(2,max-content);display:grid}.security-process .step-chip{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface-subtle);color:var(--color-ink-secondary);white-space:nowrap;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.security-process .step-chip.is-selected{border-color:var(--color-ink-tertiary);background:var(--color-surface);color:var(--color-ink)}.security-process .step-action{border-radius:var(--radius-pill);background:var(--color-ink);height:40px;color:var(--color-surface);transform:scale(calc(1 - .03 * clamp(0, min((var(--t) - .44) * 30, (.5 - var(--t)) * 30), 1)));justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.security-process .step-action-done{color:var(--color-success-border);display:grid}.security-process .step-rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.security-process .step-row{isolation:isolate;border:1px solid var(--color-surface-muted);border-radius:var(--radius-sm);align-items:center;gap:10px;min-height:38px;padding:8px 10px;display:flex;position:relative}.security-process .step-row>svg{color:var(--color-ink-secondary);flex-shrink:0}.security-process .step-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.security-process .step-row-meta{color:var(--color-ink-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap}.security-process .step-row-lit{z-index:-1;border:1px solid var(--color-line-strong);border-radius:inherit;background:var(--color-surface-subtle);opacity:clamp(0, min((var(--t) - var(--on) + .06) * 20, (var(--on) + .08 - var(--t)) * 14), 1);position:absolute;inset:-1px}.security-process .step-status{flex-shrink:0;place-items:center;min-width:18px;display:grid}.security-process .step-status>*{grid-area:1/1}.security-process .step-pending{border:1px dashed var(--color-line-strong);border-radius:var(--radius-pill);width:13px;height:13px;opacity:calc(1 - min(var(--ease), var(--out)))}.security-process .step-result{opacity:min(var(--ease), var(--out));border:1px solid var(--color-line);border-radius:var(--radius-pill);white-space:nowrap;place-items:center;padding:0 7px;font-size:11px;line-height:16px;display:grid}.security-process .step-result--pass{border-color:var(--color-success-border);background:var(--color-success-soft);color:var(--color-success)}.security-process .step-result--fail{border-color:var(--color-error-border);background:var(--color-error-subtle);color:var(--color-error)}.security-process .step-result--neutral{background:var(--color-surface-subtle);color:var(--color-ink-secondary)}.security-process .step-status{justify-items:end}.security-process .step-summary{color:var(--color-ink-tertiary)}.security-process .step-finding-head{justify-content:space-between;align-items:center;gap:12px;font-size:16px;line-height:24px;display:flex}.security-process .step-severity{border:1px solid var(--color-warning-border);border-radius:var(--radius-pill);background:var(--color-warning-subtle);padding:0 8px;font-size:12px;line-height:18px}.security-process .step-target{color:var(--color-ink-secondary);align-items:center;gap:8px;display:flex}.security-process .step-code{border:1px solid var(--color-surface-muted);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-ink-secondary);white-space:nowrap;gap:4px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:16px;display:grid;overflow:hidden}.security-process .step-verdict{justify-self:start;align-items:center;gap:6px;font-size:13px;display:inline-flex}.security-process .step-verdict svg{color:var(--color-ink-secondary)}.security-process .step-sections{margin:0;padding:0;list-style:none;display:grid}.security-process .step-section{align-items:center;gap:10px;padding:10px 0;display:flex}.security-process .step-section+.step-section{border-top:1px solid var(--color-line)}.security-process .step-section-copy{flex:1;gap:2px;display:grid}.security-process .step-section-copy>span:last-child{color:var(--color-ink-tertiary)}.security-process .step-marks{grid-template-columns:repeat(2,max-content);gap:6px;display:grid}.security-process .step-mark{border:1px solid var(--color-line);border-radius:var(--radius-pill);opacity:calc(.35 + .65 * min(var(--ease), var(--out)));align-items:center;gap:5px;padding:3px 8px 3px 3px;display:inline-flex}.security-process .step-mark img{object-fit:contain;width:20px;height:20px}.security-process .step-bars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.security-process .step-bars li{color:var(--color-ink-secondary);grid-template-columns:88px minmax(0,1fr);align-items:center;gap:10px;display:grid}.security-process .step-bar{border-radius:var(--radius-pill);background:var(--color-surface-muted);height:8px;overflow:hidden}.security-process .step-bar-fill{border-radius:inherit;background:var(--color-ink-tertiary);height:100%;transform:scaleX(calc(var(--value) * min(var(--ease), var(--out))));transform-origin:0;display:block}.security-process .step-thread{gap:12px;margin:0;padding:0;list-style:none;display:grid}.security-process .step-message{gap:4px;max-width:85%;display:grid}.security-process .step-message--oneleet{justify-self:end;justify-items:end}.security-process .step-message-from{color:var(--color-ink-tertiary);align-items:center;gap:6px;display:inline-flex}.security-process .step-message-from .illustration-mark{width:14px;height:14px}.security-process .step-bubble{border:1px solid var(--color-surface-muted);background:var(--color-surface-subtle);border-radius:12px;padding:8px 12px;font-size:13px;line-height:18px}.security-process .step-message--oneleet .step-bubble{background:var(--color-surface);border-color:var(--color-line-strong)}.security-process .step-tabs{border:1px solid var(--color-line);border-radius:var(--radius-pill);gap:4px;padding:3px;display:flex;position:relative}.security-process .step-tab{border-radius:var(--radius-pill);color:var(--color-ink-secondary);text-align:center;--share:calc(.84 / var(--slots));--lit:clamp(0, min((var(--t) - var(--slot) * var(--share)) * 30, ((var(--slot) + 1) * var(--share) - var(--t)) * 30), 1);background:color-mix(in srgb, var(--color-surface-muted) calc(var(--lit) * 100%), transparent);flex:1;padding:4px 0}.security-process .step-tab.is-current{--lit:max(clamp(0, min(var(--t) * 30, (var(--share) - var(--t)) * 30), 1), clamp(0, (var(--t) - .84) * 30, 1))}.security-process .step-mail{border:1px solid var(--color-surface-muted);border-radius:var(--radius-sm);gap:6px;padding:12px;display:grid}.security-process .step-mail-from{color:var(--color-ink-secondary);align-items:center;gap:8px;display:flex}.security-process .step-avatar{border:1px solid var(--illustration-line);border-radius:var(--radius-pill);width:24px;height:24px;color:var(--color-ink-secondary);place-items:center;display:grid}.security-process .step-avatar--large{width:40px;height:40px}.security-process .step-mail-subject{font-size:14px;line-height:20px}.security-process .step-mail-body{color:var(--color-ink-tertiary)}.security-process .step-report{border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);box-shadow:0 0 0 calc(3px * clamp(0, min((var(--t) - .6) * 12, (.9 - var(--t)) * 12), 1)) color-mix(in srgb, var(--color-brand) 25%, transparent);justify-self:start;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.security-process .step-terminal{border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-surface);overflow-wrap:anywhere;gap:6px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:16px;display:grid}.security-process .step-command{--type:clamp(0, (var(--t) - .06) * 3, 1);gap:8px;display:flex}.security-process .step-prompt{color:var(--color-ink-tertiary)}.security-process .step-output{color:color-mix(in srgb, var(--color-surface) 70%, transparent)}.security-process .step-person{align-items:center;gap:12px;display:flex}.security-process .step-person-copy{gap:2px;font-size:14px;line-height:20px;display:grid}.security-process .step-person-copy>span:last-child{color:var(--color-ink-tertiary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.security-process .step-person-copy .illustration-mark{width:14px;height:14px}.security-process .step-chip--learn{border-color:color-mix(in srgb, var(--color-ink-tertiary) calc(min(var(--ease), var(--out)) * 100%), var(--color-line));color:color-mix(in srgb, var(--color-ink) calc(min(var(--ease), var(--out)) * 100%), var(--color-ink-tertiary))}.security-process .step-chip-tick{color:var(--color-success);opacity:min(var(--ease), var(--out));display:grid}.security-process .step-chip svg,.security-process .step-message-from svg,.security-process .step-mail-from .step-avatar svg{width:14px;height:14px}.security-process .step-row>svg{width:18px;height:18px}
