/* Selectable HTML architecture; all selectors are scoped to this component. */
.ap-architecture,.ap-architecture *{box-sizing:border-box}.ap-architecture{--ap-ink:#17164c;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:10px 16px;width:100%;max-width:1440px;margin:0 auto;color:var(--ap-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.2;text-align:left;user-select:text;-webkit-user-select:text}.ap-architecture h3,.ap-architecture h4,.ap-architecture h5,.ap-architecture p{margin:0;letter-spacing:-.02em}.ap-architecture h3{font-size:21px;font-weight:750}.ap-architecture h4{font-size:15px;font-weight:700}.ap-architecture h5{font-size:12px;font-weight:700}.ap-architecture p{font-size:12px;line-height:1.35;color:#737991}.ap-arch-main{display:grid;gap:9px;min-width:0}.ap-arch-row{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:12px;padding:16px;border-radius:15px}.ap-arch-row:not(:first-child)::before{content:"";position:absolute;top:-13px;left:60%;width:27px;height:25px;clip-path:polygon(50% 0,100% 50%,72% 50%,72% 100%,28% 100%,28% 50%,0 50%);background:linear-gradient(#37a1e8,#b6e6fb);z-index:1;pointer-events:none}.ap-arch-label p{margin-top:7px}.ap-arch-analytics{background:#fff7f1;min-height:112px}.ap-arch-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ap-arch-metric{display:flex;align-items:center;gap:14px;min-width:0;padding:16px 12px;background:rgba(255,255,255,.88);border-radius:12px}.ap-arch-metric>div{min-width:0}.ap-arch-metric p{margin-top:5px}.ap-arch-icon{flex-shrink:0;display:block;width:36px;height:36px;color:#229bef}.ap-arch-analytics .ap-arch-icon{color:#ff7650}.ap-arch-analytics .ap-arch-metric:nth-child(2) .ap-arch-icon{color:#86a9f3}.ap-arch-agents{background:linear-gradient(115deg,#eef0ff,#eaeeff);min-height:146px}.ap-arch-agent-body{position:relative;min-width:0;padding-top:2px}.ap-arch-swarm{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin:0 auto 6px;padding:10px 22px;color:#fff;background:linear-gradient(#a289ff,#704cf1);border-radius:30px;box-shadow:0 6px 12px #7954e52b}.ap-arch-swarm h4{font-size:21px;font-weight:500}.ap-arch-swarm .ap-arch-icon{color:#fff;width:25px;height:25px}.ap-arch-agent-list{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:#ffffffbd;border-radius:12px}.ap-arch-agent-list li{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:650;min-width:0}.ap-arch-agent-list .ap-arch-icon{width:32px;height:32px;padding:6px;box-sizing:content-box;color:#7958e7;background:#ece7ff;border-radius:50%}.ap-arch-apps{background:#eaf7fb;min-height:166px}.ap-arch-app-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.ap-arch-app{overflow:hidden;border-radius:11px;background:#fff;box-shadow:0 4px 14px #7491aa12}.ap-arch-app-head{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 4px;color:#fff;background:var(--ap-accent)}.ap-arch-app-head h4{font-size:19px;font-weight:500}.ap-arch-app-head .ap-arch-icon{color:#fff;width:26px;height:26px}.ap-arch-app-copy{padding:7px;text-align:center}.ap-arch-app-copy h5{display:flex;align-items:center;justify-content:center;min-height:32px}.ap-arch-app-copy p{margin-top:5px;padding:5px 2px;min-height:40px;border-radius:7px;background:color-mix(in srgb,var(--ap-accent) 13%,white);color:#566777;font-size:10px}.ap-arch-foundation{background:#e0f2fc;min-height:96px}.ap-arch-foundations{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ap-arch-foundations .ap-arch-metric{padding:12px}.ap-arch-foundations .ap-arch-metric p{font-size:9px;line-height:1.5}.ap-arch-connect{display:flex;flex-direction:column;padding:20px 12px 8px;background:linear-gradient(#eef6ff,#e1f5fd);border-radius:15px}.ap-arch-connect>p{margin-top:4px}.ap-arch-integrations{display:grid;flex:1;grid-template-rows:repeat(4,1fr);gap:8px;margin-top:12px}.ap-arch-system{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#ffffffd9;border-radius:11px;padding:10px 5px;text-align:center}.ap-arch-system h4{font-size:15px}.ap-arch-messaging{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.ap-arch-messaging span{font-size:9px;background:#e8f8ee;color:#128c4b;border-radius:5px;padding:4px}.ap-arch-more{text-align:center}.ap-arch-double-arrow{text-align:center;font-size:39px;line-height:.85;color:#39a3e5}.ap-arch-tagline{grid-column:1/-1;padding:16px;text-align:center;background:linear-gradient(105deg,#ff7430,#ff9128);border-radius:15px;color:white!important;font-size:20px!important;box-shadow:0 4px 12px #ff7c2220}.ap-architecture ::selection{background:#cbdcff;color:#17164c}
@media(max-width:1100px) and (min-width:761px){.ap-architecture{grid-template-columns:minmax(0,1fr) 130px;gap:9px}.ap-arch-row{grid-template-columns:145px minmax(0,1fr);padding:12px;gap:10px}.ap-architecture h3{font-size:17px}.ap-architecture h4{font-size:13px}.ap-arch-metrics,.ap-arch-app-grid{gap:6px}.ap-arch-metric{gap:7px;padding:12px 8px}.ap-arch-icon{width:28px;height:28px}.ap-arch-agent-list{gap:6px;padding:10px 8px}.ap-arch-agent-list li{flex-direction:column;text-align:center;font-size:10px}.ap-arch-app-head{gap:4px}.ap-arch-app-head h4{font-size:15px}.ap-arch-app-head .ap-arch-icon{width:22px;height:22px}.ap-arch-app-copy h5{font-size:10px}.ap-arch-foundations{gap:6px}.ap-arch-foundations .ap-arch-metric{padding:10px 8px;gap:8px}.ap-arch-swarm h4{font-size:19px}}
@media(max-width:760px){.ap-architecture{grid-template-columns:1fr;gap:10px}.ap-arch-row{grid-template-columns:1fr;gap:14px;padding:18px 14px}.ap-architecture h3{font-size:21px}.ap-arch-label p{margin-top:4px}.ap-arch-metrics{grid-template-columns:1fr;gap:8px}.ap-arch-metric{padding:12px;gap:15px}.ap-arch-metric h4{font-size:15px}.ap-arch-row:not(:first-child)::before{left:calc(50% - 13px);top:-13px}.ap-arch-agent-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}.ap-arch-agent-list li{font-size:12px}.ap-arch-agent-list li:last-child{grid-column:1/-1}.ap-arch-swarm{margin-bottom:12px;padding:10px 16px}.ap-arch-swarm h4{font-size:20px}.ap-arch-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ap-arch-app:last-child{grid-column:1/-1}.ap-arch-app-head h4{font-size:20px}.ap-arch-app-copy h5{font-size:13px}.ap-arch-app-copy p{font-size:12px;min-height:0}.ap-arch-foundations{grid-template-columns:1fr}.ap-arch-foundations .ap-arch-metric p{font-size:11px}.ap-arch-connect{padding:18px 14px}.ap-arch-integrations{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px}.ap-arch-system{min-height:100px}.ap-arch-connect .ap-arch-more{margin-top:12px}.ap-arch-tagline{font-size:17px!important;padding:18px 14px}.ap-arch-double-arrow{font-size:30px}}

.ap-architecture h3,.ap-architecture h4,.ap-architecture h5,.ap-arch-agent-list span{overflow-wrap:anywhere}.ap-arch-agent-list span{min-width:0}
.hero-visual.hero-architecture.ap-native-architecture{width:min(1280px,calc(100vw - 64px));aspect-ratio:auto}

@media(max-width:760px){.hero-visual.hero-architecture.ap-native-architecture{width:100%}.ap-arch-agent-list li{flex-direction:column;align-items:flex-start}.ap-arch-agent-list span{overflow-wrap:normal}}
@media(min-width:761px) and (max-width:1000px){.ap-arch-row{grid-template-columns:1fr}.ap-arch-label h3{font-size:19px}.ap-arch-label p{margin-top:4px}}