.connections-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);align-items:center;gap:32px;padding:clamp(28px,5vw,62px);margin-bottom:18px;border:1px solid #4cefff55;border-radius:30px;background:radial-gradient(circle at 78% 48%,#28e8ff26,transparent 28%),radial-gradient(circle at 12% 8%,#e93bff1d,transparent 35%),linear-gradient(145deg,#111222ed,#0a171ded);box-shadow:0 25px 90px #0008,inset 0 1px #ffffff32}
.connections-hero h1{max-width:850px;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.95;letter-spacing:-.055em}.connections-hero p:not(.eyebrow){max-width:760px;margin-top:20px;font-size:1.08rem;line-height:1.65}
.signal-orbit{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid #54ebff58;border-radius:50%;box-shadow:0 0 80px #34e8ff24,inset 0 0 55px #4cefff13}.signal-orbit b{color:#bff9ff;letter-spacing:.2em;text-shadow:0 0 22px #46ecff}.signal-orbit span{position:absolute;width:14px;height:14px;border-radius:50%;background:#4cefff;box-shadow:0 0 20px #4cefff}.signal-orbit span:nth-child(1){top:9%}.signal-orbit span:nth-child(2){right:8%;bottom:26%;background:#ff50cf;box-shadow:0 0 20px #ff50cf}.signal-orbit span:nth-child(3){left:7%;bottom:21%;background:#82ff9d;box-shadow:0 0 20px #82ff9d}
.connection-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 38px}.connection-summary article{padding:20px;border:1px solid #ffffff1f;border-radius:20px;background:linear-gradient(145deg,#ffffff10,#ffffff05);box-shadow:inset 0 1px #ffffff1b;backdrop-filter:blur(18px)}.connection-summary span{display:block;color:#bdf8ff;font-size:clamp(1.8rem,4vw,3rem);font-weight:800}.connection-summary p{margin:3px 0 0}
.connection-toolbar{display:flex;align-items:end;justify-content:space-between;gap:22px}.connection-toolbar h2{font-size:clamp(1.8rem,4vw,3rem)}.platform-search{width:min(420px,100%);margin:0}.platform-search input{margin-top:7px;background:#080b13d9}
.capability-legend{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.filter-chip{padding:9px 13px;border:1px solid #ffffff28;border-radius:999px;background:#ffffff0a;color:#f8f6fb;cursor:pointer}.filter-chip:hover,.filter-chip.active{border-color:#4cefff;background:#4cefff19;box-shadow:0 0 18px #4cefff28}
.platform-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 40px}.platform-card{position:relative;display:flex;min-height:325px;flex-direction:column;padding:21px;border:1px solid #ffffff1f;border-radius:23px;background:linear-gradient(145deg,#ffffff0e,#ffffff05);box-shadow:inset 0 1px #ffffff1f;backdrop-filter:blur(20px);transition:border-color .2s,transform .2s,box-shadow .2s}.platform-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 20%,#ffffff0b 45%,transparent 70%);background-size:220% 100%;opacity:0;transition:opacity .2s}.platform-card:hover{transform:translateY(-3px);border-color:#4cefff70;box-shadow:0 20px 50px #0005,0 0 24px #4cefff13}.platform-card:hover::after{opacity:1;animation:platform-sheen 1.1s ease}.platform-card.is-connected{border-color:#75ff9a70;box-shadow:inset 0 1px #ffffff22,0 0 28px #5dff8d10}
.platform-card-head{display:flex;align-items:center;gap:14px}.platform-card-logo{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffffff2b;border-radius:17px;background:#fff;box-shadow:0 8px 25px #0004}.platform-card-logo .platform-brand-logo{width:38px;height:38px;margin:0;padding:0;border-radius:0}.platform-card h3{margin:0 0 3px;font-size:1.25rem}.connection-state{font-size:.78rem;color:#c5bdcc}.connection-state.connected{color:#86ffa2;font-weight:800}.connection-state.connected::before{content:"● ";text-shadow:0 0 10px #5dff85}
.capabilities{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0 11px}.capability{padding:5px 8px;border:1px solid #ffffff24;border-radius:999px;font-size:.69rem;font-weight:800;letter-spacing:.02em;background:#ffffff09}.capability.live{color:#ff8ace;border-color:#ff4cb865;background:#ff4cb810}.capability.sales{color:#83ff9f;border-color:#5dff7f60;background:#5dff7f10}.capability.publish{color:#7defff;border-color:#43e9ff60;background:#43e9ff10}.capability.ads{color:#ffc369;border-color:#ffa53662;background:#ffa53610}.capability.schedule{color:#cf9dff}.capability.analytics{color:#fff472}.capability.commerce{color:#ff9f91}.capability.community{color:#aab7ff}
.platform-card>p{line-height:1.5}.connected-details{margin:4px 0 14px;padding-left:20px;color:#bfffcf;font-size:.86rem}.platform-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}.platform-action{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid #4cefff75;border-radius:12px;background:#4cefff12;color:#c7fbff;font-weight:800;cursor:pointer}.platform-action.manage{border-color:#74ff9670;background:#74ff9610;color:#a6ffb8}.platform-action:disabled{cursor:not-allowed;opacity:.48}.platform-info{font-size:.78rem;color:#c5bdcc}.connection-truth{margin-bottom:44px;border-color:#4cefff42}.connection-truth>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}.connection-truth>div p{margin:0;padding:14px;border:1px solid #ffffff19;border-radius:14px;background:#ffffff08;line-height:1.5}
.platform-actions{display:flex;flex-wrap:wrap;gap:7px}.platform-actions:has(.platform-action+.platform-action) .platform-action{padding:8px 9px;font-size:.75rem}
@keyframes platform-sheen{from{background-position:200% 0}to{background-position:-100% 0}}
.connection-controls{margin:12px 0;font-size:.85rem}.connection-controls summary{cursor:pointer;color:#bff9ff;padding:8px 0}.connection-controls ul{list-style:none;padding:0}.connection-controls li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.connection-controls li span{width:100%;overflow-wrap:anywhere}.platform-action.remove{border-color:#ff738970;color:#ffb8c3;background:#ff738910}.connection-controls p{line-height:1.5;font-size:.78rem}.platform-card [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.platform-card,.platform-card::after{transition:none!important;animation:none!important}.platform-card:hover{transform:none}}
@media(max-width:1100px){.platform-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.connections-hero{grid-template-columns:1fr}.signal-orbit{max-width:260px}.connection-toolbar{align-items:flex-start;flex-direction:column}.platform-directory,.connection-summary,.connection-truth>div{grid-template-columns:1fr}.platform-card{min-height:0}}

.account-launch{margin:0 0 24px}.account-launch>summary,.connection-truth>summary,.search-presence>summary{cursor:pointer;font-weight:800;padding:8px 0}
.account-launch p{max-width: 760px;line-height:1.6}.account-launch-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-left:24px;margin:20px 0}.account-launch-steps span{display:block;line-height:1.5;color:var(--muted)}
.profile-kit{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.profile-kit input,.profile-kit textarea,#profile-kit-output{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-sizing:border-box}
.account-start-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.search-presence{margin-top:20px;padding-top:12px;border-top:1px solid var(--line)}
.connections-hero h1{font-size:clamp(2rem,4vw,3.8rem);line-height:1.12}.connections-hero{padding:clamp(24px,3vw,40px)}
@media(max-width:720px){.profile-kit,.account-launch-steps{grid-template-columns:1fr}.signal-orbit{display:none}}