/* Candidate A visual, with accessible sender interaction only. */
.broadcast-network{transform:none;transform-origin:center}
.hero-motion{z-index:3}
.people-hero::before{opacity:1}
.broadcast-hub-disc{fill:#f0f4ff;stroke:#ffffff;stroke-width:1.8}
.broadcast-hub-rim{stroke-width:1.5;opacity:.8}
.broadcast-hub-ring{stroke-dasharray:52 12 2 12;stroke-width:1;opacity:.3}
.broadcast-member[data-depth="0.4"],.broadcast-member[data-depth="0.45"]{filter:none}
.broadcast-member[data-depth="1.2"] .broadcast-disc{stroke:#ffffffb3;stroke-width:1.2}
.broadcast-links path{stroke-width:.8}
.broadcast-links path[data-kind=input]{stroke-width:1}
.broadcast-member.sender{pointer-events:all;cursor:pointer;touch-action:manipulation;outline:none}
.sender-hit{fill:transparent;stroke:none;pointer-events:all}
.sender-focus{fill:none;stroke:#425b82;stroke-width:1.8;opacity:0;pointer-events:none}
.sender:focus-visible .sender-focus{opacity:1}
@media(hover:hover){.sender:hover .broadcast-disc{stroke:#7d92b6;stroke-width:2}.sender:hover .broadcast-rim{opacity:.8!important}}
.sender[aria-disabled=true]{cursor:default}
.action-packet rect{fill:#fff;stroke:#7d92b6;stroke-width:.8}
.action-packet path{stroke:#7d92b6;stroke-width:1.4;stroke-linecap:round}
.action-packet .status-line{stroke:#425b82;stroke-width:2}
.action-light{fill:#637da3;stroke:#fff;stroke-width:1.2}
.action-hub-ring{fill:none;stroke:#7d92b6;stroke-width:1;pointer-events:none}

.action-comet{pointer-events:none}
.action-comet path{fill:none;stroke:#637da3;stroke-linecap:round}

/* Semantic CI tokens are ready for the future two CTA surfaces; no CTA is changed here. */
:root{--hero-business-surface:#425b82;--hero-business-ink:#f4f8ff;--hero-people-surface:#e9f1ff;--hero-people-ink:#637da3}
.broadcast-member.business-node .broadcast-disc{fill:var(--hero-business-surface)}
.broadcast-member .business-symbol{fill:none;stroke:var(--hero-business-ink);stroke-width:2;stroke-linejoin:round}
.business-symbol rect{fill:var(--hero-business-ink);stroke:none}
.broadcast-member.people-node .broadcast-disc{fill:url(#broadcast-glass)}
.broadcast-member.people-node .broadcast-person{fill:var(--hero-people-ink)}
.action-packet{pointer-events:none}
.action-packet text{font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.3px;fill:#425b82}
.action-packet[data-kind="business"] rect,.action-packet[data-kind="business"] .status-line{stroke:var(--hero-business-surface)}
.action-packet[data-kind="people"] rect,.action-packet[data-kind="people"] .status-line{stroke:var(--hero-people-ink)}
@media(max-width:600px){.hero-mobile-secondary{display:none}.action-packet text{font-size:9px;letter-spacing:.15px}}

/* Readable message cards and eight discoverable senders; layout stays untouched. */
.sender-ready{fill:none;stroke:#637da3;stroke-width:.8;opacity:.45;pointer-events:none}
.action-packet .card-surface{fill:#fbfcff;stroke:#a8b8cf;stroke-width:.75}
.action-packet .card-data{stroke:#a8b8cf;stroke-width:.75;opacity:.75}
.action-packet .card-business path{fill:none;stroke:var(--hero-business-surface);stroke-width:2.2}
.action-packet .card-people circle,.action-packet .card-people path{fill:var(--hero-people-ink);stroke:none}
.action-packet[data-kind=business] .card-people,.action-packet[data-kind=people] .card-business{display:none}
.action-packet[data-kind=business] .card-surface{stroke:#7d92b6}
.action-packet[data-kind=people] .card-surface{stroke:#a8b8cf}
.broadcast-member.business-node .business-symbol{fill:none}

/* Discoverable senders and the two matching destinations directly below the hero. */
.sender-ready{stroke:#425b82;stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:unset;transition:stroke-width 160ms,stroke 160ms}
.sender .broadcast-disc{filter:drop-shadow(0 2px 3px #425b8229)}
.sender:focus-visible .sender-ready{stroke:#304766;stroke-width:2}
.sender[aria-disabled=false]:active .sender-ready{stroke:#304766;stroke-width:2.6;opacity:1!important}
@media(hover:hover) and (pointer:fine){.sender[aria-disabled=false]:hover .sender-ready{stroke:#304766;stroke-width:2;opacity:1!important}.sender[aria-disabled=false]:hover .broadcast-disc{filter:drop-shadow(0 3px 5px #425b8240)}}
@media(prefers-reduced-motion:reduce){.sender-ready{transition:none}}
.sender:focus-visible .sender-focus{stroke-width:2.2}
.hero-interaction-hint{position:absolute;left:0;bottom:0;margin:0;color:#425b82;font-size:12px;font-weight:400;line-height:1.4;pointer-events:none;padding:6px 10px;border-radius:20px;background:#e9edffeb}
.hero-motion[data-highlight=business] .business-node,.hero-motion[data-highlight=people] .people-node{opacity:1!important}
.hero-motion[data-highlight=business] .business-node .broadcast-rim,.hero-motion[data-highlight=people] .people-node .broadcast-rim{opacity:.6!important;stroke:#637da3;stroke-width:1.1}
.company{padding-block:64px 68px}
.company .company-statement{max-width:1080px;font-size:clamp(25px,2.4vw,35px);line-height:1.45}
.company .company-statement>span{color:#57616f}
.company .company-paths{grid-template-columns:1fr 1fr;max-width:800px;gap:14px;margin-top:30px}
.company-paths>a.company-portal{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-height:84px;padding:16px 20px;border:1px solid transparent;border-radius:12px;transition:transform 220ms,border-color 220ms,box-shadow 220ms;background:var(--hero-business-surface);color:var(--hero-business-ink);text-decoration:none;touch-action:manipulation}
.company-paths>a.portal-people{background:var(--hero-people-surface);color:#304766;border-color:#7d92b64d}
.company-portal .portal-symbol{display:block;flex:0 0 36px;width:36px;height:36px}
.company-portal .portal-copy{min-width:0}
.company-portal .portal-symbol svg{display:block;width:100%;height:100%;overflow:visible}
.company-portal .portal-ring{fill:none;stroke:currentColor;stroke-width:.7;opacity:.45;transition:opacity 220ms}
.company-portal .portal-building{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.company-portal .portal-building rect{fill:currentColor;stroke:none}
.company-portal .portal-person{fill:var(--hero-people-ink)}
.company-portal .path-title{display:block;font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.2;color:inherit}
.company-portal .path-description{margin-top:5px;font-size:12px;line-height:1.45;color:inherit;opacity:.85}
.company-paths>a.company-portal:focus-visible{outline:3px solid #425b82;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 .company-paths>a.company-portal:hover{transform:translateY(-2px);box-shadow:0 6px 16px #425b821a;border-color:#7d92b6}
 .company-portal:hover .portal-ring{opacity:.95}
}
@media(max-width:800px){.company .company-paths{gap:12px}.company-paths>a.company-portal{padding:15px 16px}.company-portal .path-title{font-size:16px}}
@media(max-width:600px){
 .hero-interaction-hint{font-size:11px}
 .company{padding-block:42px 48px}.company .company-statement{font-size:23px;line-height:1.45;letter-spacing:-.04em}
 .company .company-paths{grid-template-columns:1fr;gap:10px;margin-top:24px}
 .company-paths>a.company-portal{padding:14px 16px;min-height:80px;gap:12px;border-radius:12px}
 .company-portal .portal-symbol{flex-basis:32px;width:32px;height:32px}.company-portal .path-title{font-size:16px}.company-portal .path-description{font-size:12px;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){.company-paths>a.company-portal,.company-portal .portal-ring{transition:none}}

/* Stop continuous CSS indicators with the monitor's existing visibility controls. */
.project-monitor:not(.loop-visible) .status-dot,
.project-monitor:not(.loop-visible) .status-dot::after,
.project-monitor.loop-paused .status-dot,
.project-monitor.loop-paused .status-dot::after{animation-play-state:paused!important}