.sap-a-cyan{--sap: var(--cyan)}.sap-a-blue{--sap: var(--blue-bright)}.sap-a-violet{--sap: var(--violet)}.sap-diagram{background:#0a102380;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px 22px;backdrop-filter:blur(14px);overflow:hidden}.sap-diagram-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.sap-diagram-title{font-family:JetBrains Mono;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-400)}.sap-diagram-live{display:inline-flex;align-items:center;gap:7px;font-family:JetBrains Mono;font-size:11px;color:var(--emerald)}.sap-diagram-scroll{overflow-x:auto}.sap-svg{width:100%;min-width:720px;height:auto;display:block}.sap-col-label{font-family:JetBrains Mono;font-size:11px;letter-spacing:.08em;text-transform:uppercase;fill:var(--sap);opacity:.85;font-weight:600}.sap-link{fill:none;stroke:#60a5fa47;stroke-width:1.4;stroke-dasharray:5 7;animation:sapFlow 1.4s linear infinite}@keyframes sapFlow{to{stroke-dashoffset:-24}}.sap-node-box{fill:#0f172aeb;stroke:var(--sap);stroke-opacity:.5}.sap-node:hover .sap-node-box{stroke-opacity:1;fill:#141e36fa}.sap-node-dot{fill:var(--sap)}.sap-node-label{fill:#e2e8f0;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500}.sap-scan{fill:url(#sapScanGrad);opacity:.12;animation:sapScan 6s ease-in-out infinite}@keyframes sapScan{0%{transform:translate(0);opacity:0}15%{opacity:.16}50%{transform:translate(700px);opacity:.16}65%{opacity:0}to{transform:translate(700px);opacity:0}}.sap-diagram-cap{margin-top:14px;font-size:12px;color:var(--text-500);line-height:1.55}.sap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.sap-cell{position:relative;padding:18px 18px 18px 20px;border-radius:12px;background:#0f172a80;border:1px solid rgba(255,255,255,.07);overflow:hidden;transition:border-color .2s,transform .2s}.sap-cell:hover{border-color:#22d3ee59;transform:translateY(-2px)}.sap-cell-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cyan),var(--blue));opacity:.8}.sap-cell h3{font-family:Space Grotesk;font-size:14.5px;font-weight:600;color:#fff;margin-bottom:6px}.sap-cell p{font-size:12.5px;color:var(--text-400);line-height:1.5}.sap-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.sap-tier{padding:18px;border-radius:14px;background:#0f172a80;border:1px solid rgba(255,255,255,.07);border-top:2px solid var(--sap)}.sap-tier-head{display:flex;align-items:center;gap:9px;font-family:JetBrains Mono;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--sap);font-weight:600;margin-bottom:12px}.sap-tier-dot{width:8px;height:8px;border-radius:50%;background:var(--sap);box-shadow:0 0 8px var(--sap)}.sap-tier ul{list-style:none;padding:0;margin:0}.sap-tier li{font-size:13.5px;color:var(--text-300);padding:9px 0;border-top:1px dashed rgba(255,255,255,.07)}.sap-tier li:first-child{border-top:none}.sap-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:720px){.sap-two{grid-template-columns:1fr}}.sap-panel{padding:20px;border-radius:14px;background:#0f172a80;border:1px solid rgba(255,255,255,.07)}.sap-panel-title{display:flex;align-items:center;gap:9px;font-family:Space Grotesk;font-size:15px;font-weight:600;color:#fff;margin-bottom:14px}.sap-panel-ic{font-size:15px}.sap-panel-ic.ok{color:var(--cyan)}.sap-panel-ic.warn{color:var(--amber)}.sap-chips{display:flex;flex-wrap:wrap;gap:8px}.sap-chip{font-size:12px;color:var(--text-300);padding:7px 11px;border-radius:7px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.2);font-family:JetBrains Mono}.sap-chip.risk{background:#fbbf240f;border-color:#fbbf243d;color:var(--amber)}.sap-pe{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start}@media(max-width:820px){.sap-pe{grid-template-columns:1fr;gap:40px}}.sap-scroll{overflow-x:auto;border:1px solid rgba(255,255,255,.07);border-radius:12px}.sap-ports{width:100%;border-collapse:collapse;font-size:13px}.sap-ports th{text-align:left;padding:11px 14px;font-family:JetBrains Mono;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-500);border-bottom:1px solid rgba(255,255,255,.08)}.sap-ports td{padding:10px 14px;color:var(--text-300);border-bottom:1px solid rgba(255,255,255,.05)}.sap-ports tr:last-child td{border-bottom:none}.sap-ports td.mono{font-family:JetBrains Mono;color:var(--cyan);font-size:12.5px}.sap-ports tbody tr:hover{background:#22d3ee0a}.sap-note{margin-top:10px;font-size:11.5px;color:var(--text-500);font-family:JetBrains Mono}.sap-events{display:flex;flex-direction:column;gap:8px}.sap-event{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-left:3px solid var(--se);transition:transform .18s,border-color .18s}.sap-event:hover{transform:translate(2px)}.sap-event.sev-crit{--se: var(--rose)}.sap-event.sev-high{--se: var(--orange)}.sap-event.sev-med{--se: var(--amber)}.sap-event-sev{flex-shrink:0;font-family:JetBrains Mono;font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--se);padding:3px 7px;border-radius:5px;background:color-mix(in srgb,var(--se) 14%,transparent);margin-top:1px;min-width:34px;text-align:center}.sap-event-e{font-size:13px;color:#fff;font-weight:500;line-height:1.4}.sap-event-w{font-size:12px;color:var(--text-400);line-height:1.45;margin-top:3px}.sap-partner{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:stretch}@media(max-width:780px){.sap-partner{grid-template-columns:1fr}}.sap-partner-card{padding:24px;border-radius:16px;background:linear-gradient(160deg,#22d3ee1a,#3b82f60d);border:1px solid rgba(34,211,238,.28);display:flex;flex-direction:column}.sap-partner-flag{font-size:34px;line-height:1;margin-bottom:12px}.sap-partner-name{font-family:Space Grotesk;font-size:20px;font-weight:600;color:#fff}.sap-partner-tag{font-size:12px;color:var(--text-400);margin-top:4px;margin-bottom:18px;font-family:JetBrains Mono}.sap-partner-lines{display:flex;flex-direction:column;gap:11px;margin-top:auto}.sap-partner-lines a{display:inline-flex;align-items:center;gap:10px;color:var(--text-200, #e2e8f0);font-size:13.5px;text-decoration:none;transition:color .18s}.sap-partner-lines a svg{color:var(--cyan);flex-shrink:0}.sap-partner-lines a:hover{color:var(--cyan)}