.capability-architecture{padding:108px 0 104px;position:relative}.architecture-container{width:min(1240px,100% - 96px);margin:0 auto}.architecture-heading{text-align:center;margin:0 auto 58px}.architecture-heading h2{color:var(--ink);font-family:var(--font-sans);margin:0;font-size:clamp(34px,4.1vw,60px);font-weight:650;line-height:1.12;letter-spacing:-.045em!important}.architecture-heading h2 em{color:#72aafa;max-width:100%;font-style:normal;display:inline-block;letter-spacing:inherit!important}.architecture-summary{max-width:980px;margin:20px auto 0}.architecture-summary p{text-wrap:balance;margin:0}.architecture-value-copy{color:#cbd2de;font-size:23px;font-weight:450;line-height:1.5}.architecture-map{grid-template-rows:80px 28px 132px 28px 80px 28px 64px;grid-template-columns:280px minmax(0,1fr);column-gap:20px;width:1240px;height:440px;display:grid}.architecture-overview{justify-content:center;width:100%;display:flex}.architecture-diagram{flex:none;width:100%;height:auto;max-height:84svh;display:block;overflow:visible}.architecture-diagram>foreignObject{overflow:visible}.architecture-title{--layer-accent:#9fb9e0;--flow-delay:-7.2s;text-align:left;background:linear-gradient(110deg,#1a2130eb,#111720f5);border:1px solid #354053;border-radius:14px;grid-column:1;align-items:center;gap:12px;min-width:0;padding:0 12px 0 16px;display:flex;position:relative}.architecture-title:before{content:"";background:var(--layer-accent);border-radius:2px;flex:0 0 3px;width:3px;height:18px}.architecture-layer{--layer-accent:#9fb9e0;--flow-delay:-7.2s;text-align:center;background:linear-gradient(110deg,#1a2130eb,#111720f5);border:1px solid #354053;border-radius:14px;grid-column:2;justify-content:center;align-items:center;min-width:0;padding:16px 20px;display:flex;position:relative}.architecture-title:after,.architecture-layer:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(to bottom, transparent 36%, #d9eeff 43%, var(--layer-accent) 47%, transparent 62%) 50% 0% / 100% 300%;-webkit-mask-composite:xor;opacity:0;animation:architecture-border-rise 7.2s linear var(--flow-delay) infinite both paused;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.architecture-title h3{color:#e9eef7;flex:1;align-items:center;margin:0;font-size:18px;font-weight:600;line-height:26px;display:flex}.architecture-title h3 a{width:100%;min-width:0;color:inherit;flex:1;align-items:center;gap:8px;text-decoration:none;transition:color .18s;display:flex}.architecture-title h3 a span{white-space:nowrap}.architecture-title h3 a:hover{color:var(--layer-accent)}.architecture-title-arrow{color:#7f8ca3;flex:none;margin-left:auto;transition:color .18s,transform .18s}.architecture-title h3 a:hover .architecture-title-arrow{color:var(--layer-accent);transform:translate(3px)}.architecture-map .architecture-nodes{align-items:center;min-height:0;margin:0;padding:0;list-style:none;display:grid}.architecture-apps{grid-template-columns:repeat(5,minmax(0,1fr))}.architecture-editors{grid-template-columns:repeat(4,minmax(0,1fr))}.architecture-services,.architecture-capability-list{grid-template-columns:repeat(3,minmax(0,1fr))}.architecture-node{justify-content:center;align-items:center;gap:8px;min-width:0;padding:0 12px;display:flex}.architecture-node>svg{color:var(--layer-accent);flex:0 0 20px}.architecture-node>div{text-align:center;min-width:0}.architecture-node strong{color:#e9eef7;white-space:nowrap;font-size:15px;font-weight:550;line-height:20px;display:block}.architecture-node span{color:#9eacc0;white-space:nowrap;margin-top:1px;font-size:12px;font-weight:400;line-height:16px;display:block}.architecture-applications{--layer-accent:#b2aed5;--flow-delay:-2.4s;background:linear-gradient(110deg,#201f2deb,#13151ef5);grid-row:1}.architecture-core{--layer-accent:#94baff;--flow-delay:-4s;background:radial-gradient(at 45% 0,#2943696b,#0000 80%),#121c2af5;border-color:#455e83;grid-row:3}.architecture-layer.architecture-core{grid-template-rows:minmax(0,1fr) minmax(0,1fr);justify-content:stretch;align-items:stretch;padding:16px 0 0;display:grid}.architecture-map .architecture-editors{padding:0 24px}.architecture-layer.architecture-core .architecture-nodes{justify-content:center}.architecture-map .architecture-capability-list{background:#080f1938;border-top:1px solid #93b8ed24;border-radius:0 0 13px 13px;padding:0 24px}.architecture-capability-list .architecture-node strong{font-size:15px;font-weight:500}.architecture-interfaces{--flow-delay:-5.6s;grid-row:5}.architecture-deployment{--layer-accent:#97c8b9;background:linear-gradient(110deg,#162824e8,#111c1ef5);border-color:#354d46;grid-row:7}.architecture-layer-connector{color:#6485b2;grid-column:2;place-items:center;display:grid;position:relative;overflow:hidden}.architecture-layer-connector svg{display:block}.architecture-layer-connector:after{content:"";pointer-events:none;filter:drop-shadow(0 0 3px #8cbcff);opacity:0;width:2px;height:20px;animation:architecture-connector-rise 7.2s linear var(--flow-delay) infinite both paused;background:linear-gradient(#e8f5ff,#9ccaff 24%,#72aafa80 60%,#0000);border-radius:2px;position:absolute;top:0;left:calc(50% - 1px)}.architecture-applications+.architecture-layer-connector{--flow-delay:-2.9s}.architecture-core+.architecture-layer-connector{--flow-delay:-4.5s}.architecture-interfaces+.architecture-layer-connector{--flow-delay:-6.1s}.architecture-is-animating .architecture-title:after,.architecture-is-animating .architecture-layer:after,.architecture-is-animating .architecture-layer-connector:after{animation-play-state:running}@keyframes architecture-border-rise{0%{opacity:0;background-position:50% 0}3%{opacity:.8}17%{opacity:.8;background-position:50% 100%}19%,to{opacity:0;background-position:50% 100%}}@keyframes architecture-connector-rise{0%{opacity:0;transform:translateY(28px)}1%{opacity:1}9%,to{opacity:0;transform:translateY(-20px)}}@media (width<=1100px){.architecture-container{width:calc(100% - 48px)}.architecture-heading{margin-bottom:40px}.architecture-heading h2{font-size:42px}.architecture-heading h2 em{margin-top:4px;display:block}.architecture-summary{max-width:700px}.architecture-value-copy{font-size:21px}}@media (width<=760px){.capability-architecture{padding:64px 0}.architecture-container{width:calc(100% - 24px)}.architecture-heading{margin-bottom:32px;padding:0 12px}.architecture-heading h2{max-width:540px;margin:0 auto;font-size:clamp(34px,6vw,42px)}.architecture-summary{max-width:440px;margin-top:18px}.architecture-value-copy{font-size:18px}}@media (prefers-reduced-motion:reduce){.architecture-title:after,.architecture-layer:after,.architecture-layer-connector:after{animation:none;display:none}}
