.architecture-hub .concept-title{display:flex;justify-content:space-between;align-items:end;gap:60px;padding:40px 45px 0}.architecture-hub .overline{font-size:9px;letter-spacing:.13em;font-weight:600}.architecture-hub .concept-title h3{font:700 39px/1.08 'Nedura Display',Arial,sans-serif;letter-spacing:-.04em;margin:17px 0 0}.architecture-hub .concept-title>p{font-size:13px;line-height:1.85;max-width:330px;margin:0}.architecture-hub{color:#ecf4ff;background:radial-gradient(ellipse at 50% 50%,#103d61 0,#0c2844 40%,#081c33 78%);border:1px solid #223f5a}.architecture-hub .overline{color:#8fb8d9}.architecture-hub .concept-title>p{color:#a7bfd7}.architecture-hub .hub-canvas{position:relative;height:535px;margin:18px 30px 0}.architecture-hub .hub-grid{position:absolute;inset:0;background-image:radial-gradient(#89adc128 1px,transparent 1px);background-size:23px 23px;mask-image:radial-gradient(ellipse,black 20%,transparent 72%)}.architecture-hub .hub-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.architecture-hub .hub-wires .wire{fill:none;stroke:#5284a6;stroke-width:1;opacity:.6}.architecture-hub .hub-wires .orbit-ring{fill:none;stroke:#4f91c0;stroke-width:.7;stroke-dasharray:3 8;opacity:.3;transform-origin:500px 285px;animation:spin 90s linear infinite}.architecture-hub .hub-wires .outer{opacity:.16;stroke-dasharray:0;animation:none}.architecture-hub .flow-line{fill:none;stroke:#f99b56;stroke-width:2.5;stroke-dasharray:6 75;animation:flow 3s linear infinite;opacity:.1;transition:opacity .4s}.architecture-hub .hub-node,.architecture-hub .hub-core{position:absolute;transform:translate(-50%,-50%);text-align:center}.architecture-hub .hub-node{width:20%;max-width:210px;min-width:165px;background:#112e49;border:1px solid #3a5d7c;border-radius:12px;padding:19px 12px;box-shadow:0 12px 30px #00000012;transition:border-color .45s,box-shadow .45s,background .45s}.architecture-hub .hub-node b{display:block;font-size:14px;font-weight:600;margin:8px 0}.architecture-hub .hub-node small{display:block;font-size:10px;line-height:1.8;color:#afc8dc}.architecture-hub .node-type{font-size:7px;letter-spacing:.12em;color:#93b3d1}.architecture-hub .node-entry{left:50%;top:11%;width:27%;max-width:285px}.architecture-hub .node-entry b{margin:7px 0 4px}.architecture-hub .node-context{left:12%;top:50%}.architecture-hub .node-model{left:88%;top:50%}.architecture-hub .node-state{left:28%;top:82%}.architecture-hub .node-tools{left:72%;top:82%}.architecture-hub .node-icon{display:block;font-size:23px;line-height:1;color:#92b8d7}.architecture-hub .hub-core{left:50%;top:50%;width:27%;max-width:285px;min-width:210px;padding:24px 16px;background:linear-gradient(140deg,#173f60,#0f2e4b);border:1px solid #72a1c4;border-radius:20px;box-shadow:0 0 65px #4289b51b,0 12px 32px #00000025;transition:box-shadow .4s,border-color .4s}.architecture-hub .core-mark{display:grid;place-items:center;margin:0 auto 12px;width:55px;height:55px;border-radius:14px;background:#0b223b;border:1px solid #3d6384}.architecture-hub .core-mark img{height:40px;object-fit:contain}.architecture-hub .hub-core>b{font:700 21px 'Nedura Display',Arial,sans-serif;letter-spacing:-.025em}.architecture-hub .hub-core>small{display:block;color:#b3cce0;font-size:9px;line-height:1.9;margin:10px 0 15px}.architecture-hub .core-status{display:inline-flex;align-items:center;gap:7px;color:#b9d0e4;font-size:8px;border-top:1px solid #42617c;padding-top:12px}.architecture-hub .core-status i{height:5px;width:5px;border-radius:50%;background:#ff9e59;box-shadow:0 0 9px #ffad64}.architecture-hub .hub-node.is-active{border-color:#ff9e59;background:#193d5a;box-shadow:0 0 0 3px #ff9e5912,0 10px 30px #00000015}.architecture-hub .hub-core.is-active{border-color:#ffa05c;box-shadow:0 0 45px #ef8e3c17,0 12px 30px #00000025}.architecture-hub[data-phase=entry] .path-entry,.architecture-hub[data-phase=context] .path-context,.architecture-hub[data-phase=model] .path-model,.architecture-hub[data-phase=tools] .path-tools,.architecture-hub[data-phase=state] .path-state{opacity:1}.architecture-hub .hub-status{margin:0 40px 30px;padding:22px 0 0;border-top:1px solid #34516b;display:flex;gap:25px;align-items:center;justify-content:space-between}.architecture-hub .hub-status>div{display:flex;gap:18px;align-items:center}.architecture-hub .status-number{display:grid;place-items:center;height:35px;width:35px;flex:none;border:1px solid #597b96;border-radius:9px;color:#ffa764;font-size:11px}.architecture-hub .hub-status b{font-size:13px}.architecture-hub .hub-status p{font-size:11px;color:#afc5d9;line-height:1.8;margin:5px 0 0}.architecture-hub .concept-label{font-size:8px;white-space:nowrap;letter-spacing:.05em;color:#7f9db8}
.architecture-hub{border-radius:18px;overflow:hidden;font:400 14px/1.5 'Nedura Text',Arial,sans-serif}
.architecture-hub .concept-title h3{font:700 39px/1.08 'Nedura Display','Nedura Text',sans-serif;letter-spacing:-.04em;margin:17px 0 0;color:#ecf4ff}
.architecture-hub .hub-controls{display:flex;justify-content:flex-end;gap:10px;margin:24px 40px 0}
.architecture-hub .hub-controls button{border:1px solid #557795;border-radius:7px;padding:9px 13px;background:#112e49;color:#d6e7f5;font:400 11px/1.5 'Nedura Text',Arial,sans-serif}
.architecture-hub .hub-controls button:hover{background:#254762;border-color:#99b8d0}
.architecture-hub .hub-canvas{margin-top:0}
.architecture-hub .hub-core b{display:block}
.architecture-hub .hub-status p{min-height:20px}
.hub-documentation{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:30px 8px 8px}
.hub-documentation h3{font-size:24px;margin:0 0 12px}.hub-documentation p{max-width:780px;margin:0;color:var(--muted);font-size:13px}.hub-documentation a{font-size:12px;font-weight:600;max-width:190px;flex-shrink:0}
@keyframes flow{to{stroke-dashoffset:-324}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:950px){.architecture-hub .concept-title{padding:30px 28px 0;gap:30px}.architecture-hub .concept-title h3{font-size:33px}.architecture-hub .hub-canvas{margin-left:15px;margin-right:15px}.architecture-hub .hub-node{min-width:145px}.architecture-hub .hub-core{min-width:195px}.architecture-hub .hub-status{margin-left:28px;margin-right:28px}}
@media(max-width:650px){.architecture-hub .concept-title{padding:27px 22px 0;display:block}.architecture-hub .concept-title h3{font-size:32px}.architecture-hub .concept-title>p{font-size:12px;max-width:none;margin-top:18px}.architecture-hub .hub-controls{margin:20px 22px 0;justify-content:flex-start}.architecture-hub .hub-canvas{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 20px}.architecture-hub .hub-wires,.architecture-hub .hub-grid{display:none}.architecture-hub .hub-node,.architecture-hub .hub-core{position:relative;left:auto;top:auto;transform:none;min-width:0;width:auto;max-width:none}.architecture-hub .hub-node{padding:16px 10px}.architecture-hub .hub-node b{font-size:12px}.architecture-hub .hub-node small{font-size:9px}.architecture-hub .node-entry{grid-column:1/-1;grid-row:1}.architecture-hub .hub-core{grid-column:1/-1;grid-row:2;padding:22px}.architecture-hub .hub-core>small{font-size:11px}.architecture-hub .node-context,.architecture-hub .node-model{grid-row:3}.architecture-hub .node-state,.architecture-hub .node-tools{grid-row:4}.architecture-hub .hub-node.is-active .node-icon{color:#ffad6e}.architecture-hub .hub-status{margin:0 22px 25px;align-items:start}.architecture-hub .hub-status .concept-label{display:none}.architecture-hub .hub-status p{font-size:10px}.hub-documentation{display:block;padding:25px 0 0}.hub-documentation a{display:inline-block;max-width:none;margin-top:15px}}
.motion-paused .architecture-hub *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.architecture-hub *{animation:none!important;transition:none!important}}