.agent-hub-nav{position:sticky;top:74px;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-bottom:72px;overflow:hidden;border:1px solid var(--line-strong);border-radius:18px;background:var(--line-strong);box-shadow:var(--soft-shadow)}.agent-hub-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:62px;padding:0 16px;background:color-mix(in srgb,var(--page) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:12px;font-weight:800;transition:background-color var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.agent-hub-nav a:hover,.agent-hub-nav a:focus-visible{background:var(--ink);color:var(--paper)}.agent-hub-nav b{color:var(--accent);font-size:18px}.agent-workflow{margin:0 0 96px;padding:34px;border-radius:22px;background:var(--dark);color:var(--paper)}.agent-workflow>h2{max-width:600px;margin-bottom:28px;font-size:clamp(26px,4vw,40px);line-height:1.08}.agent-workflow>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff1f}.agent-workflow-step{position:relative;min-height:220px;padding:26px;background:var(--dark-card)}.agent-workflow-step>svg:first-child{width:28px;height:28px;color:var(--gold)}.agent-workflow-step>span{display:block;margin:30px 0 10px;color:#ffffff73;font-size:11px;font-weight:900}.agent-workflow-step h3{font-size:18px}.agent-workflow-step p{margin-top:10px;color:#ffffffad;font-family:var(--font-serif);font-size:14px;line-height:1.6}.agent-workflow-arrow{position:absolute;right:-12px;top:50%;z-index:2;width:23px;height:23px;padding:4px;border-radius:50%;background:var(--gold);color:var(--ink);transform:translateY(-50%)}@media(max-width:820px){.agent-hub-nav{top:68px;display:flex;overflow-x:auto}.agent-hub-nav a{flex:0 0 150px}.agent-workflow>div{grid-template-columns:1fr}.agent-workflow-step{min-height:180px}.agent-workflow-arrow{right:50%;top:auto;bottom:-12px;transform:translate(50%) rotate(90deg)}}@media(max-width:600px){.agent-hub-nav{margin-bottom:50px}.agent-workflow{margin-bottom:72px;padding:22px}.agent-workflow-step{padding:22px}}
