.airlock-page{font-family:var(--font-dm-sans),system-ui,-apple-system,sans-serif;background-color:var(--color-al-bg);color:var(--color-al-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.airlock-page .breadcrumb .breadcrumb-link,.airlock-page .breadcrumb .breadcrumb-current{font-size:max(11px,.75rem)}.airlock-page .breadcrumb .breadcrumb-icon{width:.4rem;height:.9rem}.airlock-page *,.airlock-page :before,.airlock-page :after{box-sizing:border-box}.airlock-page img{max-width:100%;display:block}.airlock-page h1,.airlock-page h2,.airlock-page h3,.airlock-page h4,.airlock-page h5,.airlock-page h6,.airlock-page p,.airlock-page span,.airlock-page a,.airlock-page div{font-family:inherit}.airlock-page h1,.airlock-page h2,.airlock-page h3,.airlock-page h4,.airlock-page h5,.airlock-page h6{margin:0}.airlock-page .al-mono{font-family:var(--font-suisse-mono),monospace;letter-spacing:-.02em;white-space:nowrap;background:#3ecfb426;border-radius:4px;padding:.05em .2em;font-size:.85em;font-weight:400}.airlock-page .mockup-window{background-color:var(--color-al-card);border:1px solid var(--color-al-border);-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;max-width:520px;overflow:hidden}.airlock-page .mockup-titlebar{background-color:var(--color-al-surface);border-bottom:1px solid var(--color-al-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.airlock-page .dot{border-radius:50%;width:10px;height:10px;display:block}.airlock-page .dot-red{background-color:#ff5f57}.airlock-page .dot-yellow{background-color:#febc2e}.airlock-page .dot-green{background-color:#28c840}.airlock-page .tab{font-family:var(--font-dm-sans),sans-serif;cursor:pointer;color:var(--color-al-text-muted);background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:color .15s,background-color .15s}.airlock-page .tab:hover{color:var(--color-al-text-secondary)}.airlock-page .tab-active{background-color:var(--color-al-accent-dim);color:var(--color-al-accent)}.airlock-page .tab-active:hover{color:var(--color-al-accent)}.airlock-page .mockup-code{font-family:var(--font-suisse-mono),monospace;padding:20px;font-size:13px;line-height:1.7}.airlock-page .code-line{white-space:nowrap}.airlock-page .code-indent{padding-left:24px}.airlock-page .code-indent-2{padding-left:48px}.airlock-page .code-indent-3{padding-left:72px}.airlock-page .code-method{color:var(--color-al-accent);font-weight:600}.airlock-page .code-url{color:var(--color-al-text)}.airlock-page .code-key{color:var(--color-al-text-secondary)}.airlock-page .code-string{color:var(--color-al-accent)}.airlock-page .code-punct{color:var(--color-al-text-muted)}.airlock-page .code-comment{color:var(--color-al-text-muted);font-size:11px;font-style:italic}.airlock-page .code-status{color:var(--color-al-success);background-color:#4db85f26;border-radius:4px;justify-content:center;align-items:center;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.airlock-page .code-status-text{color:var(--color-al-success);margin-left:8px;font-size:12px}.airlock-page .code-divider{border-top:1px solid var(--color-al-border);margin:16px 0}.airlock-page .titlebar-label{font-family:var(--font-suisse-mono),monospace;color:var(--color-al-text-muted);font-size:11px}.airlock-page .sdk-status-dot{background-color:var(--color-al-success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite al-pulse;display:block}.airlock-page .status-label{color:var(--color-al-success);font-size:11px;font-weight:600}.airlock-page .mockup-stream{font-family:var(--font-suisse-mono),monospace;padding:20px;font-size:12px;line-height:1.6}.airlock-page .code-keyword{color:#c586c0;font-weight:500}.airlock-page .code-var{color:var(--color-al-text)}.airlock-page .code-tag{color:#569cd6}.airlock-page .code-attr{color:#9cdcfe}@keyframes al-pulse{0%,to{opacity:1}50%{opacity:.4}}.airlock-page .mockup-dash{padding:20px}.airlock-page .stats-row{gap:10px;margin-bottom:20px;display:flex}.airlock-page .stat-pill{background-color:var(--color-al-surface);border:1px solid var(--color-al-border);border-radius:8px;flex:1;align-items:center;gap:6px;padding:8px 14px;display:flex}.airlock-page .stat-pill-accent{background-color:var(--color-al-accent-dim);border-color:#3ecfb433}.airlock-page .stat-value{color:var(--color-al-text);font-size:16px;font-weight:700}.airlock-page .stat-pill-accent .stat-value{color:var(--color-al-accent)}.airlock-page .stat-label{color:var(--color-al-text-muted);font-size:11px}.airlock-page .metrics-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.airlock-page .metric-card{background-color:var(--color-al-surface);border:1px solid var(--color-al-border);border-radius:8px;padding:14px}.airlock-page .metric-header{justify-content:space-between;align-items:center;display:flex}.airlock-page .metric-title{color:var(--color-al-text-secondary);font-size:12px;font-weight:500}.airlock-page .metric-pct{color:var(--color-al-text);font-size:14px;font-weight:700}.airlock-page .progress-bar{background-color:var(--color-al-card-high);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.airlock-page .progress-fill{background-color:var(--color-al-accent);border-radius:3px;height:100%}.airlock-page .metric-status{color:var(--color-al-success);font-size:13px;font-weight:600}.airlock-page .sync-dot{background-color:var(--color-al-success);border-radius:50%;width:8px;height:8px;display:block}.airlock-page .step-card{background-color:var(--color-al-card);border:1px solid var(--color-al-border);border-radius:12px;padding:24px}.airlock-page .step-number{background-color:var(--color-al-accent-dim);width:36px;height:36px;color:var(--color-al-accent);border-radius:10px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.airlock-page .feature-row,.airlock-page .feature-row-reverse{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.airlock-page .feature-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-al-accent);font-size:13px;font-weight:600}.airlock-page .feature-visual{min-width:0}.airlock-page .partner-card{background-color:var(--color-al-card);border:1px solid var(--color-al-border);border-radius:12px;padding:32px}.airlock-page .card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.airlock-page .flow-panel{background:var(--color-al-card);border:1px solid var(--color-al-border);font-family:var(--font-suisse-mono),monospace;color:var(--color-al-text);-webkit-user-select:none;user-select:none;border-radius:12px;position:relative;overflow:hidden}.airlock-page .grid-bg{opacity:.08;background-image:linear-gradient(var(--color-al-border)1px,transparent 1px),linear-gradient(90deg,var(--color-al-border)1px,transparent 1px);background-size:40px 40px;position:absolute;inset:0}.airlock-page .flow-status-bar{z-index:50;border-bottom:1px solid var(--color-al-border);background:var(--color-al-surface);justify-content:space-between;align-items:center;height:36px;padding:0 20px;display:flex;position:relative}.airlock-page .status-led{background:var(--color-al-accent);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #3ecfb499}.airlock-page .bar-label{font-family:var(--font-dm-sans),sans-serif;letter-spacing:.02em;color:var(--color-al-text);font-size:11px;font-weight:600}.airlock-page .bar-divider{background:var(--color-al-border);width:1px;height:12px}.airlock-page .bar-label-dim{font-family:var(--font-dm-sans),sans-serif;color:var(--color-al-text-muted);font-size:10px;font-weight:500}.airlock-page .bar-label-active{letter-spacing:.05em;color:var(--color-al-success);font-size:10px;font-weight:700}.airlock-page .bar-value{letter-spacing:-.02em;color:var(--color-al-text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.airlock-page .col-headers{border-bottom:1px solid var(--color-al-border);z-index:50;background:#00000026;height:28px;display:flex;position:relative}.airlock-page .col-header{font-family:var(--font-dm-sans),sans-serif;letter-spacing:.02em;color:var(--color-al-text-secondary);align-items:center;font-size:10px;font-weight:600;display:flex}.airlock-page .col-header-left{border-right:1px solid var(--color-al-border);width:35%;padding-left:20px}.airlock-page .col-header-center{color:var(--color-al-accent);flex:1;justify-content:center}.airlock-page .col-header-right{border-left:1px solid var(--color-al-border);width:30%;padding-left:24px}.airlock-page .flow-body{min-height:280px;display:flex;position:relative}.airlock-page .flow-left{border-right:1px solid var(--color-al-border);z-index:20;flex-direction:column;width:35%;display:flex;position:relative}.airlock-page .flow-center{z-index:20;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.airlock-page .flow-right{border-left:1px solid var(--color-al-border);z-index:20;background:#ce917805;flex-direction:column;justify-content:center;gap:16px;width:30%;padding:16px;display:flex;position:relative}.airlock-page .lane{flex:1;padding:14px;position:relative;overflow:hidden}.airlock-page .lane-api{border-bottom:1px solid var(--color-al-border)}.airlock-page .lane-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.airlock-page .lane-icon{border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.airlock-page .lane-icon-api{background:var(--color-al-accent-dim);color:var(--color-al-accent);border:1px solid #3ecfb433}.airlock-page .lane-icon-sdk{color:#c586c0;background:#c586c014;border:1px solid #c586c033}.airlock-page .lane-icon-ledger{color:#ce9178;background:#ce91781a;border:1px solid #ce917840;border-radius:8px;width:28px;height:28px}.airlock-page .lane-title{font-family:var(--font-dm-sans),sans-serif;letter-spacing:.02em;font-size:11px;font-weight:600}.airlock-page .lane-title-api{color:var(--color-al-accent)}.airlock-page .lane-title-sdk{color:#c586c0}.airlock-page .lane-title-ledger{color:#ce9178}.airlock-page .lane-subtitle{font-family:var(--font-dm-sans),sans-serif;color:var(--color-al-text-muted);font-size:10px}.airlock-page .records{flex-direction:column;gap:4px;display:flex}.airlock-page .record{background:var(--color-al-surface);border:1px solid var(--color-al-border);border-radius:4px;justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.airlock-page .record-dot{border-radius:50%;width:5px;height:5px}.airlock-page .record-dot-api{background:#3ecfb480}.airlock-page .record-id{color:var(--color-al-text-secondary);letter-spacing:-.01em;font-size:9px;font-weight:500}.airlock-page .record-status{font-family:var(--font-dm-sans),sans-serif;letter-spacing:.02em;font-size:9px;font-weight:600}.airlock-page .record-status-api{color:var(--color-al-accent)}.airlock-page .event-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.airlock-page .event-cell{background:#c586c00f;border:1px solid #c586c014;border-radius:3px;justify-content:center;align-items:center;height:16px;display:flex}.airlock-page .event-dot{background:#c586c0;border-radius:50%;width:3px;height:3px;animation:2s ease-in-out infinite al-event-pulse}.airlock-page .event-dot-1{animation-delay:0s}.airlock-page .event-dot-2{animation-delay:.2s}.airlock-page .event-dot-3{animation-delay:.4s}.airlock-page .event-dot-4{animation-delay:.6s}.airlock-page .event-dot-5{animation-delay:.8s}.airlock-page .event-dot-6{animation-delay:1s}@keyframes al-event-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}.airlock-page .flow-lines{pointer-events:none;z-index:10;opacity:.8;width:100%;height:100%;position:absolute;inset:0}.airlock-page .flow-dash-api{animation:4s linear infinite al-dash-flow}.airlock-page .flow-dash-sdk{animation:2.5s linear infinite al-dash-flow}@keyframes al-dash-flow{to{stroke-dashoffset:-44px}}.airlock-page .crosshair-v,.airlock-page .crosshair-h{background:var(--color-al-border);opacity:.3;position:absolute}.airlock-page .crosshair-v{width:1px;height:100%;left:50%}.airlock-page .crosshair-h{width:100%;height:1px;top:50%}.airlock-page .reconcile-outer{z-index:20;border:1px solid var(--color-al-border);border-radius:12px;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.airlock-page .reconcile-inner{border:1px solid var(--color-al-border);background:var(--color-al-card-high);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:68px;height:68px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #0009}.airlock-page .reconcile-glow{background:linear-gradient(135deg,#3ecfb40f,#0000,#0000);position:absolute;inset:0}.airlock-page .reconcile-icon{width:18px;height:18px;color:var(--color-al-text-muted);z-index:1;position:relative}.airlock-page .reconcile-label{font-family:var(--font-dm-sans),sans-serif;letter-spacing:.15em;color:var(--color-al-text-secondary);z-index:1;font-size:8px;font-weight:700;position:relative}.airlock-page .ledger-header{align-items:center;gap:10px;display:flex}.airlock-page .ledger-bars{flex-direction:column;gap:4px;display:flex}.airlock-page .ledger-bar{background:var(--color-al-surface);border:1px solid var(--color-al-border);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.airlock-page .ledger-fill{border-radius:2px;position:absolute;inset:0}.airlock-page .ledger-fill-done{background:#ce917840;width:100%}.airlock-page .ledger-fill-active{background:#ce9178b3;animation:5s ease-in-out infinite al-ledger-progress;box-shadow:0 0 10px #ce917866}.airlock-page .ledger-fill-empty{width:0%}@keyframes al-ledger-progress{0%{width:0%}50%{width:100%}to{width:0%}}.airlock-page .health-box{background:var(--color-al-surface);border:1px solid var(--color-al-border);border-radius:8px;padding:10px}.airlock-page .health-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.airlock-page .health-dot{background:var(--color-al-success);border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #4db85fcc}.airlock-page .health-status{font-family:var(--font-dm-sans),sans-serif;color:var(--color-al-success);letter-spacing:.05em;font-size:10px;font-weight:600}.airlock-page .health-bars{align-items:flex-end;gap:2px;height:20px;display:flex}.airlock-page .h-bar{background:#ce9178;border-radius:1px;width:2px;animation:2s ease-in-out infinite al-h-bar-pulse}.airlock-page .h-bar-1{animation-delay:0s}.airlock-page .h-bar-2{animation-delay:30ms}.airlock-page .h-bar-3{animation-delay:60ms}.airlock-page .h-bar-4{animation-delay:90ms}.airlock-page .h-bar-5{animation-delay:.12s}.airlock-page .h-bar-6{animation-delay:.15s}.airlock-page .h-bar-7{animation-delay:.18s}.airlock-page .h-bar-8{animation-delay:.21s}.airlock-page .h-bar-9{animation-delay:.24s}.airlock-page .h-bar-10{animation-delay:.27s}.airlock-page .h-bar-11{animation-delay:.3s}.airlock-page .h-bar-12{animation-delay:.33s}.airlock-page .h-bar-13{animation-delay:.36s}.airlock-page .h-bar-14{animation-delay:.39s}.airlock-page .h-bar-15{animation-delay:.42s}.airlock-page .h-bar-16{animation-delay:.45s}.airlock-page .h-bar-17{animation-delay:.48s}.airlock-page .h-bar-18{animation-delay:.51s}.airlock-page .h-bar-19{animation-delay:.54s}.airlock-page .h-bar-20{animation-delay:.57s}.airlock-page .h-bar-21{animation-delay:.6s}.airlock-page .h-bar-22{animation-delay:.63s}.airlock-page .h-bar-23{animation-delay:.66s}.airlock-page .h-bar-24{animation-delay:.69s}@keyframes al-h-bar-pulse{0%,to{opacity:.3;height:3px}50%{opacity:.8;height:14px}}@media (max-width:768px){.airlock-page .feature-row,.airlock-page .feature-row-reverse{grid-template-columns:1fr;gap:32px}.airlock-page .feature-row-reverse .feature-visual{order:-1}}@media (max-width:640px){.airlock-page .mockup-code{padding:16px;font-size:11px;overflow-x:auto}.airlock-page .mockup-stream{padding:16px;font-size:10px;overflow-x:auto}.airlock-page .stats-row{flex-direction:column}.airlock-page .metrics-grid{grid-template-columns:1fr}.airlock-page .flow-body{min-height:220px}.airlock-page .col-headers{display:none}.airlock-page .flow-left{width:30%}.airlock-page .flow-right{gap:10px;width:28%;padding:10px}.airlock-page .lane{padding:8px}.airlock-page .lane-header{gap:6px;margin-bottom:6px}.airlock-page .lane-icon{width:18px;height:18px}.airlock-page .lane-title{font-size:9px}.airlock-page .reconcile-outer{border-radius:8px;width:64px;height:64px}.airlock-page .reconcile-inner{border-radius:6px;width:48px;height:48px}.airlock-page .reconcile-icon{width:14px;height:14px}.airlock-page .reconcile-label{font-size:6px}.airlock-page .event-grid{grid-template-columns:repeat(3,1fr)}.airlock-page .record-status{display:none}}
