.connected-design .cd-inline-0{font-family: 'Application Jakarta', 'Segoe UI', system-ui, sans-serif; color: #1B2140; background: #F8FAF9}
.connected-design .cd-inline-1{max-width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 40px clamp(18px, 4vw, 56px) 56px}
.connected-design .cd-inline-2{display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: #5E6B76; margin-bottom: 28px}
.connected-design .cd-inline-3{display: flex; align-items: center; gap: 10px}
.connected-design .cd-inline-4{width: 8px; height: 8px; border-radius: 50%; background: #3E8E7A}
.connected-design .cd-inline-5{border: 1px solid #DCE7E3; border-radius: 24px; background: #F1F6F4; padding: clamp(24px, 4vw, 52px)}
.connected-design .cd-inline-6{min-width: 0; display: flex; flex-direction: column; gap: 20px}
.connected-design .cd-inline-7{font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #3B7566; font-weight: 600}
.connected-design .cd-inline-8{margin: 0; font-size: clamp(38px, 4.6vw, 64px); line-height: 1.04; letter-spacing: -0.03em; font-weight: 800}
.connected-design .cd-inline-9{margin: 0; font-size: clamp(17px, 1.5vw, 20px); color: #4F5B66; line-height: 1.5}
.connected-design .cd-inline-10{display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 8px; padding-top: 22px; border-top: 1px solid #DCE7E3}
.connected-design .cd-inline-11{display: flex; align-items: center; padding-top: 6px}
.connected-design .cd-inline-12{display: inline-block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; background: #E3F1EC; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-13{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-14{display: inline-block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; background: #ECE8FD; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-15{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-16{display: inline-block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; background: #FDF1DC; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-17{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-18{display: inline-block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; background: #FBE6EE; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-19{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-20{display: inline-block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; background: #E6EEFC; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-21{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-22{display: inline-block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; background: #E3F6EE; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-23{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-24{display: inline-block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; background: #F0EAFE; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-25{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-26{display: inline-block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; background: #E9E7F2; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-27{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-28{font-size: 15px; color: #4F5B66; line-height: 1.4; min-width: 0; flex: 1 1 200px}
.connected-design .cd-inline-29{color: #1B2140}
.connected-design .cd-inline-30{min-width: 0}
.connected-design .cd-inline-31{background: #FFFFFF; border-radius: 18px; box-shadow: 0 24px 60px rgba(27,60,52,.14); overflow: hidden; border: 1px solid #E3ECE8}
.connected-design .cd-inline-32{height: 46px; background: linear-gradient(90deg,#1B7C84,#4B6FD8 50%,#4B2BD6); display: flex; align-items: center; justify-content: space-between; padding: 0 18px; color: #FFFFFF}
.connected-design .cd-inline-33{font-weight: 700; font-size: 14px}
.connected-design .cd-inline-34{font-size: 13px; font-weight: 600; background: rgba(255,255,255,.18); padding: 4px 12px; border-radius: 999px}
.connected-design .cd-inline-35{padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 16px}
.connected-design .cd-inline-36{display: flex; align-items: center; gap: 14px}
.connected-design .cd-inline-37{display: inline-block; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex: none; background: #E3F1EC; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-38{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-39{min-width: 0}
.connected-design .cd-inline-40{font-weight: 700; font-size: 18px}
.connected-design .cd-inline-41{font-size: 14px; color: #5E6B76}
.connected-design .cd-inline-42{display: flex; flex-direction: column; gap: 8px}
.connected-design .cd-inline-43{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-44{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #E3F6EE; color: #157A57; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-45{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-46{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #E3F6EE; color: #157A57}
.connected-design .cd-inline-47{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-48{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #F1EEFE; color: #3A22B0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-49{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-50{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #F1EEFE; color: #3A22B0}
.connected-design .cd-inline-51{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-52{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #E3F6EE; color: #157A57; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-53{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-54{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #E3F6EE; color: #157A57}
.connected-design .cd-inline-55{display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 12px; background: #F1EEFE; color: #2E1A8F; font-size: 15px; line-height: 1.45}
.connected-design .cd-inline-56{flex: none; margin-top: 1px}
.connected-design .cd-inline-57{min-width: 0}
.connected-design .cd-inline-58{background: #FFFFFF; border-radius: 18px; box-shadow: 0 24px 60px rgba(27,60,52,.14); overflow: hidden; border: 1px solid #E3ECE8}
.connected-design .cd-inline-59{height: 46px; background: linear-gradient(90deg,#1B7C84,#4B6FD8 50%,#4B2BD6); display: flex; align-items: center; justify-content: space-between; padding: 0 18px; color: #FFFFFF}
.connected-design .cd-inline-60{font-weight: 700; font-size: 14px}
.connected-design .cd-inline-61{font-size: 13px; font-weight: 600; background: rgba(255,255,255,.18); padding: 4px 12px; border-radius: 999px}
.connected-design .cd-inline-62{padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 16px}
.connected-design .cd-inline-63{display: flex; align-items: center; gap: 14px}
.connected-design .cd-inline-64{display: inline-block; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex: none; background: #ECE8FD; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-65{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-66{min-width: 0}
.connected-design .cd-inline-67{font-weight: 700; font-size: 18px}
.connected-design .cd-inline-68{font-size: 14px; color: #5E6B76}
.connected-design .cd-inline-69{display: flex; flex-direction: column; gap: 8px}
.connected-design .cd-inline-70{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-71{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #E3F6EE; color: #157A57; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-72{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-73{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #E3F6EE; color: #157A57}
.connected-design .cd-inline-74{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-75{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #F1EEFE; color: #3A22B0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-76{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-77{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #F1EEFE; color: #3A22B0}
.connected-design .cd-inline-78{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-79{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #E3F6EE; color: #157A57; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-80{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-81{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #E3F6EE; color: #157A57}
.connected-design .cd-inline-82{display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 12px; background: #F1EEFE; color: #2E1A8F; font-size: 15px; line-height: 1.45}
.connected-design .cd-inline-83{flex: none; margin-top: 1px}
.connected-design .cd-inline-84{min-width: 0}
.connected-design .cd-inline-85{background: #FFFFFF; border-radius: 18px; box-shadow: 0 24px 60px rgba(27,60,52,.14); overflow: hidden; border: 1px solid #E3ECE8}
.connected-design .cd-inline-86{height: 46px; background: linear-gradient(90deg,#1B7C84,#4B6FD8 50%,#4B2BD6); display: flex; align-items: center; justify-content: space-between; padding: 0 18px; color: #FFFFFF}
.connected-design .cd-inline-87{font-weight: 700; font-size: 14px}
.connected-design .cd-inline-88{font-size: 13px; font-weight: 600; background: rgba(255,255,255,.18); padding: 4px 12px; border-radius: 999px}
.connected-design .cd-inline-89{padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 16px}
.connected-design .cd-inline-90{display: flex; align-items: center; gap: 14px}
.connected-design .cd-inline-91{display: inline-block; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex: none; background: #FDF1DC; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-92{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-93{min-width: 0}
.connected-design .cd-inline-94{font-weight: 700; font-size: 18px}
.connected-design .cd-inline-95{font-size: 14px; color: #5E6B76}
.connected-design .cd-inline-96{display: flex; flex-direction: column; gap: 8px}
.connected-design .cd-inline-97{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-98{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #FDF1DC; color: #8A5A00; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-99{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-100{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #FDF1DC; color: #8A5A00}
.connected-design .cd-inline-101{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-102{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #E3F6EE; color: #157A57; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-103{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-104{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #E3F6EE; color: #157A57}
.connected-design .cd-inline-105{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-106{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #E3F6EE; color: #157A57; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-107{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-108{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #E3F6EE; color: #157A57}
.connected-design .cd-inline-109{display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 12px; background: #F1EEFE; color: #2E1A8F; font-size: 15px; line-height: 1.45}
.connected-design .cd-inline-110{flex: none; margin-top: 1px}
.connected-design .cd-inline-111{min-width: 0}
.connected-design .cd-inline-112{background: #FFFFFF; border-radius: 18px; box-shadow: 0 24px 60px rgba(27,60,52,.14); overflow: hidden; border: 1px solid #E3ECE8}
.connected-design .cd-inline-113{height: 46px; background: linear-gradient(90deg,#1B7C84,#4B6FD8 50%,#4B2BD6); display: flex; align-items: center; justify-content: space-between; padding: 0 18px; color: #FFFFFF}
.connected-design .cd-inline-114{font-weight: 700; font-size: 14px}
.connected-design .cd-inline-115{font-size: 13px; font-weight: 600; background: rgba(255,255,255,.18); padding: 4px 12px; border-radius: 999px}
.connected-design .cd-inline-116{padding: 22px 22px 24px; display: flex; flex-direction: column; gap: 16px}
.connected-design .cd-inline-117{display: flex; align-items: center; gap: 14px}
.connected-design .cd-inline-118{display: inline-block; width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex: none; background: #FBE6EE; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-119{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-120{min-width: 0}
.connected-design .cd-inline-121{font-weight: 700; font-size: 18px}
.connected-design .cd-inline-122{font-size: 14px; color: #5E6B76}
.connected-design .cd-inline-123{display: flex; flex-direction: column; gap: 8px}
.connected-design .cd-inline-124{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-125{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #FDF1DC; color: #8A5A00; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-126{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-127{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #FDF1DC; color: #8A5A00}
.connected-design .cd-inline-128{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-129{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #E3F6EE; color: #157A57; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-130{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-131{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #E3F6EE; color: #157A57}
.connected-design .cd-inline-132{display: flex; align-items: center; gap: 12px; padding: 11px 14px; border: 1px solid #EEF2F0; border-radius: 12px; font-size: 15px}
.connected-design .cd-inline-133{width: 28px; height: 28px; border-radius: 8px; flex: none; background: #F1EEFE; color: #3A22B0; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800}
.connected-design .cd-inline-134{flex: 1; min-width: 0; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-135{flex: none; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 999px; background: #F1EEFE; color: #3A22B0}
.connected-design .cd-inline-136{display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 12px; background: #F1EEFE; color: #2E1A8F; font-size: 15px; line-height: 1.45}
.connected-design .cd-inline-137{flex: none; margin-top: 1px}
.connected-design .cd-inline-138{position: relative; height: 120px}
.connected-design .cd-inline-139{position: absolute; inset: 0; width: 100%; height: 100%}
.connected-design .cd-inline-140{position: absolute; left: 50%; top: 40px; transform: translate(-50%, -50%); background: #F8FAF9; padding: 4px 18px; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #3B7566; font-weight: 600; white-space: nowrap}
.connected-design .cd-inline-141{height: 24px}
.connected-design .cd-inline-142{background: #FFFFFF; border: 1px solid #DCE7E3; border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 14px}
.connected-design .cd-inline-143{width: 44px; height: 44px; border-radius: 12px; background: #EAF3F0; color: #2F7563; display: flex; align-items: center; justify-content: center}
.connected-design .cd-inline-144{font-weight: 700; font-size: 18px}
.connected-design .cd-inline-145{font-size: 14px; color: #5E6B76; margin-top: 2px}
.connected-design .cd-inline-146{position: relative; border: 1px solid #EEF2F0; border-radius: 12px; padding: 10px; display: flex; flex-direction: column; gap: 7px; font-size: 13px; overflow: hidden}
.connected-design .cd-inline-147{display: flex; align-items: center; gap: 8px}
.connected-design .cd-inline-148{width: 18px; height: 18px; border-radius: 5px; background: #FDE7E5}
.connected-design .cd-inline-149{flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-150{font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #F1EEFE; color: #3A22B0}
.connected-design .cd-inline-151{display: flex; align-items: center; gap: 8px}
.connected-design .cd-inline-152{width: 18px; height: 18px; border-radius: 5px; background: #E3F6EE}
.connected-design .cd-inline-153{flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-154{font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #F1EEFE; color: #3A22B0}
.connected-design .cd-inline-155{display: flex; align-items: center; gap: 8px}
.connected-design .cd-inline-156{width: 18px; height: 18px; border-radius: 5px; background: #E6EEFC}
.connected-design .cd-inline-157{flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.connected-design .cd-inline-158{font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #F1EEFE; color: #3A22B0}
.connected-design .cd-inline-159{background: #FFFFFF; border: 1px solid #DCE7E3; border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 14px}
.connected-design .cd-inline-160{width: 44px; height: 44px; border-radius: 12px; background: #EAF3F0; color: #2F7563; display: flex; align-items: center; justify-content: center}
.connected-design .cd-inline-161{font-weight: 700; font-size: 18px}
.connected-design .cd-inline-162{font-size: 14px; color: #5E6B76; margin-top: 2px}
.connected-design .cd-inline-163{border: 1px solid #EEF2F0; border-radius: 12px; padding: 10px; display: flex; flex-direction: column; gap: 7px; font-size: 13px}
.connected-design .cd-inline-164{display: flex; justify-content: space-between; align-items: center; gap: 8px}
.connected-design .cd-inline-165{font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #F1EEFE; color: #3A22B0}
.connected-design .cd-inline-166{display: flex; justify-content: space-between; align-items: center; gap: 8px}
.connected-design .cd-inline-167{font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #E3F6EE; color: #157A57}
.connected-design .cd-inline-168{display: flex; justify-content: space-between; align-items: center; gap: 8px}
.connected-design .cd-inline-169{font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #E8F0FD; color: #2457B8}
.connected-design .cd-inline-170{display: flex; justify-content: space-between; align-items: center; gap: 8px}
.connected-design .cd-inline-171{font-size: 11px; font-weight: 700; color: #157A57}
.connected-design .cd-inline-172{background: #FFFFFF; border: 1px solid #DCE7E3; border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 14px}
.connected-design .cd-inline-173{width: 44px; height: 44px; border-radius: 12px; background: #EAF3F0; color: #2F7563; display: flex; align-items: center; justify-content: center}
.connected-design .cd-inline-174{font-weight: 700; font-size: 18px}
.connected-design .cd-inline-175{font-size: 14px; color: #5E6B76; margin-top: 2px}
.connected-design .cd-inline-176{border: 1px solid #EEF2F0; border-radius: 12px; padding: 10px; display: flex; flex-direction: column; gap: 9px; font-size: 13px}
.connected-design .cd-inline-177{display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 999px; background: #F5F3FE; min-width: 0}
.connected-design .cd-inline-178{flex: none}
.connected-design .cd-inline-179{min-width: 0; overflow: hidden}
.connected-design .cd-inline-180{font-weight: 600}
.connected-design .cd-inline-181{height: 7px; border-radius: 4px; background: #E6E2F7; width: 100%}
.connected-design .cd-inline-182{height: 7px; border-radius: 4px; background: #E6E2F7; width: 86%}
.connected-design .cd-inline-183{height: 7px; border-radius: 4px; background: #E6E2F7; width: 62%}
.connected-design .cd-inline-184{align-self: flex-start; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: #E3F6EE; color: #157A57}
.connected-design .cd-inline-185{background: #FFFFFF; border: 1px solid #DCE7E3; border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 14px}
.connected-design .cd-inline-186{width: 44px; height: 44px; border-radius: 12px; background: #EAF3F0; color: #2F7563; display: flex; align-items: center; justify-content: center}
.connected-design .cd-inline-187{font-weight: 700; font-size: 18px}
.connected-design .cd-inline-188{font-size: 14px; color: #5E6B76; margin-top: 2px}
.connected-design .cd-inline-189{border: 1px solid #EEF2F0; border-radius: 12px; padding: 10px; display: flex; flex-direction: column; gap: 8px; font-size: 13px}
.connected-design .cd-inline-190{display: flex; align-items: center; gap: 8px}
.connected-design .cd-inline-191{width: 18px; height: 18px; border-radius: 50%; background: #157A57; color: #FFFFFF; font-size: 11px; display: flex; align-items: center; justify-content: center; flex: none}
.connected-design .cd-inline-192{display: flex; align-items: center; gap: 8px}
.connected-design .cd-inline-193{width: 18px; height: 18px; border-radius: 50%; background: #4B2BD6; color: #FFFFFF; font-size: 11px; display: flex; align-items: center; justify-content: center; flex: none}
.connected-design .cd-inline-194{flex: 1; min-width: 0}
.connected-design .cd-inline-195{display: flex; font-size: 13px}
.connected-design .cd-inline-196{display: inline-block; width: 1.9em; height: 1.9em; border-radius: 50%; overflow: hidden; flex: none; background: #FBE6EE; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-197{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-198{display: inline-block; width: 1.9em; height: 1.9em; border-radius: 50%; overflow: hidden; flex: none; background: #E6EEFC; box-shadow: 0 0 0 2px #FFFFFF}
.connected-design .cd-inline-199{display: block; width: 100%; height: 100%}
.connected-design .cd-inline-200{display: flex; align-items: center; gap: 8px}
.connected-design .cd-inline-201{width: 18px; height: 18px; border-radius: 50%; background: #E6E2F7; color: #3A22B0; font-size: 11px; display: flex; align-items: center; justify-content: center; flex: none}
.connected-design .cd-inline-202{margin-top: 8px}
.connected-design .cd-inline-203{position: relative; height: 40px}
.connected-design .cd-inline-204{position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #C7DCD5}
.connected-design .cd-inline-205{position: relative; height: 40px}
.connected-design .cd-inline-206{position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #C7DCD5}
.connected-design .cd-inline-207{position: relative; height: 40px}
.connected-design .cd-inline-208{position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #C7DCD5}
.connected-design .cd-inline-209{position: relative; height: 40px}
.connected-design .cd-inline-210{position: absolute; left: 50%; top: 0; bottom: 0; width: 1.5px; background: #C7DCD5}
.connected-design .cd-inline-211{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 12px 28px; padding: 18px 20px; border: 1px dashed #C7D7D1; border-radius: 14px; background: #FFFFFF; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; color: #4F5B66; font-weight: 600}
.connected-design .cd-inline-212{letter-spacing: .14em; color: #3B7566}
.connected-design .cd-inline-213{display: flex; align-items: center; gap: 8px}
.connected-design .cd-inline-214{display: flex; align-items: center; gap: 8px}
.connected-design .cd-inline-215{display: flex; align-items: center; gap: 8px}
.connected-design .cd-inline-216{display: flex; align-items: center; gap: 8px}
.connected-design .appgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}.connected-design .pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.connected-design .feeds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:960px){.connected-design .appgrid{grid-template-columns:minmax(0,1fr)}.connected-design .pillars,.connected-design .feeds{grid-template-columns:repeat(2,minmax(0,1fr))}.connected-design .trunk{display:none}}
@media (max-width:560px){.connected-design .pillars,.connected-design .feeds{grid-template-columns:minmax(0,1fr)}}.connected-design .chip{transition:all .3s ease;cursor:pointer}.connected-design .chip:hover{border-color:#9CC4B8}.connected-design .chip.on{background:#1B2140;color:#FFFFFF;border-color:#1B2140}.connected-design .chip:focus-visible,.connected-design .pillar:focus-visible{outline:3px solid #4B2BD6;outline-offset:2px}.connected-design .swap{transition:opacity .25s ease,transform .3s ease}.connected-design .swap.fade{opacity:0;transform:translateY(6px)}.connected-design .team span[role=img]{margin-inline-start:-10px;transition:transform .3s}.connected-design .team span[role=img]:first-child{margin-inline-start:0}.connected-design .team span[role=img].lead{transform:translateY(-6px) scale(1.12);box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px #3E8E7A}.connected-design .pillar{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;cursor:pointer}.connected-design .pillar.on{transform:translateY(-6px);border-color:#3E8E7A;box-shadow:0 18px 40px rgba(27,60,52,.14)}.connected-design .pillar .ico{transition:all .4s}.connected-design .pillar.on .ico{background:#2F7563;color:#FFFFFF}.connected-design .br{stroke:#C7DCD5;transition:stroke .4s}.connected-design .br.on{stroke:#3E8E7A}.connected-design .dash{stroke-dasharray:6 94;opacity:0}.connected-design .dash.on{opacity:1;animation:cd-down 1.6s linear infinite}
@keyframes cd-down{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}.connected-design .up{position:absolute;left:50%;width:6px;height:6px;margin-inline-start:-3px;border-radius:50%;background:#3E8E7A;animation:cd-up 2.2s linear infinite}.connected-design .up.d2{animation-delay:-.55s}.connected-design .up.d3{animation-delay:-1.1s}.connected-design .up.d4{animation-delay:-1.65s}
@keyframes cd-up{0%{bottom:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{bottom:100%;opacity:0}}.connected-design .scan{position:absolute;left:0;right:0;height:2px;background:#4B2BD6;box-shadow:0 0 10px 2px rgba(75,43,214,.35);opacity:0}.connected-design .pillar.on .scan{animation:cd-scan 1.6s ease-in-out .2s 2 both}
@keyframes cd-scan{0%{top:0;opacity:1}100%{top:100%;opacity:0}}.connected-design .pillar.on .pop{animation:cd-pop .45s cubic-bezier(.3,1.6,.5,1) both}.connected-design .pillar.on .pop.p2{animation-delay:.35s}.connected-design .pillar.on .pop.p3{animation-delay:.7s}.connected-design .pillar.on .pop.p4{animation-delay:1.05s}.connected-design .pillar.on .pop.p1{animation-delay:0s}
@keyframes cd-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.connected-design .type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:100%}.connected-design .pillar.on .type{animation:cd-type 1.2s steps(22) both}
@keyframes cd-type{from{width:0}to{width:100%}}.connected-design .pillar.on .bar{animation:cd-bar .6s ease both}.connected-design .pillar.on .bar.b2{animation-delay:1.45s}.connected-design .pillar.on .bar.b1{animation-delay:1.3s}.connected-design .pillar.on .bar.b3{animation-delay:1.6s}
@keyframes cd-bar{from{transform:scaleX(0)}to{transform:none}}.connected-design .bar{transform-origin:left}.connected-design .pillar.on .fadein{animation:cd-fi .5s ease 1.9s both}
@keyframes cd-fi{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.connected-design .stp .dotc{transition:all .3s}.connected-design .pillar.on .stp{animation:cd-fi .45s ease both}.connected-design .pillar.on .stp.s2{animation-delay:.6s}.connected-design .pillar.on .stp.s3{animation-delay:1.2s}
@media (prefers-reduced-motion: reduce){.connected-design *{animation:none!important;transition:none!important}}
.connected-design{font-family:'Application Jakarta',Arial,sans-serif;color:#1B2140;background:#F8FAF9;border-bottom:1px solid #dce7e3}.connected-design *{box-sizing:border-box}.connected-design [hidden]{display:none!important}html:not(.js) .connected-design .cd-workspace-panel[hidden]{display:block!important}html:not(.js) .connected-design .cd-sectors,html:not(.js) .connected-design .cd-motion{display:none!important}html:not(.js) .connected-design *,html:not(.js) .connected-design *::before,html:not(.js) .connected-design *::after{animation:none!important;transition:none!important}.connected-design h1{margin:0!important;font-size:clamp(40px,4.3vw,60px)!important;line-height:1.08!important;letter-spacing:-.045em!important}.connected-design p{letter-spacing:normal}.connected-design .cd-sectors{display:flex;flex-wrap:wrap;gap:8px}.connected-design .chip,.connected-design .cd-more{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:9px;border:1px solid #d3e0db;background:#fff;color:#1b2140;font:inherit;font-size:13px;font-weight:650;text-decoration:none}.connected-design .chip.on{background:#1b2140!important;color:#fff!important;border-color:#1b2140!important}.connected-design .cd-more{border-style:dashed;background:transparent}.connected-design .cd-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:3px}.connected-design .cd-actions a{font-size:12px;font-weight:700;color:#315f55;text-decoration:none}.connected-design .cd-actions .cd-primary{padding:14px 18px;background:#1b2140;color:#fff;border-radius:9px}.connected-design .cd-sample{font-size:10px!important;color:#5a6b65;margin:15px 0 0!important;text-align:center;line-height:1.5!important}.connected-design .cd-motion{font:inherit;letter-spacing:0;text-transform:none;background:transparent;border:1px solid #cbdad5;border-radius:7px;padding:9px 12px;cursor:pointer;color:#405f56;font-size:11px}.connected-design .cd-motion:disabled{cursor:default}.connected-design .cd-workspaces{min-width:0}.connected-design .cd-workspace-panel{animation:cd-enter .35s ease}.connected-design .pillar.on{border-color:#3e8e7a!important}.connected-design .pillar.on .ico{background:#2f7563!important;color:white!important}.connected-design .cd-foundation-label{display:none}.connected-design .cd-pillar-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:18px}.connected-design .cd-pillar-links a{font-size:11px;font-weight:700;color:#356f60;text-align:center;text-decoration:none;line-height:1.5}.connected-design .cd-paused *,.connected-design.cd-paused *{animation-play-state:paused!important}.connected-design.cd-paused .pillar.on *,.connected-design.cd-paused .cd-workspace-panel{animation:none!important}.connected-design .pillar{min-width:0}.connected-design :focus-visible{outline:3px solid #4b2bd6;outline-offset:4px}.connected-design .team span[role=img]{width:34px!important;height:34px!important}.connected-design .cd-workspace-panel [role=img]{width:44px!important;height:44px!important}.connected-design .pillar .team span[role=img]{width:24px!important;height:24px!important}
@keyframes cd-enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.connected-design .appgrid{gap:26px}.connected-design .pillars{gap:12px}.connected-design .pillar{padding:16px!important}.connected-design .pillar>div:nth-child(2)>div:first-child{font-size:16px!important}.connected-design .pillar>div:nth-child(2)>div:last-child{font-size:12px!important}.connected-design .cd-pillar-links{gap:12px}}
@media(max-width:960px){.connected-design .appgrid{gap:30px}.connected-design .cd-workspaces{max-width:600px;width:100%;margin:auto}.connected-design .cd-foundation-label{display:block;padding:24px 0 10px;text-align:center}.connected-design .cd-foundation-label>span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#3b7566}.connected-design .cd-foundation-label p{font-size:12px;color:#5a6b65;margin:8px 0}.connected-design .cd-pillar-links{grid-template-columns:repeat(2,1fr)}.connected-design .feeds{display:none}.connected-design .cd-pillar-links{margin-bottom:24px}.connected-design .pillar.on{transform:translateY(-2px)}}
@media(max-width:560px){.connected-design>div>div{padding-inline:18px!important}.connected-design .appgrid>div:first-child{gap:16px!important}.connected-design section{padding:23px 18px!important;border-radius:18px!important}.connected-design .pillars{grid-template-columns:1fr}.connected-design h1{font-size:40px!important}.connected-design .appgrid p{font-size:16px!important}.connected-design .cd-workspace-panel>div>div>div:first-child{padding-inline:12px!important}.connected-design .cd-workspace-panel .swap{padding-inline:12px!important;font-size:10px!important}.connected-design .cd-workspace-panel .swap>div:first-child>div>div:first-child{font-size:15px!important}.connected-design .cd-workspace-panel .swap>div:first-child>div>div:last-child{font-size:11px!important}.connected-design .cd-workspace-panel .swap>div:nth-child(2)>div{padding:9px 7px!important;gap:7px!important;font-size:11px!important}.connected-design .cd-workspace-panel .swap>div:nth-child(2)>div>span:last-child{font-size:9px!important;padding:4px 6px!important}.connected-design .cd-workspace-panel .swap>div:last-child{font-size:12px!important;padding:12px!important}.connected-design .cd-pillar-links{font-size:11px}.connected-design .cd-actions{gap:14px}.connected-design .cd-sectors{gap:6px}.connected-design .chip,.connected-design .cd-more{font-size:11px;padding:0 11px}.connected-design .cd-motion{font-size:10px;padding:7px 9px}.connected-design .team span[role=img]{width:30px!important;height:30px!important}}
@media(prefers-reduced-motion:reduce){.connected-design *{animation:none!important;transition:none!important}html{scroll-behavior:auto!important}}

.connected-design #foundation{scroll-margin-top:110px}
