@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--black: #000000;--white: #ffffff;--gray-bg: #c0c0c0;--gray-dark: #808080;--window-border: 2px solid var(--black)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:IBM Plex Mono,Monaco,Consolas,monospace;font-size:14px;line-height:1.5;color:var(--black);background:var(--gray-bg)}.desktop{position:absolute;inset:0;overflow:hidden;padding:24px}h1{font-size:20px;font-weight:600;margin-bottom:16px}p{margin-bottom:12px;max-width:400px}.bold{font-weight:600}.nav-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--black)}.nav-section h2{font-size:13px;font-weight:600;margin-bottom:12px}.link-anchor{display:block;padding:6px 0;text-decoration:none;color:var(--black);cursor:pointer}.link-anchor:hover{background:var(--black);color:var(--white);padding-left:8px;margin-left:-8px;padding-right:8px}.ascii-diagram{font-size:12px;line-height:1.4;white-space:pre;font-family:IBM Plex Mono,monospace;background:var(--white);padding:16px;border:1px dashed var(--black);margin-bottom:16px}.diagram-caption{font-size:12px;font-style:italic;color:var(--gray-dark)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;margin-bottom:6px;font-weight:500}.form-input{font-family:inherit;font-size:14px;padding:8px 12px;border:var(--window-border);background:var(--white);width:100%}.form-input:focus{outline:none;box-shadow:inset 2px 2px 0 var(--black)}.form-button{font-family:inherit;font-size:13px;font-weight:500;padding:8px 20px;border:var(--window-border);background:var(--white);cursor:pointer;margin-top:8px}.form-button:hover{background:var(--black);color:var(--white)}.form-button:active{box-shadow:inset 2px 2px 0 var(--gray-dark)}.form-button:disabled{opacity:.6;cursor:not-allowed}.code-block{background:#f5f5f5;border:1px solid var(--black);padding:12px;font-size:11px;overflow-x:auto;white-space:pre;margin:12px 0}.feature-item{padding:8px 0;border-bottom:1px dotted var(--gray-dark)}.feature-item:last-child{border-bottom:none}.feature-item strong{display:block;margin-bottom:4px}.feature-item span{font-size:12px;color:var(--gray-dark)}.mobile-cta{display:none}@media(max-width:768px){body{background:var(--white)}.desktop{position:relative;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px;min-height:100vh}h1{font-size:18px}p{font-size:13px}.ascii-diagram{font-size:10px;overflow-x:auto;padding:12px}.code-block{font-size:10px;overflow-x:auto}#win-overview{order:1}#win-access{order:2}#win-architecture{order:3}#win-features{order:4}#win-code{order:5}#win-compliance{order:6}.link-anchor{padding:10px 0}.form-input{font-size:16px}.form-button{width:100%;padding:12px 20px}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:var(--white);border-top:2px solid var(--black);z-index:1000}.mobile-cta-btn{display:block;width:100%;padding:14px 20px;background:var(--black);color:var(--white);text-align:center;text-decoration:none;font-family:inherit;font-size:14px;font-weight:500;border:2px solid var(--black)}.mobile-cta-btn:active{background:var(--white);color:var(--black)}.desktop{padding-bottom:100px}}@media(max-width:400px){.desktop{padding:12px;gap:12px}.ascii-diagram{font-size:9px;line-height:1.3}.feature-item strong{font-size:13px}.feature-item span{font-size:11px}}@media(min-width:769px)and (max-width:1100px){.window{max-width:450px}}.window{position:absolute;background:var(--white);border:var(--window-border);box-shadow:2px 2px 0 var(--black);min-width:280px;max-width:90vw;cursor:default;transition:box-shadow .1s}.window:hover{box-shadow:3px 3px 0 var(--black)}.window.active{z-index:100!important}.window-title{background:var(--white);padding:6px 12px;font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center;border-bottom:var(--window-border);cursor:grab;position:relative;height:28px}.window-title:before,.window-title:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:80px;height:12px;background:repeating-linear-gradient(0deg,var(--black) 0px,var(--black) 1px,var(--white) 1px,var(--white) 3px)}.window-title:before{left:8px}.window-title:after{right:8px}.window-title span{background:var(--white);padding:0 12px;position:relative;z-index:1}.window-content{padding:20px}.close-box{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:1px solid var(--black);background:var(--white);z-index:2;cursor:pointer}.close-box:hover{background:var(--black)}@media(max-width:768px){.window{position:relative!important;top:auto!important;left:auto!important;max-width:100%;box-shadow:2px 2px 0 var(--black)}.window-title{cursor:default}.window-title:before,.window-title:after{width:40px}.window-content{padding:16px}.close-box{display:none}}@media(max-width:400px){.window-content{padding:12px}.window-title span{font-size:12px;padding:0 8px}.window-title:before,.window-title:after{width:24px}}