/* A connected energy network, with all audience copy permanently visible. */
.audience-network{background:radial-gradient(ellipse at 0 65%,#dcebe24d,transparent 55%),#fcfdfb;position:relative}
.audience-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:54px}.audience-heading h2{max-width:24ch;font-size:clamp(2rem,3.7vw,3.3rem)}.audience-heading-note{font:500 .64rem/1.9 var(--font);letter-spacing:.14em;color:#648476;text-align:right;padding-bottom:6px;flex-shrink:0}
.audience-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,76px);align-items:start}
.network-console{position:sticky;top:105px;min-width:0;padding:25px 25px 28px;border-radius:22px;background:radial-gradient(ellipse at 50% 50%,#105b52,#063f40 75%);border:1px solid #0d5e50;box-shadow:0 28px 55px #093f3b1c;color:#d8e9db;overflow:hidden;isolation:isolate}
.network-console::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#b7f6d406 48%,transparent 65%);pointer-events:none}.network-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;font:500 .6rem var(--font);letter-spacing:.15em}.network-console-head i{display:inline-block;width:5px;height:5px;margin-right:8px;background:#ffcf47;border-radius:50%;box-shadow:0 0 12px #ffcf4770}.network-motion-toggle{width:31px;height:31px;display:grid;place-items:center;appearance:none;background:#ffffff07;border:1px solid #b3d5be33;color:#d8e9db;border-radius:50%;cursor:pointer;transition:border-color .2s,background .2s}.network-motion-toggle:hover{border-color:#ffcf47;background:#ffcf470a}.network-motion-toggle:disabled{opacity:.5;cursor:default}
.network-drawing{display:block;width:100%;height:auto;overflow:visible;margin:27px auto 23px}.network-orbit{transform-origin:220px 231px;animation:network-orbit 36s linear infinite}.network-core{filter:drop-shadow(0 0 14px #96d69b12)}.core-pulse{transform-origin:220px 231px;animation:network-pulse 4.5s ease-out infinite}.network-routes .route-base{stroke:#98bba34d;stroke-width:1.1}.route-current{stroke:#ffd151;stroke-width:1.7;stroke-dasharray:3 24;animation:network-current 3.2s linear infinite;opacity:.65;transition:opacity .3s,stroke-width .3s}.route-current[data-sector="1"]{animation-delay:-.8s}.route-current[data-sector="2"]{animation-delay:-1.6s}.route-current[data-sector="3"]{animation-delay:-2.4s}.network-node rect{fill:#0b4b47;stroke:#92bda34d;stroke-width:1;transition:stroke .3s,fill .3s}.network-symbol{stroke:#b3d8bf;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.network-window{stroke:#ffcf47;animation:network-window 5s ease-in-out infinite}.network-node[data-sector="1"] .network-window{animation-delay:-1.2s}.network-node[data-sector="2"] .network-window{animation-delay:-2.4s}.network-node[data-sector="3"] .network-window{animation-delay:-3.6s}.network-node text{fill:#a7c7b2;font:500 8px var(--font);letter-spacing:1.2px;text-anchor:middle}.network-console.is-highlighting .network-node:not(.is-highlighted){opacity:.6}.network-node{transition:opacity .3s}.network-node.is-highlighted rect{stroke:#ffcf47;fill:#205c4b}.network-node.is-highlighted .network-symbol{stroke:#ffdf70}.route-current.is-highlighted{opacity:1;stroke-width:2.8}
.network-console-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #b4d5b626;padding-top:23px;font-size:.85rem;line-height:1.7;color:#a9c6b4}.network-console-foot strong{color:#eff7ed;font:600 1.22rem var(--display);letter-spacing:-.02em}.network-foot-arrow{font-size:2.5rem;color:#ffd151;line-height:1;font-weight:300}
.audience-list{border-top:1px solid #cbdccf;min-width:0}.audience-row{position:relative;display:grid;grid-template-columns:35px minmax(0,1fr);gap:20px;padding:32px 24px 32px 0;border-bottom:1px solid #cbdccf;isolation:isolate}.audience-row::before{content:"";position:absolute;inset:12px -16px;z-index:-1;border-radius:12px;background:linear-gradient(90deg,#e9f1e6,transparent);opacity:0;transition:opacity .3s}.audience-row:hover::before,.audience-row:focus-within::before{opacity:1}.audience-index{font:500 .7rem var(--font);letter-spacing:.07em;color:#597e68;padding-top:8px;position:relative}.audience-index::after{content:"";display:block;width:16px;height:2px;background:#d4ad33;margin-top:13px;transition:width .3s}.audience-row:hover .audience-index::after,.audience-row:focus-within .audience-index::after{width:27px}.audience-copy h3{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:600;line-height:1.17;letter-spacing:-.03em;max-width:25ch;margin-bottom:12px}.audience-copy p{font-size:.94rem;line-height:1.75;color:#557266;max-width:52ch}.audience-copy .tag{display:inline-flex;gap:16px;align-items:center;margin-top:20px;font-size:.81rem;font-weight:600;color:#085959;text-decoration:none;padding-bottom:3px;border-bottom:1px solid #91ae96;transition:gap .25s,border-color .25s}.audience-copy .tag::after{content:"→";font-size:1rem}.audience-copy .tag:hover{gap:24px;border-color:#085959}.audience-corner{position:absolute;top:34px;right:0;color:#90ab94;font-size:1.1rem;transition:color .3s,transform .3s}.audience-row:hover .audience-corner{color:#085959;transform:translate(2px,-2px)}
.network-console:not(.network-running) *,.network-console:not(.network-running) *::before{animation-play-state:paused!important}
@keyframes network-current{to{stroke-dashoffset:-108}}@keyframes network-orbit{to{transform:rotate(360deg)}}@keyframes network-pulse{0%{opacity:.5;transform:scale(.95)}75%,100%{opacity:0;transform:scale(1.2)}}@keyframes network-window{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:1100px){.audience-layout{gap:35px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.network-console{padding:20px}.audience-row{gap:12px;padding-block:27px}.audience-copy p{font-size:.88rem}.audience-heading-note{display:none}.network-console-foot strong{font-size:1.05rem}}
@media(max-width:760px){.audience-heading{margin-bottom:34px}.audience-layout{grid-template-columns:1fr;gap:38px}.network-console{position:relative;top:auto;max-width:480px;width:100%;margin-inline:auto;padding:23px;border-radius:17px}.network-drawing{max-width:370px;margin-block:21px}.audience-row{padding:27px 24px 27px 0;grid-template-columns:32px minmax(0,1fr);gap:16px}.audience-copy h3{font-size:1.55rem}.audience-copy p{font-size:.94rem}.network-console-foot strong{font-size:1.2rem}.audience-row::before{inset:8px -8px}.audience-copy .tag{font-size:.83rem}}
@media(max-width:480px){.network-console{padding:20px 17px}.network-console-head{font-size:.55rem;letter-spacing:.1em}.network-drawing{margin-block:18px}.network-console-foot{padding-top:18px}.network-console-foot strong{font-size:1.1rem}.audience-row{gap:12px;grid-template-columns:27px minmax(0,1fr)}.audience-copy h3{font-size:1.38rem}.audience-copy p{font-size:.89rem}.audience-copy .tag{font-size:.8rem}.audience-heading h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.audience-network *{animation:none!important;transition:none!important}.core-pulse{opacity:.2}}