.page-wrapper{min-height:100vh;padding-bottom:96px}.pt-20{padding-top:120px}.page-header{max-width:800px;margin-bottom:80px}.page-title{letter-spacing:-.03em;margin-bottom:16px;font-size:3.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:1.25rem}.services-list{flex-direction:column;gap:120px;display:flex}.service-detail{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.service-detail.reverse{grid-template-areas:"visual text"}.service-detail.reverse .service-content{grid-area:text}.service-detail.reverse .service-visual{grid-area:visual}.service-title{letter-spacing:-.02em;margin-bottom:24px;font-size:2rem;font-weight:700}.service-desc{color:var(--text-secondary);margin-bottom:32px;font-size:1.125rem;line-height:1.6}.uc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:8px;font-size:.875rem}.uc-list{list-style:none}.uc-list li{color:var(--text-secondary);margin-bottom:12px;padding-left:24px;font-size:.875rem;position:relative}.uc-list li:before{content:"";background-color:var(--accent-color);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.service-card{width:100%}.system-panel{border:1px solid var(--border-color);background-color:#0a0a0a;border-radius:4px;width:100%;height:240px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);gap:6px;padding:8px 12px;display:flex}.panel-header .dot{background-color:var(--border-color);border-radius:50%;width:8px;height:8px}.panel-body{padding:24px}.code-line{background-color:#1a1a1a;border-radius:4px;height:8px;margin-bottom:12px}.w-80{width:80%}.w-60{width:60%}.w-90{width:90%}.w-40{width:40%}.grid-layout{grid-template-rows:repeat(2,60px);grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.grid-layout .cell{background-color:#1a1a1a;border-radius:4px}.grid-layout .cell.span-2{grid-column:span 2}.flex-layout{justify-content:center;align-items:center;height:100%;display:flex}.node{border:2px solid var(--border-color);background-color:#0a0a0a;border-radius:50%;width:32px;height:32px;transition:all .3s}.node.active{border-color:var(--accent-color);box-shadow:0 0 15px #8b5cf666}.line{background-color:var(--border-color);width:48px;height:2px}@media (max-width:992px){.service-detail,.service-detail.reverse{grid-template-columns:1fr;grid-template-areas:none}}