.architecture{padding-top:35px;padding-bottom:75px}.architecture-heading{display:flex;justify-content:space-between;gap:35px;align-items:start}.architecture-heading p{max-width:770px;color:var(--muted);font-size:13px;line-height:1.85}.architecture-heading .eyebrow{font-size:10px;color:#7e9daa;margin-bottom:20px}.architecture-replay{background:none;border:0;border-bottom:1px solid #425962;padding:5px 0;color:#a6bac4;font:10px/1.7 var(--mono);white-space:nowrap;cursor:pointer;margin-top:37px}.architecture-replay[hidden]{display:none}.architecture-tree{padding-top:25px}.architecture-root{position:relative;max-width:340px;margin:auto;border:1px solid #587987;text-align:center;padding:15px 20px;background:linear-gradient(#14202780,#080c0e);font:11px/1.6 var(--mono);letter-spacing:.1em;color:#e3e8e9}.architecture-root:after{content:'';position:absolute;left:50%;top:100%;width:1px;height:32px;background:#354a53}.architecture-branches{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:61px}.architecture-branches:before{content:'';position:absolute;top:31px;left:16.66%;right:16.66%;height:1px;background:#354a53}.architecture-branch{position:relative;min-width:0}.architecture-branch:before{content:'';position:absolute;bottom:100%;left:50%;width:1px;height:30px;background:#354a53}.architecture-branch summary{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;list-style:none;border:1px solid #597d8d;background:linear-gradient(135deg,#15232a80,#0c1115);padding:21px 14px;min-height:67px;font:11px/1.6 var(--mono);letter-spacing:.075em;color:#e1e7ea;cursor:pointer;text-align:center}.architecture-branch summary::-webkit-details-marker{display:none}.architecture-branch summary:before{content:'';position:absolute;top:-1px;left:-1px;border-top:1px solid #d9b970;border-left:1px solid #d9b970;width:11px;height:11px}.architecture-branch summary i{font-style:normal;font-size:13px;color:#6a8796}.architecture-branch summary i:after{content:'+'}.architecture-branch[open] summary i:after{content:'−'}.architecture-branch ul{list-style:none;margin:0;padding:24px 0 0;position:relative}.architecture-branch ul:before{content:'';position:absolute;top:0;bottom:18px;left:50%;width:1px;background:#2d3c44;z-index:0}.architecture-branch li+li{margin-top:8px}.architecture-branch button{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px;padding:11px 13px;border:1px solid #24323a;border-left:2px solid #324651;background:#0a1014;color:#89a1ae;text-align:left;font:10px/1.5 var(--mono);letter-spacing:.045em;cursor:pointer}.architecture-branch button:hover{color:#c6d4db;border-color:#516c79}.architecture-branch button[aria-pressed=true]{border-color:#65563a;border-left-color:#ddbd78;background:linear-gradient(90deg,#b0935021,#a68d4510);color:#e2c98e}.architecture-branch button[aria-pressed=true]:after{content:'';width:4px;height:4px;border-radius:50%;background:#e5c780;box-shadow:0 0 8px #f1d799;flex-shrink:0}.architecture-detail{display:grid;grid-template-columns:210px 1fr;gap:25px;margin-top:30px;padding:18px 0;border-block:1px solid #2b3b44}.architecture-detail strong{font:10px/1.8 var(--mono);font-weight:400;letter-spacing:.07em;color:#d8bd82}.architecture-detail p{font-size:12px;color:#a6b7bf;margin:0;line-height:1.8}.architecture-note{font:9px/1.7 var(--mono);color:#8297a2;margin:14px 0 0}.tree-unfold .architecture-root{animation:tree-node .6s both}.tree-unfold .architecture-branches:before{transform-origin:center;animation:tree-line .65s .3s both}.tree-unfold .architecture-branch{animation:tree-node .6s .5s both}.tree-unfold .architecture-branch:nth-child(2){animation-delay:.65s}.tree-unfold .architecture-branch:nth-child(3){animation-delay:.8s}.tree-unfold li{animation:tree-node .6s 1s both}.tree-unfold li:nth-child(2){animation-delay:1.12s}.tree-unfold li:nth-child(3){animation-delay:1.24s}.tree-unfold li:nth-child(4){animation-delay:1.36s}.tree-unfold li:nth-child(5){animation-delay:1.48s}@keyframes tree-node{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes tree-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:700px){.architecture{padding-top:25px;padding-bottom:45px}.architecture-heading{display:block}.architecture-heading p{font-size:13px}.architecture-replay{margin-top:0}.architecture-root{font-size:10px;max-width:100%;margin-left:0}.architecture-root:after{left:14px}.architecture-branches{display:block;padding-top:30px;border-left:1px solid #354a53;margin-left:14px;padding-left:20px}.architecture-branches:before{display:none}.architecture-branch:before{left:-20px;bottom:auto;top:32px;width:20px;height:1px}.architecture-branch{margin-bottom:23px}.architecture-branch summary{font-size:11px;justify-content:space-between;padding:20px}.architecture-branch ul{padding-top:15px}.architecture-branch button{font-size:11px;min-height:44px}.architecture-detail{display:block;padding:18px 0}.architecture-detail strong{display:block;margin-bottom:10px}.architecture-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.tree-unfold *,.tree-unfold *:before{animation:none!important}}

.architecture-branch li{position:relative;z-index:1}

.architecture-heading h2{font-size:clamp(27px,3vw,39px);margin-bottom:18px}.architecture-heading p:last-child{max-width:760px}.architecture-detail{min-height:100px}.architecture-branch button{transition:background .2s,border-color .2s,color .2s}.architecture-tree{padding-top:32px}.architecture-branch button:focus-visible{outline:1px solid #d2b575;outline-offset:3px}