@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--bg-primary:#fafafa;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border:#e5e5e5;--teal:#00a7b5;--teal-light:#e6f7f8;--red:#e53935;--red-light:#ffebee;--amber:#f59e0b;--amber-light:#fef3c7;--terminal-bg:#1a1a1a;--terminal-header:#252525;--terminal-text:#e0e0e0;--font-display:"Space Grotesk",sans-serif;--font-mono:"JetBrains Mono",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;background:var(--bg-primary);color:#1a1a1a;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:16px;line-height:1.6;margin:0;padding:0}.app{min-height:100vh}main{overflow-x:hidden}h1,h2,h3,h4{font-weight:600;line-height:1.2;margin:0}p{margin:0}a{color:#00a7b5;color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.site-header{left:0;padding:24px 48px;padding:var(--space-lg) var(--space-2xl);position:absolute;right:0;top:0;transition:all .3s ease;z-index:100}.site-header.sticky{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafafad9;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border);padding:16px 48px;padding:var(--space-md) var(--space-2xl);position:fixed}.header-inner{justify-content:space-between;margin:0 auto;max-width:1400px}.header-inner,.logo{align-items:center;display:flex}.logo{gap:8px;gap:var(--space-sm)}.logo-icon{align-items:center;background:#00a7b5;background:var(--teal);border-radius:8px;border-radius:var(--radius-md);color:#fff;display:flex;height:32px;justify-content:center;width:32px}.logo-text{font-size:1rem;font-weight:600}.alpha-tag{background:#e6f7f8;background:var(--teal-light);border-radius:4px;border-radius:var(--radius-sm);color:#00a7b5;color:var(--teal);font-size:.65rem;font-weight:500;letter-spacing:.05em;padding:2px 6px;text-transform:uppercase}.header-nav{display:flex;gap:24px;gap:var(--space-lg)}.nav-link{background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:.875rem;font-weight:500;padding:4px 0;padding:var(--space-xs) 0;transition:color .2s}.nav-link:hover{color:#1a1a1a;color:var(--text-primary)}.hero{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;padding:96px 48px;padding:var(--space-4xl) var(--space-2xl)}.hero-label{color:#999;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.15em;margin-bottom:24px;margin-bottom:var(--space-lg);text-transform:uppercase}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.05;margin-bottom:32px;margin-bottom:var(--space-xl)}.hero-title .accent{color:#00a7b5;color:var(--teal)}.hero-subtitle{color:#666;color:var(--text-secondary);font-size:1.25rem;line-height:1.6;max-width:500px}.scroll-indicator{align-items:flex-start;color:#999;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.75rem;gap:8px;gap:var(--space-sm);letter-spacing:.1em;margin-top:64px;margin-top:var(--space-3xl);text-transform:uppercase}.scroll-line{background:#e5e5e5;background:var(--border);height:40px;overflow:hidden;position:relative;width:1px}.scroll-line:after{animation:scroll-pulse 2s ease-in-out infinite;background:#00a7b5;background:var(--teal);content:"";height:100%;left:0;position:absolute;top:-100%;width:100%}@keyframes scroll-pulse{0%,to{top:-100%}50%{top:100%}}.section-label{color:#999;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.15em;margin-bottom:16px;margin-bottom:var(--space-md);text-transform:uppercase}.section-label.light{color:#fff9}.section-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;max-width:700px}.section-subtitle,.section-title{margin-bottom:32px;margin-bottom:var(--space-xl)}.section-subtitle{color:#666;color:var(--text-secondary);font-size:1.1rem}.problem-section{margin:0 auto;max-width:1200px;padding:96px 48px;padding:var(--space-4xl) var(--space-2xl)}.problem-grid{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.problem-grid{grid-template-columns:1fr}}.problem-card{background:#fff;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);padding:32px;padding:var(--space-xl);transition:transform .2s,box-shadow .2s}.problem-card:hover{box-shadow:0 12px 40px #00000014;transform:translateY(-4px)}.problem-number{color:#00a7b5;color:var(--teal);font-size:.75rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-md)}.problem-card h3{font-size:1.25rem;margin-bottom:8px;margin-bottom:var(--space-sm)}.problem-card p{color:#666;color:var(--text-secondary);font-size:.95rem}.solution-section{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}@media (max-width:900px){.solution-section{grid-template-columns:1fr}}.solution-left{background:#1a1a1a;background:var(--terminal-bg);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:96px 48px;padding:var(--space-4xl) var(--space-2xl)}.solution-left h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:24px;margin-bottom:var(--space-lg)}.solution-left p{color:#ffffffb3;font-size:1.1rem;max-width:400px}.solution-right{align-items:center;background:#fafafa;background:var(--bg-primary);display:flex;justify-content:center;padding:96px 48px;padding:var(--space-4xl) var(--space-2xl)}.pipeline-vertical{display:flex;flex-direction:column;gap:32px;gap:var(--space-xl);position:relative}.pipeline-vertical:before{background:#e5e5e5;background:var(--border);bottom:40px;content:"";left:20px;position:absolute;top:40px;width:2px}.pipeline-step{align-items:flex-start;gap:16px;gap:var(--space-md)}.pipeline-step,.step-marker{display:flex;position:relative}.step-marker{align-items:center;border-radius:50%;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px;z-index:1}.step-marker.user{background:#1a1a1a;background:var(--text-primary);color:#fff}.step-marker.gate1,.step-marker.gate2{background:#e6f7f8;background:var(--teal-light);color:#00a7b5;color:var(--teal)}.step-marker.gate3{background:#fef3c7;background:var(--amber-light);color:#f59e0b;color:var(--amber)}.step-marker.done{background:#00a7b5;background:var(--teal);color:#fff}.step-content h4{font-size:1rem;margin-bottom:4px;margin-bottom:var(--space-xs)}.step-content p{color:#666;color:var(--text-secondary);font-size:.875rem}.demo-section{margin:0 auto;max-width:1400px;padding:96px 48px;padding:var(--space-4xl) var(--space-2xl)}.demo-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-xl)}.demo-controls{display:flex}.btn,.demo-controls{gap:8px;gap:var(--space-sm)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:.875rem;font-weight:500;padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#00a7b5;background:var(--teal);color:#fff}.btn-primary:hover:not(:disabled){background:#009ba8}.btn-secondary{background:#fff;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border);color:#1a1a1a;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#fafafa;background:var(--bg-primary)}.split-button{display:flex}.split-button .btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.split-button .btn.quick{border-bottom-left-radius:0;border-left:1px solid #fff3;border-top-left-radius:0;padding:8px;padding:var(--space-sm)}.demo-container{grid-gap:24px;grid-gap:var(--space-lg);align-items:start;display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:320px 1fr}@media (max-width:1000px){.demo-container{grid-template-columns:1fr}}.config-panel{background:#fff;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.config-header{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border);color:#999;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.config-body,.config-header{padding:16px;padding:var(--space-md)}.config-group{margin-bottom:24px;margin-bottom:var(--space-lg)}.config-group:last-child{margin-bottom:0}.config-label{color:#999;color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;margin-bottom:8px;margin-bottom:var(--space-sm);text-transform:uppercase}.role-list{flex-direction:column}.role-card,.role-list{display:flex;gap:8px;gap:var(--space-sm)}.role-card{align-items:center;background:#fafafa;background:var(--bg-primary);border:2px solid #0000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);padding:8px 16px;padding:var(--space-sm) var(--space-md);text-align:left;transition:all .2s;width:100%}.role-card:hover:not(.disabled){border-color:#e5e5e5;border-color:var(--border)}.role-card.selected{background:#e6f7f8;background:var(--teal-light);border-color:#00a7b5;border-color:var(--teal)}.role-card.disabled{cursor:not-allowed;opacity:.5}.role-icon{font-size:1.25rem}.role-name{font-size:.875rem;font-weight:500}.role-meta{color:#999;color:var(--text-muted);font-size:.75rem}.scenario-list{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs)}.scenario-item{align-items:center;background:#fafafa;background:var(--bg-primary);border:2px solid #0000;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);justify-content:space-between;padding:8px 16px;padding:var(--space-sm) var(--space-md);text-align:left;transition:all .2s;width:100%}.scenario-item:hover:not(.disabled){border-color:#e5e5e5;border-color:var(--border)}.scenario-item.selected{background:#e6f7f8;background:var(--teal-light);border-color:#00a7b5;border-color:var(--teal)}.scenario-item.disabled{cursor:not-allowed;opacity:.5}.scenario-name{font-size:.875rem;font-weight:500}.scenario-badge{border-radius:4px;border-radius:var(--radius-sm);font-size:.65rem;font-weight:500;padding:2px 6px}.scenario-badge.success{background:#e6f7f8;background:var(--teal-light);color:#00a7b5;color:var(--teal)}.scenario-badge.denied{background:#ffebee;background:var(--red-light);color:#e53935;color:var(--red)}.terminal{background:#1a1a1a;background:var(--terminal-bg);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;height:500px;overflow:hidden}.terminal-header{align-items:center;background:#252525;background:var(--terminal-header);display:flex;gap:16px;gap:var(--space-md);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.terminal-dots{display:flex;gap:4px;gap:var(--space-xs)}.dot{border-radius:50%;height:12px;width:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{color:#999;color:var(--text-muted);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.75rem}.terminal-controls{align-items:center;display:flex;gap:8px;gap:var(--space-sm)}.mode-toggle,.skip-btn,.sound-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#999;color:var(--text-muted);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.7rem;gap:4px;gap:var(--space-xs);padding:4px 8px;padding:var(--space-xs) var(--space-sm);transition:all .2s}.mode-toggle:hover,.skip-btn:hover,.sound-toggle:hover{background:#ffffff26;color:#fff}.mode-toggle.active{background:#00a7b5;background:var(--teal);color:#fff}.skip-btn{animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.terminal-body{color:#e0e0e0;color:var(--terminal-text);flex:1 1;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:.8rem;line-height:1.6;overflow-y:auto;padding:16px;padding:var(--space-md)}.terminal-empty{align-items:center;color:#999;color:var(--text-muted);display:flex;gap:4px;gap:var(--space-xs)}.terminal-empty .comment{color:#6a9955}.terminal-line{align-items:flex-start;display:flex;gap:8px;gap:var(--space-sm);margin-bottom:2px;white-space:pre-wrap;word-break:break-word}.terminal-line.blank{height:1rem}.terminal-line.raw{color:#9cdcfe}.terminal-line.deny-line{background:#e539351a;margin-left:-var(--space-md);margin-right:-var(--space-md);padding-left:16px;padding-left:var(--space-md);padding-right:16px;padding-right:var(--space-md)}.tag{animation:tag-pop .15s ease-out;border-radius:4px;border-radius:var(--radius-sm);flex-shrink:0;font-size:.7rem;font-weight:500;padding:1px 6px}@keyframes tag-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.tag-done,.tag-gate1,.tag-gate2,.tag-gate3,.tag-pass{background:#00a7b533;color:#4dd0e1}.tag-deny{background:#e5393533;color:#ef5350}.tag-mask{background:#f59e0b33;color:#ffb74d}.line-text{flex:1 1}.line-text .highlight{color:#ce9178}.mask-transform{color:#999;color:var(--text-muted)}.masked-value{animation:mask-highlight .5s ease;background:#fef3c7;background:var(--amber-light);border-radius:2px;color:#92400e;padding:0 4px}@keyframes mask-highlight{0%{background:#f59e0b;background:var(--amber);color:#fff}to{background:#fef3c7;background:var(--amber-light);color:#92400e}}.cursor{color:#00a7b5;color:var(--teal);font-weight:400}.cursor.blink{animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.without-note{animation:fade-in .5s ease;margin-top:24px;margin-top:var(--space-lg);padding-top:16px;padding-top:var(--space-md)}.without-note .divider{color:#999;color:var(--text-muted);margin-bottom:8px;margin-bottom:var(--space-sm);opacity:.3}.note-content{align-items:flex-start;color:#f59e0b;color:var(--amber);display:flex;gap:8px;gap:var(--space-sm)}.warning-icon{font-size:1rem}.note-label{flex-shrink:0;font-weight:500}.note-text{color:#ffffffb3}.incidents-section{margin:0 auto;max-width:1400px;padding:96px 48px;padding:var(--space-4xl) var(--space-2xl)}.incidents-table{background:#fff;background:var(--bg-card);border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden}.incidents-header{grid-gap:16px;grid-gap:var(--space-md);background:#fafafa;background:var(--bg-primary);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border);color:#999;color:var(--text-muted);display:grid;font-size:.75rem;font-weight:500;gap:16px;gap:var(--space-md);grid-template-columns:200px 1fr 1fr 1fr;letter-spacing:.05em;padding:16px 24px;padding:var(--space-md) var(--space-lg);text-transform:uppercase}@media (max-width:1000px){.incidents-header{display:none}}.incident-row{grid-gap:16px;grid-gap:var(--space-md);border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border);display:grid;gap:16px;gap:var(--space-md);grid-template-columns:200px 1fr 1fr 1fr;padding:24px;padding:var(--space-lg);transition:background .2s}.incident-row:last-child{border-bottom:none}.incident-row:hover{background:#fafafa;background:var(--bg-primary)}@media (max-width:1000px){.incident-row{gap:16px;gap:var(--space-md);grid-template-columns:1fr}}.incident-meta{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs)}.incident-name{font-size:.95rem;font-weight:600}.incident-company{color:#999;color:var(--text-muted);font-size:.75rem}.incident-severity{border-radius:4px;border-radius:var(--radius-sm);display:inline-block;font-size:.65rem;font-weight:500;letter-spacing:.05em;padding:2px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.incident-severity.critical{background:#ffebee;background:var(--red-light);color:#e53935;color:var(--red)}.incident-severity.high{background:#fef3c7;background:var(--amber-light);color:#92400e}.incident-desc{color:#666;color:var(--text-secondary);font-size:.9rem}.incident-with,.incident-without{font-size:.85rem}.incident-label{font-size:.7rem;font-weight:500;margin-bottom:4px;margin-bottom:var(--space-xs)}.incident-without .incident-label{color:#e53935;color:var(--red)}.incident-with .incident-label{color:#00a7b5;color:var(--teal)}.incident-with p,.incident-without p{color:#666;color:var(--text-secondary)}.site-footer{border-top:1px solid #e5e5e5;border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;gap:var(--space-md);justify-content:space-between;margin:0 auto;max-width:1400px;padding:32px 48px;padding:var(--space-xl) var(--space-2xl)}.footer-logo,.site-footer{align-items:center;display:flex}.footer-logo{color:#1a1a1a;color:var(--text-primary);font-size:.875rem;font-weight:500;gap:8px;gap:var(--space-sm)}.footer-logo svg{color:#00a7b5;color:var(--teal)}.footer-meta{color:#999;color:var(--text-muted);font-size:.75rem}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:#0000}.terminal-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#fff3}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}
/*# sourceMappingURL=main.e543f77e.css.map*/