#rtc-page[data-page="social"]{--social-green:#00FF00;--orange:#ff7a18;--cyan:#00dff2;--purple:#a86cff;--pink:#ff5a9f}
#rtc-page[data-page="social"] main.panel{padding:clamp(14px,3vw,38px);background:linear-gradient(145deg,rgba(0,255,0,.07),transparent 34%),#020705;scrollbar-color:rgba(0,255,0,.55) #050a07}
.social-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(270px,.92fr);align-items:center;gap:22px;min-height:210px;padding:clamp(22px,4vw,42px);overflow:hidden;border:1px solid rgba(0,255,0,.34);border-radius:18px;background:linear-gradient(115deg,rgba(4,24,14,.95),rgba(8,10,10,.9));box-shadow:inset 0 0 35px rgba(0,255,0,.06)}
.social-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(0,229,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.13) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 20%,#000)}
.social-intro{position:relative;z-index:2}.social-intro .eyebrow{margin:0 0 8px!important;color:var(--social-green)!important;font-size:.72rem!important;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
#rtc-page[data-page="social"] .social-intro h1{margin:0 0 12px;text-align:left;color:#fff;font-size:clamp(2rem,5vw,4.25rem);line-height:1;letter-spacing:-.045em;text-shadow:0 0 24px rgba(0,255,0,.27)}
#rtc-page[data-page="social"] .social-intro h1::after{content:"";display:block;width:68px;height:3px;margin-top:14px;background:linear-gradient(90deg,var(--social-green),var(--cyan));box-shadow:0 0 14px rgba(0,255,0,.6)}
#rtc-page[data-page="social"] .hero-copy{margin:0;text-align:left;color:#c8d4ce;font-size:clamp(.93rem,1.6vw,1.08rem);line-height:1.55;max-width:55ch}
.signal-art{position:relative;z-index:1;display:grid;place-items:center;min-height:150px;pointer-events:none}.signal-art svg{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 0 7px rgba(0,255,0,.2))}
.network-framework{stroke:rgba(0,223,242,.2);stroke-width:1;opacity:0;animation:social-framework-in .45s ease-out forwards}.network-line{stroke:var(--social-green);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 3px rgba(0,255,0,.7));animation:social-line-draw .28s ease-out forwards}.line-1{animation-delay:.35s}.line-2{animation-delay:.62s}.line-3{animation-delay:.89s}.line-4{animation-delay:1.16s}
.network-node{transform-box:fill-box;transform-origin:center;fill:#06120b;stroke:var(--social-green);stroke-width:2;opacity:0;animation:social-node-on .22s ease-out forwards}.node-1{animation-delay:.25s}.node-2{animation-delay:.55s}.node-3{animation-delay:.82s}.node-4{animation-delay:1.09s}.node-5{animation-delay:1.36s}.network-node.node-5{animation:social-node-on .22s ease-out 1.36s forwards,social-final-pulse .55s ease-out 1.58s 1}
@keyframes social-framework-in{to{opacity:1}}@keyframes social-line-draw{to{stroke-dashoffset:0}}@keyframes social-node-on{0%{opacity:0;transform:scale(.7)}100%{opacity:1;transform:scale(1)}}@keyframes social-final-pulse{0%,100%{filter:none}50%{filter:drop-shadow(0 0 9px #00FF00);transform:scale(1.18)}}
.network-groups{display:grid;gap:14px;margin-top:18px}.network-group{position:relative;overflow:hidden;border:1px solid rgba(0,255,0,.28);border-radius:16px;background:linear-gradient(110deg,rgba(0,255,0,.055),rgba(255,255,255,.018));transition:border-color .24s ease,box-shadow .24s ease}.network-group.is-open{border-color:rgba(0,255,0,.58);box-shadow:inset 3px 0 0 rgba(0,255,0,.7),0 10px 28px rgba(0,0,0,.22)}
.group-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:17px 18px}.group-index{margin:0 0 4px!important;text-align:left!important;color:var(--social-green)!important;font-size:.65rem!important;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.group-summary h2{margin:0;color:#fff;font-size:clamp(1.15rem,2.2vw,1.45rem);letter-spacing:.015em}.group-hint{margin:5px 0 0!important;text-align:left!important;color:#aebbb4!important;font-size:.8rem!important;line-height:1.4}
.disclosure-button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;min-width:220px;padding:9px 12px;border:1px solid rgba(0,255,0,.38);border-radius:10px;background:#050b07;color:#eaffea;font:inherit;font-size:.76rem;font-weight:800;letter-spacing:.035em;cursor:pointer}.disclosure-icon{display:grid;place-items:center;min-width:24px;color:var(--social-green);font-size:1.25rem;line-height:1}.disclosure-button:hover{border-color:var(--social-green);background:rgba(0,255,0,.08)}.disclosure-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.group-panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .24s cubic-bezier(.22,.75,.3,1),opacity .18s ease;opacity:1}.group-panel[aria-hidden="true"]{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .24s cubic-bezier(.22,.75,.3,1),opacity .14s ease,visibility 0s linear .24s}.group-panel-inner{min-height:0;overflow:hidden}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:2px 18px 18px}.platform-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.platform-card{--accent:var(--social-green);position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:12px;min-height:150px;padding:15px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 35%,#233129);border-radius:13px;background:#080d0a;color:#fff;text-decoration:none;box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent) 4%,transparent);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.platform-card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent);opacity:.8}.platform-media,.internal-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:12px;background:#040805;overflow:hidden;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35))}.platform-media{position:relative;isolation:isolate}.platform-media::before{content:"";position:absolute;z-index:0;inset:-8%;background:var(--media-image) center/cover no-repeat;filter:blur(10px) brightness(.24) saturate(.8);opacity:.82}.platform-media img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center center}.internal-mark{color:var(--social-green);font-size:.75rem;font-weight:900;letter-spacing:.08em;filter:none}
.platform-copy{display:flex;min-width:0;min-height:118px;flex-direction:column}.platform-copy strong{font-size:1rem;line-height:1.2}.platform-copy>span{margin-top:7px;color:#aebbb4;font-size:.78rem;line-height:1.42}.platform-copy small{margin-top:auto;padding-top:9px;color:var(--accent);font-size:.67rem;font-weight:850;letter-spacing:.035em}.accent-pink{--accent:var(--pink)}.accent-purple{--accent:var(--purple)}.accent-cyan{--accent:var(--cyan)}.accent-orange{--accent:var(--orange)}
.platform-card:is(:hover,:focus-visible){transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.32),0 0 16px color-mix(in srgb,var(--accent) 14%,transparent)}.platform-card:is(:hover,:focus-visible) .platform-media img{transform:scale(1.018)}.platform-media img{transition:transform .2s ease}.platform-card:focus-visible{outline:3px solid #fff;outline-offset:3px}.third-party-note{margin:0 18px 12px!important;padding-top:2px;text-align:left!important;color:#91a198!important;font-size:.72rem!important}
@media (min-width:901px){
.network-groups{gap:36px;margin-top:38px}.network-group{overflow:visible;border-color:rgba(0,255,0,.18);border-radius:20px;background:linear-gradient(120deg,rgba(0,255,0,.035),rgba(255,255,255,.012) 52%,transparent)}.network-group.is-open{border-color:rgba(0,255,0,.34);box-shadow:inset 2px 0 0 rgba(0,255,0,.5),0 18px 42px rgba(0,0,0,.22)}
.group-summary{padding:25px 28px 23px}.group-summary h2{font-size:clamp(1.55rem,2.4vw,2rem);letter-spacing:-.015em}.group-index{margin-bottom:7px!important}.group-hint{margin-top:8px!important;color:#96a69d!important}.disclosure-button{justify-content:center;gap:7px;min-width:0;min-height:30px;padding:4px 10px;border-color:rgba(0,255,0,.25);border-radius:999px;background:rgba(3,12,7,.65);color:#afbeb5;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.disclosure-icon{min-width:13px;font-size:.82rem}.disclosure-button:hover{box-shadow:0 0 12px rgba(0,255,0,.12)}
.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;padding:3px 28px 30px}.platform-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.platform-card{display:flex;min-height:0;flex-direction:column;gap:0;padding:0;border-radius:17px;background:linear-gradient(145deg,#080d0a,#050906);box-shadow:inset 0 0 28px color-mix(in srgb,var(--accent) 4%,transparent),0 12px 28px rgba(0,0,0,.2);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.platform-card::before{inset:auto 0 0;width:auto;height:2px;opacity:.75}
.platform-media,.platform-card .internal-mark{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 34%,#1c2821);border-radius:0;background:#020503;filter:drop-shadow(0 8px 14px rgba(0,0,0,.38));transition:filter .28s ease}.platform-media img{transition:transform .28s ease,filter .28s ease}.platform-copy{min-height:184px;padding:24px 26px 25px}.platform-copy strong{font-size:clamp(1.3rem,1.7vw,1.6rem);letter-spacing:-.015em}.platform-copy>span{max-width:56ch;margin-top:11px;font-size:.94rem;line-height:1.58}.platform-copy small{padding-top:19px;font-size:.78rem;line-height:1.35}
.platform-card:is(:hover,:focus-visible){transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 20px color-mix(in srgb,var(--accent) 17%,transparent)}.platform-card:is(:hover,:focus-visible) .platform-media img{transform:scale(1.012);filter:brightness(1.06)}.platform-card:is(:hover,:focus-visible) small{text-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}
.platform-grid--three .platform-copy{min-height:205px;padding:22px 22px 24px}.platform-grid--three .platform-copy strong{font-size:clamp(1.2rem,1.5vw,1.45rem)}.platform-grid--three .platform-copy>span{font-size:.89rem}.third-party-note{margin:0 28px 18px!important;font-size:.78rem!important}
}
@media (min-width:1100px){
.network-groups{width:100%;max-width:1280px;margin-inline:auto}
.platform-grid,.platform-grid--three{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:3px 24px 26px}
.platform-media,.platform-card .internal-mark{height:auto;aspect-ratio:16/9}
.platform-copy,.platform-grid--three .platform-copy{min-height:156px;padding:20px 22px 22px}
.platform-copy>span{margin-top:9px;line-height:1.48}.platform-copy small{padding-top:13px}
.third-party-note{margin-inline:24px!important}
}
@media (min-width:601px) and (max-width:900px){.platform-grid,.platform-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card{display:flex;min-height:0;flex-direction:column;gap:0;padding:0}.platform-media,.platform-card .internal-mark{width:100%;height:auto;aspect-ratio:16/9;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:0}.platform-copy{min-height:150px;padding:17px 18px 19px}.platform-copy small{margin-top:auto;padding-top:10px}}
@media (max-width:900px){.social-hero{grid-template-columns:minmax(0,1fr) minmax(210px,.65fr)}.group-summary{grid-template-columns:1fr}.disclosure-button{width:100%;min-width:0}.social-ready .network-group:not(.is-open) .group-panel{visibility:hidden}}
@media (max-width:680px){.social-hero{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:14px}.social-intro{max-width:none}.signal-art{position:relative;z-index:1;top:auto;right:auto;width:100%;max-width:100%;height:clamp(120px,31vw,165px);min-height:0;overflow:hidden;opacity:.82}.signal-art::before{content:"";position:absolute;inset:0;border-top:1px solid rgba(0,223,242,.18);background:linear-gradient(180deg,rgba(0,223,242,.025),transparent);pointer-events:none}.signal-art svg{display:block;width:100%;max-width:100%;height:100%;margin:auto;overflow:hidden}}
@media (max-width:600px){#rtc-page[data-page="social"] main.panel{padding:12px}.social-hero{gap:12px;padding:19px 17px 14px}.social-intro{position:relative;z-index:2}#rtc-page[data-page="social"] .social-intro h1{margin-bottom:10px;font-size:clamp(1.85rem,9vw,2.45rem)}#rtc-page[data-page="social"] .social-intro h1::after{margin-top:11px}#rtc-page[data-page="social"] .hero-copy{font-size:.87rem;line-height:1.45}.signal-art{max-height:150px}.social-hero::before{opacity:.2;mask-image:linear-gradient(180deg,transparent 8%,#000)}.network-groups{gap:10px;margin-top:12px}.group-summary{gap:11px;padding:14px}.group-hint{font-size:.75rem!important}.disclosure-button{min-height:44px}.platform-grid,.platform-grid--three{grid-template-columns:1fr;gap:10px;padding:0 12px 12px}.platform-card{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:0;padding:0}.platform-media,.platform-card .internal-mark{width:100%;height:auto;aspect-ratio:16/9;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:0;background:#040805;filter:drop-shadow(0 5px 10px rgba(0,0,0,.42))}.platform-copy{justify-content:center;min-height:0;padding:14px 15px 16px}.platform-copy strong{font-size:1.05rem}.platform-copy>span{margin-top:7px;font-size:.76rem;line-height:1.38}.platform-copy small{margin-top:9px;padding-top:0;font-size:.68rem;line-height:1.3}.third-party-note{margin:0 12px 10px!important}.network-group.is-open .platform-card{animation:social-card-in .2s ease-out both}.network-group.is-open .platform-card:nth-child(2){animation-delay:35ms}.network-group.is-open .platform-card:nth-child(3){animation-delay:70ms}.network-group.is-open .platform-card:nth-child(4){animation-delay:105ms}.network-group.is-open .platform-card:nth-child(n+5){animation-delay:140ms}@keyframes social-card-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media (max-width:340px){.group-summary{padding:12px}.platform-card{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:0;padding:0}.platform-media,.platform-card .internal-mark{width:100%;height:auto;aspect-ratio:16/9;border:0;border-bottom:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:0}.platform-copy{padding:12px 13px 14px}.platform-copy>span{margin-top:6px}.platform-copy small{margin-top:8px}}
@media (prefers-reduced-motion:reduce){.network-framework,.network-line,.network-node,.network-node.node-5{animation:none;opacity:1;transform:none}.network-line{stroke-dashoffset:0}.group-panel,.network-group,.platform-card,.platform-media img{animation:none!important;transition:none!important}}

/* Compact direct-contact endpoint after the social network directory. */
.social-contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:clamp(34px,6vw,62px);padding:clamp(20px,3.5vw,32px);border:1px solid rgba(0,255,0,.34);border-radius:16px;background:linear-gradient(110deg,rgba(0,255,0,.07),rgba(255,122,24,.035) 70%,transparent),#060b08;box-shadow:inset 3px 0 0 rgba(0,255,0,.6)}
.social-contact__copy{text-align:left}.social-contact__eyebrow{margin:0 0 6px!important;text-align:left!important;color:var(--social-green)!important;font-size:.66rem!important;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.social-contact h2{margin:0;color:#fff;font-size:clamp(1.25rem,2.4vw,1.8rem)}#rtc-page[data-page="social"] .social-contact__copy>p:last-child{max-width:68ch;margin:9px 0 0;text-align:left;color:#b8c5bd;font-size:.9rem;line-height:1.55}
.social-contact__cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid var(--social-green);border-radius:999px;background:rgba(0,255,0,.08);color:#effff1;font-size:.82rem;font-weight:900;letter-spacing:.035em;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.social-contact__cta:is(:hover,:focus-visible){transform:translateY(-2px);background:rgba(0,255,0,.15);color:var(--social-green);box-shadow:0 0 18px rgba(0,255,0,.15)}.social-contact__cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:600px){.social-contact{grid-template-columns:1fr;gap:17px;margin-top:28px;padding:18px}.social-contact__cta{width:100%;white-space:normal}}
@media(prefers-reduced-motion:reduce){.social-contact__cta{transition:none}.social-contact__cta:is(:hover,:focus-visible){transform:none}}

/* Collapsed RTC network directory */
.network-groups{gap:12px;margin-top:14px}
.network-group{overflow:hidden}
.group-summary{position:relative;width:100%;grid-template-columns:minmax(0,1fr) auto auto;min-height:112px;padding:17px 20px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;isolation:isolate}
.group-summary::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(0,255,0,.08) 50%,transparent 65%);transform:translateX(-110%);transition:transform .65s ease}
.group-summary:hover::before{transform:translateX(110%)}
.group-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
.group-index,.group-title,.group-hint{display:block}
.group-title{color:#fff;font-size:clamp(1.3rem,2.2vw,1.8rem);font-weight:750;line-height:1.18;letter-spacing:-.015em}
.group-meta{padding-right:clamp(8px,2vw,28px);color:#789083;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.disclosure-button{width:clamp(120px,10vw,146px);min-width:120px;min-height:48px;padding:10px 14px;text-transform:uppercase;pointer-events:none}
.disclosure-icon{transition:transform .24s ease}
.group-summary[aria-expanded="true"] .disclosure-icon{transform:rotate(180deg)}
.group-summary:hover .disclosure-button{border-color:var(--social-green);background:rgba(0,255,0,.08);box-shadow:0 0 14px rgba(0,255,0,.12)}
.group-summary:hover .disclosure-icon{transform:translateY(2px)}
.group-summary[aria-expanded="true"]:hover .disclosure-icon{transform:rotate(180deg) translateY(2px)}
.group-summary:focus-visible{outline:3px solid #fff;outline-offset:-4px;border-radius:14px}
.network-group:not(.is-open):hover{border-color:rgba(0,255,0,.58);box-shadow:0 0 18px rgba(0,255,0,.08)}
.group-panel-inner{opacity:1;transform:translateY(0);transition:opacity .2s ease .06s,transform .24s ease .04s}
.group-panel[aria-hidden="true"] .group-panel-inner{opacity:0;transform:translateY(-7px)}

@media (min-width:901px){
  #rtc-page[data-page="social"] main.panel{padding-top:clamp(14px,2vw,26px);padding-bottom:max(140px,calc(112px + env(safe-area-inset-bottom)))}
  .social-hero{min-height:180px;padding:clamp(20px,2.7vw,32px)}
  .network-groups{gap:14px;margin-top:16px}
  .network-group{overflow:hidden;border-radius:16px}
  .group-summary{min-height:118px;padding:18px 24px}
  .group-summary .group-index{margin-bottom:6px!important}
  .group-summary .group-hint{margin-top:7px!important}
}
@media (max-width:900px){
  .group-summary{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:0;padding:16px}
  .group-meta{align-self:end;padding:0 0 3px;text-align:right}
  .disclosure-button{grid-column:1/-1;width:100%;min-height:48px}
}
@media (max-width:600px){
  .group-summary{grid-template-columns:1fr;gap:9px;padding:15px}
  .group-meta{align-self:auto;text-align:left}
  .group-summary .disclosure-button{margin-top:2px}
  /* The page shell already reserves the fixed dock, safe area, and 24px breathing room. */
  .social-contact{margin-bottom:0;border-color:rgba(0,255,0,.45);box-shadow:inset 3px 0 0 rgba(0,255,0,.72),0 12px 30px rgba(0,0,0,.25)}
  .social-contact__cta{min-height:50px;border-radius:10px;text-transform:uppercase;letter-spacing:.075em}
}
@media (prefers-reduced-motion:reduce){
  .group-summary::before,.group-panel-inner,.disclosure-icon{transition:none!important}
  .group-summary::before{display:none}
}