.rd{color:#34373a;font-family:Inter,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.rd *,.rd :after,.rd :before{box-sizing:border-box}.rd .diagram-wrap{align-items:start;display:grid;gap:32px;grid-template-columns:1fr 360px}.rd .diagram-stack{display:flex;flex-direction:column;gap:3px}.rd .diag-endpoint{background:rgba(0,0,0,.03);border-radius:10px;padding:14px 18px}.rd .diag-endpoint-label{color:#666;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.rd .diag-sys-tags{display:flex;flex-wrap:wrap;gap:6px}.rd .diag-sys-tag{background:#fff;border:1px solid #e5e5e5;border-radius:100px;color:#666;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:500!important;padding:3px 10px}.rd .diag-arrows{display:flex;gap:16px;justify-content:center;padding:6px 0}.rd .diag-arrow{font-size:16px}.rd .diag-layer{border:2px solid transparent;border-radius:10px;cursor:pointer;padding:14px 18px;transition:all .2s}.rd .diag-layer-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.rd .diag-layer-name{font-family:Manrope,sans-serif!important;font-size:15px!important;font-weight:700!important}.rd .diag-layer-toggle{font-size:11px;margin-left:auto;opacity:.45;transition:transform .2s}.rd .diag-layer.active .diag-layer-toggle{opacity:.7;transform:rotate(180deg)}.rd .diag-chips{display:flex;flex-wrap:wrap;gap:6px}.rd .diag-chip{border-radius:6px;display:inline-block;font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:500!important;line-height:1;padding:5px 10px;white-space:nowrap}.rd .diag-chip-link{text-decoration:none!important;transition:transform .15s,box-shadow .15s}.rd .diag-chip-link:hover{box-shadow:0 4px 10px rgba(0,0,0,.13);transform:translateY(-2px) scale(1.04)}.rd .diag-layer-1{background:rgba(0,140,200,.07)}.rd .diag-layer-1 .diag-layer-name{color:#0082bc!important}.rd .diag-layer-1 .diag-chip{background:rgba(0,140,200,.1);color:#006898!important}.rd .diag-layer-1.active,.rd .diag-layer-1:hover{background:rgba(0,140,200,.12);border-color:rgba(0,140,200,.35)}.rd .diag-layer-2{background:rgba(0,100,220,.07)}.rd .diag-layer-2 .diag-layer-name{color:#0064dc!important}.rd .diag-layer-2 .diag-chip{background:rgba(0,100,220,.1);color:#0050b8!important}.rd .diag-layer-2.active,.rd .diag-layer-2:hover{background:rgba(0,100,220,.12);border-color:rgba(0,100,220,.35)}.rd .diag-layer-3{background:rgba(60,80,220,.07)}.rd .diag-layer-3 .diag-layer-name{color:#3c50dc!important}.rd .diag-layer-3 .diag-chip{background:rgba(60,80,220,.1);color:#2a3db8!important}.rd .diag-layer-3.active,.rd .diag-layer-3:hover{background:rgba(60,80,220,.12);border-color:rgba(60,80,220,.35)}.rd .diag-layer-4{background:rgba(120,60,220,.07)}.rd .diag-layer-4 .diag-layer-name{color:#7840d8!important}.rd .diag-layer-4 .diag-chip{background:rgba(120,60,220,.1);color:#5e2dba!important}.rd .diag-layer-4.active,.rd .diag-layer-4:hover{background:rgba(120,60,220,.12);border-color:rgba(120,60,220,.35)}.rd .diag-layer-5{background:rgba(190,60,180,.07)}.rd .diag-layer-5 .diag-layer-name{color:#be3cb4!important}.rd .diag-layer-5 .diag-chip{background:rgba(190,60,180,.1);color:#9e2a96!important}.rd .diag-layer-5.active,.rd .diag-layer-5:hover{background:rgba(190,60,180,.12);border-color:rgba(190,60,180,.35)}.rd .diagram-panel{position:sticky;top:32px}.rd .panel-placeholder{background:#fafafa;border:1px solid #e5e5e5;border-radius:14px;color:#999;padding:36px 28px;text-align:center}.rd .panel-placeholder svg{display:block;height:32px;margin:0 auto 12px;opacity:.35;width:32px}.rd .panel-placeholder p{font-family:Inter,sans-serif!important;font-size:13px!important;line-height:1.6}.rd .panel-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;display:none;padding:28px}.rd .panel-card.visible{display:block}.rd .panel-layer-num{border-radius:100px;display:inline-block;font-family:Inter,sans-serif!important;font-size:10px!important;font-weight:700!important;letter-spacing:.1em;margin-bottom:14px;padding:4px 10px;text-transform:uppercase}.rd .panel-title{color:#010101;font-family:Manrope,sans-serif!important;font-size:22px!important;font-weight:800!important;line-height:1.15;margin-bottom:12px}.rd .panel-desc{color:#666;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.4;margin-bottom:18px}.rd .panel-features{display:flex;flex-direction:column;gap:8px;list-style:none!important;margin-bottom:0;padding:0!important}.rd .panel-features li{color:#666;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.4;padding-left:16px!important;position:relative}.rd .panel-features li:before{background:#007bff;border-radius:2px;content:"";height:1.5px;left:0;position:absolute;top:9px;width:7px}.rd .panel-divider{border:none!important;border-top:1px solid #e5e5e5!important;margin:20px 0 18px}.rd .panel-layer-link{align-items:center;display:inline-flex!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:700!important;gap:6px;padding-left:0;text-decoration:none!important;transition:gap .18s}.rd .panel-layer-link:after{content:"→"}.rd .panel-layer-link:hover{gap:10px}@media (max-width:960px){.rd .diagram-wrap{grid-template-columns:1fr}.rd .diagram-panel{position:static}}