.topology-canvas{margin:0;border:1px solid #493037;border-radius:14px;background:#141113;overflow:hidden}.topology-canvas figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 26px;border-bottom:1px solid #34252c;color:#eee4e9;font-size:16px;font-weight:500}.topology-canvas figcaption>div{display:flex;gap:16px;align-items:center}.topology-canvas figcaption small{color:#a88f9d;font-size:11px;font-weight:400}.topology-motion{background:transparent;border:1px solid #60404b;border-radius:5px;padding:6px 10px;color:#c2acb7;font:10px var(--code-font,monospace)}.topology-motion:hover{border-color:#cd7387;color:#fff}.topology-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:5%;padding:40px 5%;min-height:420px;align-items:center;background:radial-gradient(ellipse at center,#62203529,transparent 65%)}.topology-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:none;stroke-width:1.5}.wire-base{stroke:#6a3949}.wire-flow{stroke:#f08da2;stroke-dasharray:5 160;animation:wire-flow 9s linear infinite;filter:drop-shadow(0 0 3px #fa6b8a)}.wire-flow path:nth-child(even){stroke-dashoffset:65}.topology-side{display:grid;gap:18px}.topology-label{font:10px var(--code-font,monospace);letter-spacing:.04em;color:#b48d9f}.topology-node{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:19px 20px;text-align:left;border:1px solid #57333f;background:#20171c;border-radius:9px;color:#e9dce3;cursor:pointer;transition:transform .22s,border-color .22s,background .22s}.topology-node:hover{transform:translateY(-3px);border-color:#bd657b;background:#2a1b23}.topology-node[aria-pressed=true]{border-color:#e3899e;background:#311e28}.topology-node svg{width:23px;height:23px;fill:none;stroke:#df8ca1;stroke-width:1.5}.topology-node strong{font-size:15px;font-weight:550}.topology-node small{font-size:10px;color:#bc9caa;line-height:1.6}.platform-letter{display:grid;place-items:center;width:24px;height:24px;border:1px solid #885165;color:#e0a1b5;border-radius:5px;font:13px var(--code-font,monospace)}.topology-core{position:relative;display:grid;justify-items:center;align-content:center;min-height:260px}.core-orbit{position:absolute;width:230px;height:230px;border:1px dashed #713345;border-radius:50%;top:50%;left:50%;margin:-115px 0 0 -115px;animation:core-orbit 80s linear infinite}.core-orbit::before{content:'';position:absolute;top:27px;left:27px;width:7px;height:7px;border-radius:50%;background:#de8399;box-shadow:0 0 15px #ef6d93}.core-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:190px;height:190px;border-radius:50%;border:1px solid #c0657c;background:radial-gradient(circle at 35% 20%,#522a3a,#271821 75%);color:#fff;box-shadow:0 0 0 12px #8f3b5212,0 15px 50px #0005;cursor:pointer;transition:box-shadow .2s}.core-button:hover,.core-button:focus-visible{box-shadow:0 0 0 16px #8f3b5222,0 15px 50px #0005}.core-button svg{width:33px;height:33px;fill:none;stroke:#ed9bae;stroke-width:1.4}.core-button strong{font-size:22px;font-weight:600;letter-spacing:-.025em}.core-button small{font-size:10px;color:#d3a7b7}.core-caption{position:absolute;bottom:-13px;color:#b28698;font:10px var(--code-font,monospace)}.topology-transport{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:18px 25px;border-block:1px solid #3c2730;background:#1b1418}.topology-transport>span{font-size:11px;color:#b391a0;margin-right:10px}.topology-transport b{font:11px var(--code-font,monospace);color:#dca8b8;border:1px solid #583441;border-radius:4px;padding:6px 11px}.topology-transport small{font-size:10px;color:#b69aa7;margin-left:15px}.topology-detail{display:grid;grid-template-columns:1fr 1.25fr;gap:35px;padding:28px}.topology-detail h3{font-size:23px;margin:9px 0;color:#efdee6}.topology-detail p{font-size:12px;line-height:1.8;color:#bfa4b2;margin:0;max-width:350px}.topology-detail ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.topology-detail li{border-left:2px solid #814354;padding-left:14px;display:grid;gap:4px}.topology-detail li strong{font-size:12px;color:#e0c6d2;font-weight:500}.topology-detail li span{font-size:11px;color:#b494a5;line-height:1.6}.topology-note{font-size:10px;color:#ae8d9e;padding:0 28px 22px;margin:0}.topology-paused .wire-flow,.topology-paused .core-orbit{animation-play-state:paused}.topology-canvas button:focus-visible{outline:2px solid #ff9fb5;outline-offset:4px}@keyframes wire-flow{to{stroke-dashoffset:-330}}@keyframes core-orbit{to{transform:rotate(360deg)}}
.section-heading,.opsec-platform,.table-scroll,.topology-canvas{transition:opacity .6s ease,transform .6s ease}.motion-await{opacity:0;transform:translateY(18px)}.feature-card{transition:transform .22s,border-color .22s,box-shadow .22s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0002}.button{transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}
@media(max-width:800px){.topology-stage{padding:32px 20px;gap:15px;grid-template-columns:1fr 1.2fr 1fr}.core-button{width:150px;height:150px}.core-orbit{width:180px;height:180px;margin:-90px 0 0 -90px}.core-button strong{font-size:18px}.core-button small{font-size:8px}.topology-node{padding:15px 12px}.topology-node strong{font-size:12px}.topology-node small{font-size:9px}.topology-detail{gap:25px}.core-caption{font-size:9px}}
@media(max-width:580px){.topology-canvas figcaption{padding:17px;font-size:14px}.topology-canvas figcaption small{display:none}.topology-stage{grid-template-columns:1fr;gap:28px;padding:25px 18px}.topology-side{grid-template-columns:1fr 1fr;gap:12px}.topology-side>.topology-label{grid-column:1/-1}.topology-node{padding:16px}.topology-core{min-height:210px}.core-button{width:175px;height:175px}.core-orbit{width:205px;height:205px;margin:-102.5px 0 0 -102.5px}.core-button strong{font-size:22px}.core-button small{font-size:10px}.core-caption{bottom:-7px}.topology-wires{display:none}.topology-stage:before{content:'';position:absolute;left:50%;top:110px;bottom:90px;width:1px;background:#754050;z-index:-1}.topology-detail{grid-template-columns:1fr;padding:22px;gap:22px}.topology-transport{padding:18px;gap:8px}.topology-transport>span{flex-basis:100%;text-align:center;margin:0 0 4px}.topology-transport small{margin:6px 0 0;flex-basis:100%;text-align:center}.topology-note{padding-inline:22px}.topology-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.wire-flow,.core-orbit{animation:none!important}.motion-await{opacity:1;transform:none}.topology-motion{display:none}.topology-canvas *,.feature-card,.button,.section-heading,.opsec-platform,.table-scroll{transition:none!important}}