:root{--bg-dark:#0a0a0a;--bg-panel:#111;--border-subtle:#333;--text-primary:#f0f0f0;--text-secondary:#888;--text-accent:#fff;--font-mono:"Space Mono","Courier New",monospace;--font-sans:"Inter","Helvetica Neue",Arial,sans-serif}.services-layout{background-color:var(--bg-dark);min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);border-top:1px solid var(--border-subtle);height:auto;display:flex;overflow:visible}.services-sidebar{background-color:var(--bg-dark);border-right:1px solid var(--border-subtle);flex-shrink:0;width:320px;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);background-color:var(--bg-dark);justify-content:space-between;margin-top:-50px;padding:1rem 2rem;display:flex;padding-top:0!important}.directory-list{flex-direction:column;padding-bottom:2rem;display:flex}.directory-group{border-bottom:1px solid var(--border-subtle)}.folder-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:1.5rem 2rem;transition:background-color .2s;display:flex}.folder-header:hover{background-color:#1a1a1a}.folder-header.open{background-color:#151515}.folder-index{font-family:var(--font-mono);color:var(--text-secondary);margin-right:1.5rem;font-size:.8rem}.folder-name{letter-spacing:-.01em;flex:1;font-size:.95rem;font-weight:500}.folder-toggle{color:var(--text-secondary);align-items:center;display:flex}.folder-content{background-color:#050505;display:block}.file-item{cursor:pointer;color:var(--text-secondary);border-left:2px solid #0000;align-items:center;padding:1rem 2rem 1rem 4.5rem;font-size:.9rem;transition:all .2s;display:flex}.file-item:hover{color:var(--text-primary);background-color:#ffffff08}.file-item.active{color:var(--text-accent);background-color:#ffffff0d;border-left:2px solid #fff}.file-status{width:15px;color:var(--text-accent);align-items:center;display:flex}.services-content{flex:1;height:auto;padding:4rem 6rem;overflow:visible}.content-meta{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3rem;font-size:.75rem}.content-meta .separator{color:#444;margin:0 .5rem}.content-header{border-bottom:1px solid var(--border-subtle);margin-bottom:4rem;padding-bottom:2rem}.content-header h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.5rem;font-size:3.5rem;font-weight:400;line-height:1.1}.subtitle{font-family:var(--font-mono);color:var(--text-secondary);margin-top:1rem;font-size:1rem;font-weight:400}.intro-text{color:#ccc;max-width:800px;margin-bottom:4rem;font-size:1.5rem;font-weight:300;line-height:1.5}.specs-grid{border-top:1px solid var(--border-subtle);grid-template-columns:2fr 1fr;gap:4rem;padding-top:2rem;display:grid}.spec-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.75rem;display:block}.spec-list{padding:0;list-style:none}.spec-list li{color:#ddd;border-bottom:1px solid #222;align-items:center;gap:1rem;padding:1rem 0;font-size:1rem;display:flex}.spec-list li:last-child{border-bottom:none}.spec-bullet{color:var(--text-secondary);font-size:.8rem;transform:rotate(-45deg)}.deployment-text{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem;line-height:1.6}.btn-minimal{border:1px solid var(--text-primary);color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:0 0;padding:1rem 2rem;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-minimal:hover{background:var(--text-primary);color:var(--bg-dark)}.empty-state{height:100%;color:var(--text-secondary);font-family:var(--font-mono);justify-content:center;align-items:center;min-height:50vh;font-size:.9rem;display:flex}@media (max-width:900px){.services-layout{flex-direction:column;height:auto}.services-sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);width:100%;height:auto;position:relative;overflow-y:visible}.directory-list{max-height:none;overflow:visible}.services-content{padding:3rem 2rem}.content-header h1{font-size:2.5rem}.specs-grid{grid-template-columns:1fr;gap:3rem}}