.showcase-card:hover{border-color:#a78bfa!important;box-shadow:0 12px 32px #0000001f,0 0 24px #a78bfa14!important}.simulator-section{border-top:1px solid var(--kz-border-subtle);margin-top:56px;padding-top:48px}.simulator-header{text-align:left;margin-bottom:32px}.simulator-badge{font-family:var(--font-mono,monospace);letter-spacing:.05em;text-transform:uppercase;background:var(--kz-accent-soft);color:var(--kz-accent);border:1px solid color-mix(in srgb, var(--kz-accent) 20%, transparent);border-radius:6px;align-items:center;margin-bottom:12px;padding:4px 10px;font-size:9.5px;font-weight:700;display:inline-flex}.simulator-section-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--kz-text-primary);letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:750}.simulator-section-desc{color:var(--kz-text-muted);max-width:560px;margin:0;font-size:13.5px;line-height:1.5}.simulator-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.simulator-pipeline{flex-direction:column;gap:20px;display:flex}.scenario-selector-row{border-bottom:1px solid var(--kz-border-subtle);flex-wrap:wrap;gap:8px;padding-bottom:16px;display:flex}.scenario-btn{border:1px solid var(--kz-border-subtle);color:var(--kz-text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.scenario-btn:hover:not(:disabled){border-color:var(--kz-accent);color:var(--kz-text-primary);transform:translateY(-1px)}.scenario-btn.active{background:var(--kz-surface-2);color:var(--kz-accent);border-color:var(--kz-accent)}.pipeline-steps-list{flex-direction:column;gap:12px;display:flex}.pipeline-step-item{border:1px solid #0000;border-radius:10px;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.step-idle{opacity:.5}.step-current{background:var(--kz-surface-1);border-color:var(--kz-accent);box-shadow:0 4px 12px var(--kz-accent-soft)}.step-passed{opacity:.85}.step-num-circle{background:var(--kz-surface-2);border:1.5px solid var(--kz-border-subtle);width:20px;height:20px;font-size:9.5px;font-family:var(--font-mono,monospace);color:var(--kz-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-weight:700;display:flex}.step-current .step-num-circle{border-color:var(--kz-accent);color:var(--kz-accent);background:var(--kz-surface-0)}.step-passed .step-num-circle{border-color:var(--kz-status-success);background:var(--kz-surface-0)}.step-text-content{flex-direction:column;gap:2px;display:flex}.step-name-row{align-items:center;gap:8px;display:flex}.step-interceptor-name{font-family:var(--font-mono,monospace);color:var(--kz-text-primary);font-size:12px;font-weight:700}.step-desc-text{color:var(--kz-text-muted);font-size:11px;line-height:1.4}.pulse-dot{background:var(--kz-accent);border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 6px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.simulator-console-wrapper{border:1px solid var(--kz-border-subtle);box-shadow:var(--kz-shadow-md);background:#09090b;border-radius:14px;flex-direction:column;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.simulator-console-wrapper.computing{border-color:var(--kz-accent);box-shadow:0 0 25px #a78bfa26, var(--kz-shadow-lg)}.console-titlebar{background:#121215;border-bottom:1px solid #1a1a1f;align-items:center;height:32px;padding:0 12px;display:flex;position:relative}.mac-dots{gap:6px;display:flex}.dot{border-radius:50%;width:8px;height:8px}.red-dot{background:#ff5f56}.yellow-dot{background:#ffbd2e}.green-dot{background:#27c93f}.console-title{font-size:11px;font-family:var(--font-mono,monospace);color:#71717a;position:absolute;left:50%;transform:translate(-50%)}.console-screen{min-height:270px;font-family:var(--font-mono,monospace);color:#e4e4e7;background:#09090b;flex-direction:column;padding:20px;font-size:12px;display:flex;overflow-y:auto}.console-prompt-line{color:#52525b;align-items:center;gap:8px;display:flex}.console-caret{color:var(--kz-accent);font-weight:700}.console-placeholder-text{color:#52525b}.console-logs-list{text-align:left;flex-direction:column;gap:12px;display:flex}.console-log-line{color:#d4d4d8;word-break:break-word;line-height:1.5}.pulse-text{color:var(--kz-accent);animation:1s infinite alternate textPulse}@keyframes textPulse{0%{opacity:.6}to{opacity:1}}.console-output-card{background:#121215;border:1px solid #1a1a1f;border-radius:8px;margin-top:12px;padding:14px}.output-card-header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.output-card-title{text-transform:uppercase;letter-spacing:.05em;color:#71717a;font-size:9.5px;font-weight:700}.output-card-body{font-family:var(--font-mono,monospace);color:var(--kz-status-success);white-space:pre-line;text-align:left;margin:0;font-size:11px;line-height:1.6}.console-footer{background:#121215;border-top:1px solid #1a1a1f;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.console-action-btn{cursor:pointer;border-radius:6px;outline:none;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:650;transition:all .15s;display:inline-flex}.run-btn{background:var(--kz-accent);color:var(--kz-on-accent);border:1px solid #0000}.run-btn:hover:not(:disabled){opacity:.95;transform:translateY(-.5px)}.run-btn:disabled{opacity:.5;cursor:not-allowed}.reset-btn{color:#71717a;background:0 0;border:1px solid #1a1a1f}.reset-btn:hover:not(:disabled){color:#e4e4e7;border-color:#27272a}.reset-btn:disabled{opacity:.4;cursor:not-allowed}.log-tag{font-weight:700;font-family:var(--font-mono,monospace);margin-right:6px}.tag-ingress{color:#a78bfa}.tag-core{color:#60a5fa}.tag-sandbox{color:#34d399}.log-interceptor-name{color:#f472b6;font-weight:600}.log-content{color:#e4e4e7}.media-gallery-subsection{border-top:1px solid var(--kz-border-subtle);margin-top:64px;padding-top:56px}.gallery-header{text-align:left;margin-bottom:32px}.gallery-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--kz-text-primary);letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:750}.gallery-subtitle{color:var(--kz-text-muted);max-width:560px;margin:0;font-size:13.5px;line-height:1.5}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:640px){.gallery-grid{grid-template-columns:1fr;gap:16px}}.gallery-card{border:1px solid var(--kz-border-subtle);background:color-mix(in srgb, var(--kz-surface-1) 50%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.gallery-card:hover{border-color:var(--kz-accent);box-shadow:0 8px 24px var(--kz-accent-soft);transform:translateY(-2px)}.gallery-media-container{aspect-ratio:16/10;background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.gallery-media-container img,.gallery-media-container video{object-fit:cover;width:100%;height:100%;transition:transform .3s,opacity .3s}.gallery-card:hover .gallery-media-container img,.gallery-card:hover .gallery-media-container video{transform:scale(1.03)}.gallery-skeleton{background:var(--kz-surface-2);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.skeleton-spinner{border:2px solid var(--kz-border-default);border-top-color:var(--kz-accent);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.gallery-hover-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.gallery-card:hover .gallery-hover-overlay{opacity:1}.zoom-icon-wrapper{background:var(--kz-accent);color:var(--kz-on-accent);border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:transform .2s;display:flex;transform:scale(.9)}.gallery-card:hover .zoom-icon-wrapper{transform:scale(1)}.gallery-card-content{text-align:left;flex-direction:column;gap:6px;padding:16px;display:flex}.gallery-card-badge{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;background:var(--kz-accent-soft);color:var(--kz-accent);border:1px solid color-mix(in srgb, var(--kz-accent) 25%, transparent);border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:9px;font-weight:700}.gallery-card-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--kz-text-primary);margin:0;font-size:14px;font-weight:700}.gallery-card-desc{color:var(--kz-text-muted);margin:0;font-size:11.5px;line-height:1.45}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-content{border:1px solid var(--kz-border-subtle);background:var(--kz-surface-0);border-radius:16px;flex-direction:column;width:100%;max-width:800px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000080}.lightbox-close-btn{z-index:10;color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s,transform .2s;display:flex;position:absolute;top:16px;right:16px}.lightbox-close-btn:hover{background:#000c;transform:scale(1.05)}.lightbox-media-wrapper{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lightbox-media-wrapper img,.lightbox-media-wrapper video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.lightbox-meta{background:var(--kz-surface-1);border-top:1px solid var(--kz-border-subtle);text-align:left;flex-direction:column;gap:8px;padding:20px 24px;display:flex}.lightbox-meta-title{font-family:var(--font-display), system-ui, sans-serif;color:var(--kz-text-primary);margin:0;font-size:16px;font-weight:800}.lightbox-meta-desc{color:var(--kz-text-secondary);margin:0;font-size:13px;line-height:1.5}@media (max-width:768px){.showcase-card{text-align:center;grid-template-columns:1fr!important;gap:20px!important;padding:28px 24px!important}.showcase-highlights{justify-content:center!important}.simulator-grid{grid-template-columns:1fr!important;gap:24px!important}}
