:root{color:#e8e8e3;font-synthesis:none;text-rendering:optimizelegibility;background:#111210;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.hero{background-color:#111210;flex-direction:column;min-height:100vh;padding:28px 40px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.site-header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.monogram{letter-spacing:.08em;font-size:.9rem;font-weight:700}.navigation{gap:28px;display:flex}.navigation a{letter-spacing:.14em;opacity:.55;font-size:.7rem;transition:opacity .15s}.navigation a:hover{opacity:1}.hero-content{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.eyebrow{letter-spacing:.22em;opacity:.55;margin:0 0 18px;font-size:.72rem;font-weight:500}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,7vw,6.5rem);font-weight:500;line-height:.95}.waveform-placeholder{cursor:crosshair;touch-action:none;width:min(900px,85vw);height:140px;margin-top:70px;margin-bottom:48px}.waveform-placeholder svg{width:100%;height:100%}.waveform-placeholder polyline{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.7}.waveform-placeholder.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.waveform{width:100%}.waveform-readout{letter-spacing:.08em;opacity:.35;justify-content:flex-end;gap:24px;margin-top:10px;font-family:monospace;font-size:.62rem;display:flex}.waveform-readout strong{opacity:1;font-weight:400}.readout-field{grid-template-columns:90px;display:inline-grid}.readout-label{text-align:left}.readout-field strong{text-align:right;font-weight:400}.explore{letter-spacing:.18em;opacity:.65;align-items:center;gap:10px;font-size:.7rem;transition:opacity .15s,transform .15s;display:flex}.explore:hover{opacity:1;transform:translateY(3px)}.arrow{font-size:1rem}.hero-footer{z-index:1;letter-spacing:.12em;opacity:.35;justify-content:space-between;font-family:monospace;font-size:.65rem;display:flex;position:relative}.systems{background:#111210;min-height:100vh;padding:120px 40px;position:relative;overflow:hidden}.section-label{letter-spacing:.12em;opacity:.35;justify-content:space-between;font-family:monospace;font-size:.65rem;display:flex}.systems-intro{max-width:900px;margin:100px auto 0}.section-eyebrow{letter-spacing:.2em;opacity:.45;margin:0 0 18px;font-size:.7rem}.systems h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:500;line-height:.95}.systems-description{opacity:.55;max-width:500px;margin:32px 0 0;font-size:1rem;line-height:1.6}.system-flow{max-width:900px;margin:120px auto 0}.flow-node{background:#ffffff04;border:1px solid #ffffff26;flex-direction:column;gap:8px;width:220px;padding:18px;display:flex}.flow-node strong{letter-spacing:.14em;font-size:.8rem;font-weight:500}.flow-node>span:last-child{letter-spacing:.06em;opacity:.4;font-family:monospace;font-size:.55rem;line-height:1.5}.flow-index{letter-spacing:.1em;opacity:.35;font-family:monospace;font-size:.55rem}.flow-input,.flow-process,.flow-output{margin-inline:auto}.flow-line{background:#fff3;width:1px;height:60px;margin:0 auto}.flow-split{margin-top:60px;position:relative}.flow-split:before{content:"";background:#fff3;width:1px;height:60px;position:absolute;top:-60px;left:50%}.flow-split-line{background:#fff3;height:1px;position:absolute;top:0;left:25%;right:25%}.flow-branches{grid-template-columns:1fr 1fr;padding-top:60px;display:grid}.flow-branch{justify-content:center;display:flex;position:relative}.flow-branch:before{content:"";background:#fff3;width:1px;height:60px;position:absolute;top:-60px;left:50%}.flow-branch:after{content:"";background:#fff3;width:1px;height:60px;position:absolute;bottom:-60px;left:50%}.flow-branch .flow-node{width:220px}.flow-merge-line{height:120px;position:relative}.flow-merge-line:before{content:"";background:#fff3;height:1px;position:absolute;top:60px;left:25%;right:25%}.flow-merge-line:after{content:"";background:#fff3;width:1px;height:60px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.flow-output-line{display:none}.work{background:#111210;min-height:100vh;padding:120px 40px;position:relative;overflow:hidden}.work-intro{max-width:900px;margin:100px auto 0}.work h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:500;line-height:.95}.work-description{opacity:.55;max-width:500px;margin:32px 0 0;font-size:1rem;line-height:1.6}.project-list{max-width:1100px;margin:140px auto 0}.project{border-top:1px solid #ffffff1f;padding:70px 0}.project:last-child{border-bottom:1px solid #ffffff1f}.project-header{grid-template-columns:80px 1fr;align-items:start;display:grid}.project-number{letter-spacing:.1em;opacity:.35;font-family:monospace;font-size:.65rem}.project-header h3{letter-spacing:-.03em;margin:0;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:500}.project-header p{letter-spacing:.1em;opacity:.4;margin:8px 0 0;font-family:monospace;font-size:.58rem}.project-visual{background:#ffffff04;border:1px solid #ffffff1a;justify-content:center;align-items:center;height:240px;margin:50px 0 35px;display:flex;position:relative}.visual-label{letter-spacing:.08em;opacity:.3;font-family:monospace;font-size:.55rem;position:absolute;bottom:14px;right:16px}.mini-waveform{align-items:center;gap:7px;width:70%;height:100px;display:flex}.mini-waveform span{opacity:.5;border-top:1px solid;border-bottom:1px solid;flex:1;height:50%}.mini-waveform span:first-child,.mini-waveform span:nth-child(10){height:20%}.mini-waveform span:nth-child(2),.mini-waveform span:nth-child(9){height:45%}.mini-waveform span:nth-child(3),.mini-waveform span:nth-child(8){height:70%}.mini-waveform span:nth-child(4),.mini-waveform span:nth-child(7){height:90%}.mini-waveform span:nth-child(5),.mini-waveform span:nth-child(6){height:100%}.quote-flow{letter-spacing:.12em;align-items:center;gap:28px;font-family:monospace;font-size:.7rem;display:flex}.quote-flow i{background:#ffffff4d;width:70px;height:1px}.network{width:300px;height:130px;position:relative}.network span{border:1px solid;border-radius:50%;width:10px;height:10px;position:absolute}.network span:first-child{top:50%;left:50%}.network span:nth-child(2){top:10%;left:15%}.network span:nth-child(3){top:80%;left:15%}.network span:nth-child(4){top:10%;right:15%}.network span:nth-child(5){top:80%;right:15%}.data-bars{align-items:flex-end;gap:12px;height:120px;display:flex}.data-bars span{border:1px solid #ffffff4d;width:22px;height:50%}.data-bars span:first-child{height:35%}.data-bars span:nth-child(2){height:55%}.data-bars span:nth-child(3){height:45%}.data-bars span:nth-child(4){height:80%}.data-bars span:nth-child(5){height:65%}.data-bars span:nth-child(6){height:90%}.data-bars span:nth-child(7){height:70%}.project-details{grid-template-columns:1fr auto;align-items:start;gap:50px;display:grid}.project-details>p{opacity:.55;max-width:560px;margin:0;font-size:.95rem;line-height:1.6}.project-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:350px;display:flex}.project-meta span{letter-spacing:.06em;opacity:.45;border:1px solid #ffffff1f;padding:6px 8px;font-family:monospace;font-size:.52rem}.project-link{color:inherit;cursor:pointer;text-decoration:none;transition:opacity .15s;display:block}.project-link:hover{opacity:.8}.vendor-platform{background:#111210;min-height:100vh;padding:28px 40px;position:relative;overflow:hidden}.vendor-platform:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.vendor-header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.vendor-back{letter-spacing:.12em;opacity:.45;font-family:monospace;font-size:.65rem;transition:opacity .15s}.vendor-back:hover{opacity:1}.vendor-hero{z-index:1;max-width:1100px;margin:180px auto 0;padding-bottom:180px;position:relative}.vendor-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,7vw,7rem);font-weight:500;line-height:.9}.vendor-hero-description{opacity:.55;max-width:600px;margin:45px 0 0;font-size:1rem;line-height:1.7}.vendor-meta{flex-wrap:wrap;gap:8px;margin-top:35px;display:flex}.vendor-meta span{letter-spacing:.06em;opacity:.45;border:1px solid #ffffff1f;padding:6px 8px;font-family:monospace;font-size:.52rem}.vendor-section{z-index:1;border-top:1px solid #ffffff1f;max-width:1100px;margin:0 auto;padding:120px 0;scroll-margin-top:40px;position:relative}.vendor-copy{max-width:900px;margin:100px auto 0}.vendor-copy h2{letter-spacing:-.05em;margin:0;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:500;line-height:.95}.vendor-copy p{opacity:.55;max-width:560px;margin:35px 0 0;font-size:.95rem;line-height:1.7}.vendor-platform-section{padding-bottom:180px}.tenant-diagram{max-width:900px;margin:120px auto 0}.tenant-node{background:#ffffff04;border:1px solid #ffffff26;flex-direction:column;gap:8px;width:190px;padding:18px;display:flex}.tenant-node strong{letter-spacing:.14em;font-size:.75rem;font-weight:500}.tenant-node>span:last-child{letter-spacing:.06em;opacity:.4;font-family:monospace;font-size:.5rem;line-height:1.5}.tenant-platform{margin:0 auto}.tenant-connector{background:#fff3;width:1px;height:70px;margin:0 auto}.tenant-branches{grid-template-columns:repeat(3,1fr);padding-top:60px;display:grid;position:relative}.tenant-branches:before{content:"";background:#fff3;height:1px;position:absolute;top:0;left:16.666%;right:16.666%}.tenant-branch{justify-content:center;display:flex;position:relative}.tenant-line{background:#fff3;width:1px;height:60px;position:absolute;top:-60px;left:50%}.vendor-architecture-section{padding-bottom:180px}.architecture-diagram{max-width:1000px;margin:120px auto 0}.architecture-node{box-sizing:border-box;background:#ffffff04;border:1px solid #ffffff26;flex-direction:column;gap:8px;width:190px;min-height:105px;padding:18px;display:flex}.architecture-node strong{letter-spacing:.12em;font-size:.7rem;font-weight:500}.architecture-node>span:last-child{letter-spacing:.06em;opacity:.4;font-family:monospace;font-size:.48rem;line-height:1.5}.architecture-root{margin:0 auto}.architecture-main-line{background:#fff3;width:1px;height:60px;margin:0 auto}.architecture-sources{grid-template-columns:repeat(3,1fr);display:grid;position:relative}.architecture-sources:before{content:"";background:#fff3;height:1px;position:absolute;top:0;left:16.666%;right:16.666%}.architecture-source{flex-direction:column;align-items:center;padding-top:60px;padding-bottom:60px;display:flex;position:relative}.architecture-source-line-top{background:#fff3;width:1px;height:60px;position:absolute;top:0;left:50%;transform:translate(-50%)}.architecture-source-line-bottom{background:#fff3;width:1px;height:60px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.architecture-merge{height:80px;position:relative}.architecture-merge-horizontal{background:#fff3;height:1px;position:absolute;top:0;left:16.666%;right:16.666%}.architecture-merge-line{background:#fff3;width:1px;height:80px;margin:0 auto}.architecture-context{grid-template-columns:repeat(3,1fr);display:grid;position:relative}.architecture-context:before{content:"";background:#fff3;height:1px;position:absolute;top:0;left:16.666%;right:16.666%}.architecture-context-branch{justify-content:center;padding-top:60px;display:flex;position:relative}.architecture-context-line{background:#fff3;width:1px;height:60px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width<=800px){.architecture-sources{grid-template-columns:repeat(2,1fr)}.architecture-sources:before{display:none}.architecture-source{padding-top:40px;padding-bottom:40px}.architecture-source-line-top,.architecture-source-line-bottom{height:40px}.architecture-source-line-top{top:0}.architecture-source-line-bottom{bottom:0}.architecture-merge{height:60px}.architecture-merge-horizontal{display:none}.architecture-merge-line{height:60px}.architecture-context{grid-template-columns:repeat(2,1fr)}.architecture-context:before{display:none}.architecture-context-branch{padding-top:40px}.architecture-context-line{height:40px}.version-flow{grid-template-columns:1fr 1fr;gap:20px}.version-line{display:none}}.vendor-components-sections{padding-bottom:180px}.component-flow{align-items:center;max-width:1000px;margin:120px auto 0;display:flex}.component-step{box-sizing:border-box;background:#ffffff04;border:1px solid #ffffff26;flex-direction:column;flex:1;gap:8px;min-height:105px;padding:18px;display:flex}.component-step strong{letter-spacing:.12em;font-size:.7rem;font-weight:500}.component-step code{letter-spacing:.06em;opacity:.4;font-family:monospace;font-size:.48rem;line-height:1.5}.component-arrow{opacity:.35;flex-shrink:0;padding:0 16px;font-size:1rem}@media (width<=800px){.component-flow{flex-direction:column;align-items:stretch}.component-arrow{align-self:center;padding:8px 0;transform:rotate(90deg)}.version-flow{grid-template-columns:1fr 1fr;gap:20px}.version-line{display:none}.next-flow{grid-template-columns:repeat(2,1fr)}.next-step:nth-child(2n){border-right:none}.next-step:nth-child(n+3){border-top:1px solid #ffffff14}}@media (width<=600px){.hero{padding:22px}.navigation{gap:16px}.navigation a{font-size:.6rem}.eyebrow{letter-spacing:.16em;font-size:.6rem}h1{font-size:clamp(2.4rem,13vw,4rem)}.waveform-placeholder{width:100%;height:100px;margin-top:50px;margin-bottom:40px}.waveform-readout{justify-content:space-between;gap:8px;font-size:.52rem}.systems{padding:80px 22px}.systems-intro{margin-top:70px}.system-flow{margin-top:80px}.flow-branches{grid-template-columns:1fr}.flow-branch:first-child{border-right:none}.work{padding:80px 22px}.work-intro{margin-top:70px}.project-list{margin-top:90px}.project{padding:50px 0}.project-header{grid-template-columns:45px 1fr}.project-visual{height:180px;margin:35px 0 28px}.project-details{grid-template-columns:1fr;gap:25px}.project-meta{justify-content:flex-start}.quote-flow{gap:12px;font-size:.55rem}.quote-flow i{width:30px}.vendor-platform{padding:22px}.vendor-hero{margin-top:120px;padding-bottom:120px}.vendor-section{padding:80px 0}.vendor-copy{margin-top:70px}.vendor-platform-section{padding-bottom:120px}.tenant-diagram{margin-top:80px}.tenant-branches{grid-template-columns:1fr;gap:25px;padding-top:0}.tenant-branches:before{display:none}.tenant-branch{justify-content:flex-start;padding-left:35px}.tenant-line{width:25px;height:1px;top:50%;left:0}.tenant-node{width:100%}.vendor-architecture-section{padding-bottom:120px}.architecture-diagram{margin-top:80px}.architecture-sources{grid-template-columns:1fr}.architecture-node{width:100%}.architecture-source{padding-top:0;padding-bottom:0}.architecture-source-line-top,.architecture-source-line-bottom{display:none}.architecture-context{grid-template-columns:1fr;padding-top:0}.architecture-context:before,.architecture-context-line{display:none}.architecture-context-branch{padding-top:0}.vendor-versioning-section{padding-bottom:120px}.version-flow{grid-template-columns:1fr;gap:12px}.version-line{display:none}.version-history{margin-top:70px}.vendor-decisions-section{padding-bottom:120px}.decision-list{margin-top:80px}.decision{grid-template-columns:45px 1fr;gap:20px;padding:35px 0}.vendor-state-section{padding-bottom:120px}.state-grid{grid-template-columns:1fr;margin-top:80px}.state-item{min-height:0;padding:22px}.state-item-header{margin-bottom:45px}.vendor-next-section{padding-bottom:120px}.next-flow{grid-template-columns:1fr;margin-top:80px}.next-step{border-left:1px solid #ffffff14;border-right:none;min-height:130px}.next-step:first-child{border-left:1px solid #ffffff14}.next-step+.next-step{border-top:1px solid #ffffff14}.vendor-footer{padding:30px 0 35px}.vendor-footer-status{flex-direction:column;gap:8px}.vendor-footer-navigation{margin-top:50px}}.vendor-versioning-section{padding-bottom:180px}.version-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:20px;max-width:1100px;margin:120px auto 0;display:grid}.version-step{box-sizing:border-box;background:#ffffff04;border:1px solid #ffffff26;flex-direction:column;gap:8px;min-height:120px;padding:18px;display:flex}.version-step strong{letter-spacing:.12em;font-size:.7rem;font-weight:500}.version-step>span:last-child{letter-spacing:.06em;opacity:.4;margin-top:auto;font-family:monospace;font-size:.48rem;line-height:1.5}.version-line{flex-direction:column;align-items:center;gap:8px;min-width:55px;display:flex}.version-line span{letter-spacing:.08em;opacity:.3;font-family:monospace;font-size:.45rem}.version-line i{background:#fff3;width:55px;height:1px;display:block}.version-history{border-top:1px solid #ffffff1f;max-width:700px;margin:100px auto 0}.version-history-header,.version-history-row{letter-spacing:.08em;border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;padding:16px 18px;font-family:monospace;font-size:.52rem;display:grid}.version-history-header{opacity:.3}.version-history-row{opacity:.45}.version-history-row span:last-child{text-align:right}.version-history-live{opacity:.8}.vendor-decisions-section{padding-bottom:180px}.decision-list{border-top:1px solid #ffffff1f;max-width:900px;margin:120px auto 0}.decision{border-bottom:1px solid #ffffff1a;grid-template-columns:80px 1fr;gap:40px;padding:45px 0;display:grid}.decision-number{letter-spacing:.1em;opacity:.35;font-family:monospace;font-size:.6rem}.decision-content{max-width:650px}.decision-content h3{letter-spacing:.12em;margin:0;font-size:.8rem;font-weight:500}.decision-content p{opacity:.5;max-width:600px;margin:18px 0 0;font-size:.9rem;line-height:1.7}.vendor-state-section{padding-bottom:180px}.state-grid{border-top:1px solid #ffffff1f;border-left:1px solid #ffffff14;grid-template-columns:repeat(2,1fr);max-width:900px;margin:120px auto 0;display:grid}.state-item{box-sizing:border-box;border-bottom:1px solid #ffffff14;border-right:1px solid #ffffff14;min-height:220px;padding:24px}.state-item-header{letter-spacing:.08em;opacity:.4;justify-content:space-between;align-items:center;margin-bottom:55px;font-family:monospace;font-size:.48rem;display:flex}.state-item-header .flow-index{opacity:1}.state-item h3{letter-spacing:.12em;margin:0;font-size:.75rem;font-weight:500}.state-item p{opacity:.45;max-width:500px;margin:16px 0 0;font-size:.82rem;line-height:1.65}.vendor-next-section{padding-bottom:180px}.next-flow{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;grid-template-columns:repeat(4,1fr);max-width:1000px;margin:120px auto 0;display:grid}.next-step{box-sizing:border-box;border-right:1px solid #ffffff14;flex-direction:column;gap:10px;min-height:150px;padding:22px;display:flex}.next-step:first-child{border-left:1px solid #ffffff14}.next-step strong{letter-spacing:.12em;margin-top:25px;font-size:.7rem;font-weight:500}.next-step>span:last-child{letter-spacing:.06em;opacity:.4;margin-top:auto;font-family:monospace;font-size:.48rem;line-height:1.5}.vendor-footer{z-index:1;border-top:1px solid #ffffff1f;max-width:1100px;margin:0 auto;padding:40px 0 50px;position:relative}.vendor-footer-status{letter-spacing:.1em;opacity:.3;justify-content:space-between;font-family:monospace;font-size:.55rem;display:flex}.vendor-footer-navigation{justify-content:space-between;align-items:center;margin-top:70px;display:flex}.vendor-footer-navigation a{letter-spacing:.12em;opacity:.45;font-family:monospace;font-size:.65rem;transition:opacity .15s}.vendor-footer-navigation a:hover{opacity:1}.vendor-footer-navigation button{color:inherit;letter-spacing:.12em;opacity:.45;cursor:pointer;background:0 0;border:none;padding:0;font-family:monospace;font-size:.65rem;transition:opacity .15s}.vendor-footer-navigation button:hover{opacity:1}.vendor-sidebar{z-index:10;flex-direction:column;gap:12px;width:180px;display:flex;position:fixed;top:50%;left:40px;transform:translateY(-50%)}.vendor-sidebar-label{letter-spacing:.12em;opacity:.25;margin-bottom:10px;font-family:monospace;font-size:.5rem}.vendor-sidebar button{color:inherit;letter-spacing:.08em;text-align:left;opacity:.25;cursor:pointer;background:0 0;border:none;grid-template-columns:28px 1fr;gap:8px;padding:0;font-family:monospace;font-size:.5rem;transition:opacity .15s;display:grid}.vendor-sidebar button:hover{opacity:.6}.vendor-sidebar button.active{opacity:1}.vendor-sidebar button span{opacity:.6}@media (width<=1100px){.vendor-sidebar{display:none}}
