.connected-system .contrast-grid{gap:28px;align-items:stretch;grid-template-columns:1fr 1.25fr}
.connected-system .contrast-list{display:grid;gap:12px;border:0}
.connected-system .contrast-item{display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:20px 22px;border:1px solid #e2d5f5;border-radius:18px;background:#ffffffcc;box-shadow:0 4px 18px #5b21b606;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.connected-system .contrast-item:hover{transform:translateY(-3px);border-color:#b794ee;box-shadow:0 12px 30px #5b21b612}
.system-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid #e1d2fa;border-radius:14px;background:linear-gradient(135deg,#faf7ff,#ede3ff);color:#7c3aed}
.system-icon svg{width:24px;height:24px}.system-copy{flex:1;min-width:0}.system-copy strong{display:block;font-size:15px;font-weight:600;color:#302044}.connected-system .system-copy span{display:block;margin-top:5px;color:#7c3aed;font:600 10px Inter,sans-serif;letter-spacing:.1em}.system-chevron{color:#a78bfa;font-size:22px}
.connected-system .loop{padding:28px;border:1px solid #d9c5f6;border-radius:24px;background:linear-gradient(145deg,#ffffffeb,#f5efffed);box-shadow:0 18px 48px #5b21b60b;display:flex;flex-direction:column;justify-content:center;min-width:0}
.loop-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.system-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e2d5f5;border-radius:99px;background:white;font:500 10px Inter,sans-serif;color:#6d28d9}.system-badge i{height:6px;width:6px;border-radius:50%;background:#8b5cf6}
.connected-system .loop-flow{gap:8px;margin-top:32px}.connected-system .loop-cell{position:relative;min-width:0;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:22px 8px 18px;border:1px solid #e4d6f7;border-radius:18px;box-shadow:0 5px 18px #5b21b606;animation:journey-focus 8s ease-in-out infinite;animation-delay:calc(var(--step)*2s)}
.loop-step{position:absolute;top:10px;left:12px;font:600 9px Inter,sans-serif;color:#a18cbf}.loop-icon{display:grid;place-items:center;color:#7c3aed}.loop-icon svg{width:28px;height:28px}.loop-cell strong{font:600 11px Inter,sans-serif;text-align:center}.connected-system .loop-arrow{font-size:19px;color:#b794ee;animation:journey-arrow 2s ease-in-out infinite}.connected-system .loop-note{border-top:1px solid #e7dcf5;padding-top:20px;margin-top:26px;font:400 14px/1.7 Inter,sans-serif;color:#78668e}
@keyframes journey-focus{0%,24%,100%{border-color:#e4d6f7;box-shadow:0 5px 18px #5b21b606;transform:translateY(0)}8%,17%{border-color:#a78bfa;box-shadow:0 8px 24px #7c3aed20;transform:translateY(-4px)}}
@keyframes journey-arrow{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:1000px){.connected-system .contrast-grid{grid-template-columns:1fr}.connected-system .loop-flow{flex-direction:row}.connected-system .loop-arrow{transform:none}.connected-system .loop-cell{flex:1}}
@media(max-width:480px){.connected-system .loop{padding:20px 16px}.connected-system .loop-flow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.connected-system .loop-arrow{display:none}.connected-system .loop-cell{min-height:135px}.connected-system .contrast-item{padding:16px;gap:12px}.system-copy strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.connected-system .loop-cell,.connected-system .loop-arrow{animation:none}.connected-system .contrast-item{transition:none}.connected-system .contrast-item:hover{transform:none}}
.connected-system .contrast-item,.connected-system .loop-cell{border:1.5px solid #c9b0ee}.connected-system .contrast-item:hover,.connected-system .loop-cell:hover{border-color:#8b5cf6;box-shadow:0 0 0 3px #a78bfa24,0 0 28px #8b5cf63d,0 14px 30px #5b21b615;background:#fff;transform:translateY(-4px)}.connected-system .loop-cell:hover{animation-play-state:paused}.connected-system .loop-cell{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.connected-system .loop{border:1.5px solid #c9b0ee;transition:box-shadow .3s ease}.connected-system .loop:hover{box-shadow:0 0 35px #8b5cf620}.connected-system .contrast-item:focus-within{outline:2px solid #7c3aed;outline-offset:3px}@media(prefers-reduced-motion:reduce){.connected-system .loop-cell,.connected-system .loop{transition:none}.connected-system .loop-cell:hover,.connected-system .contrast-item:hover{transform:none}}
.connected-system .loop-cell:hover{animation:none}

.managed-pricing{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin:auto;gap:28px}.managed-pricing .price-card{padding:34px}.managed-pricing .price-card.featured{transform:none}.managed-pricing .price-note{min-height:90px}.managed-pricing ul{font-size:14px}.managed-pricing .price small{font:500 16px Inter,sans-serif}@media(max-width:640px){.managed-pricing{grid-template-columns:1fr}.managed-pricing .price-card{padding:26px}.managed-pricing .price-note{min-height:0}}
.card-link-label{font:600 11px Inter,sans-serif;color:#7c3aed;white-space:nowrap}.contrast-item:focus-visible,.blog-card:focus-visible{outline:3px solid #8b5cf6;outline-offset:4px}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{border:1px solid #dcd1ed;border-radius:22px;overflow:hidden;background:white;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 35px #7c3aed20}.blog-card-art{height:150px;background:linear-gradient(135deg,#eff6ff,#ede5ff);display:flex;align-items:center;justify-content:space-between;padding:30px;color:#8b5cf6}.blog-card-art span{font:800 60px 'Plus Jakarta Sans',sans-serif;opacity:.25}.blog-card-art svg{width:58px;height:58px}.blog-card-copy{padding:26px}.blog-card h3{font-size:24px;margin:12px 0}.blog-card p{font-size:14px;line-height:1.7;color:#696079}.blog-read{display:block;color:#6d28d9;font-size:13px;font-weight:600;margin-top:22px}@media(max-width:760px){.blog-card-grid{grid-template-columns:1fr}.card-link-label{white-space:normal;max-width:80px}}@media(prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}