.connected-studio{border:1px solid #dce5f1;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #18395a06}.connected-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f7f9fc;border-bottom:1px solid #dce5f1}.connected-selector button{display:flex;align-items:center;gap:12px;padding:20px 24px;text-align:left;border:0;border-right:1px solid #dce5f1;background:transparent;color:#657994;font:inherit;font-size:12px;font-weight:650;cursor:pointer;box-shadow:inset 0 -2px transparent;transition:background .2s,color .2s}.connected-selector button:last-child{border-right:0}.connected-selector button>span:first-child{font-size:10px;font-weight:500;color:#6984aa}.connected-selector button>span:last-child{margin-left:auto;color:#0057dc}.connected-selector button[aria-pressed=true]{background:#fff;color:#003bc7;box-shadow:inset 0 -2px #0057dc}.connected-selector button:hover{background:#edf4ff}.connected-selector button:focus-visible{outline:3px solid #1478ff;outline-offset:-5px}.connected-scene{display:grid;grid-template-columns:.9fr 1.1fr;min-height:360px}.connected-copy{padding:40px}.connected-copy h3{font-size:32px;line-height:1.15;letter-spacing:-.045em;color:#0b1c33;max-width:340px;margin:15px 0}.connected-copy>p{color:#5c6f88;font-size:14px;line-height:1.85;max-width:390px;margin:0 0 23px}.connected-copy>a{font-size:12px;color:#003bc7;font-weight:650}.connected-copy>a span{margin-left:7px}.connected-blueprint{position:relative;display:flex;flex-direction:column;justify-content:center;padding:26px 30px;background:radial-gradient(ellipse at 45% 45%,#ffffffdd 0,#ffffff00 70%),linear-gradient(#1478ff09 1px,transparent 0),linear-gradient(90deg,#1478ff09 1px,transparent 0),#f1f6ff;background-size:auto,22px 22px,22px 22px,auto;border-left:1px solid #e1e9f4}.blueprint-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;font-weight:650;color:#6a83a4;margin-bottom:28px}.blueprint-nodes{display:grid;grid-template-columns:1fr 88px 1fr;align-items:center}.blueprint-node{min-width:0;padding:20px 12px;background:#fff;border:1px solid #d4e3f7;border-radius:13px;box-shadow:0 10px 25px #1b4e9a09;display:flex;flex-direction:column;align-items:center;gap:10px}.blueprint-node-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#0057dc;background:#eaf2ff;font-size:20px}.blueprint-node small{font-size:8px;letter-spacing:.13em;color:#6a80a0}.blueprint-node strong{font-size:13px;color:#1b3a60;font-weight:650;white-space:nowrap}.blueprint-destination{border-color:#78b7fa;box-shadow:0 8px 30px #1478ff14}.blueprint-destination .blueprint-node-icon{color:#fff;background:#0057dc}.blueprint-bridge{display:flex;align-items:center;gap:8px}.blueprint-bridge>span{flex:1;height:1px;background:#80b9ff}.blueprint-bridge img{filter:drop-shadow(0 4px 6px #1478ff22)}.blueprint-detail{padding:17px 20px;margin:20px 0;border:1px solid #dbe6f5;background:#ffffffba;border-radius:11px}.blueprint-detail>span{font-size:10px;font-weight:650;color:#2c5481}.blueprint-detail>div{display:flex;justify-content:space-between;gap:12px;margin-top:13px}.blueprint-detail>div>span{font-size:9px;color:#637f9e;line-height:1.5}.blueprint-detail i{color:#0057dc;font-style:normal;padding-right:4px}.blueprint-footer{display:flex;align-items:center;gap:6px;font-size:9px;color:#4c6d98}.blueprint-footer small{margin-left:auto;font-size:8px;color:#6d83a0}.blueprint-dot{width:5px;height:5px;background:#1478ff;border-radius:50%}@media(max-width:1050px){.connected-copy{padding:28px}.connected-blueprint{padding:22px 20px}.blueprint-nodes{grid-template-columns:1fr 64px 1fr}.blueprint-node strong{font-size:11px}.blueprint-detail{padding:14px}.blueprint-detail>div{gap:7px}.connected-selector button{padding:18px 15px;font-size:11px;gap:8px}}@media(max-width:700px){.connected-selector button{flex-direction:column;align-items:start;justify-content:start;gap:8px;font-size:10px;line-height:1.4;padding:14px 12px}.connected-selector button>span:last-child{display:none}.connected-scene{grid-template-columns:1fr}.connected-copy{padding:27px;min-height:290px}.connected-copy h3{font-size:30px;max-width:320px}.connected-copy>p{font-size:13px;line-height:1.8}.connected-blueprint{border-left:0;border-top:1px solid #e1e9f4;padding:22px 17px}.blueprint-label{margin-bottom:20px}.blueprint-nodes{grid-template-columns:1fr 60px 1fr}.blueprint-node{padding:17px 7px}.blueprint-node strong{font-size:10px}.blueprint-node small{font-size:7px}.blueprint-detail>div>span,.blueprint-footer{font-size:8px}.blueprint-footer small{font-size:7px}}@media(prefers-reduced-motion:reduce){.connected-selector button{transition:none}}