/* Quiet network globe and aligned live availability. */
.reference-site.home-page .hero-unified .hero-brand-art{position:relative;max-width:none}
.reference-site.home-page .hero-unified .hero-product{filter:saturate(.78) brightness(.88);object-position:60% center;transform-origin:73% 49%;animation:flowpass-globe-drift 18s ease-in-out infinite}
.reference-site.home-page .hero-network-label{position:absolute;right:21%;bottom:13%;z-index:2;color:#d1dfdd;font-size:clamp(18px,2vw,27px);font-weight:650;letter-spacing:-.04em;line-height:1;text-shadow:0 2px 18px #07171c}
.reference-site.home-page .hero-network-label span{color:#a7c8a0}
.reference-site.home-page .hero-network-label::before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:#b2d9a5;vertical-align:middle;box-shadow:0 0 12px #98d57840;animation:flowpass-node-pulse 5s ease-in-out infinite}
.reference-site.home-page .hero-unified .hero-art::after{pointer-events:none}
.reference-site.home-page .hero-copy .hero-availability{display:inline-flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin:25px 0 0;padding:12px 16px;border:1px solid #89bf8930;border-radius:16px;background:linear-gradient(125deg,#16332b70,#10212755);color:#dce7e3;text-decoration:none;text-align:left;box-sizing:border-box;transition:border-color .2s,background .2s}
.reference-site.home-page .hero-copy .hero-availability:hover{border-color:#93d58366;background:#142e27a0}
.hero-availability .availability-copy{display:flex;flex-direction:column;gap:4px}.hero-availability strong{font-size:14px;line-height:1.3;font-weight:550}.hero-availability .availability-time{font-size:12px;line-height:1.3;color:#97aeaa}.hero-availability .availability-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#9bb3ac}.hero-availability[data-state="ok"] .availability-dot{background:#a0df8c;box-shadow:0 0 0 4px #91ce7d12}.hero-availability svg{width:15px;height:15px;margin-left:13px;color:#91a7a0;flex:none}
@keyframes flowpass-globe-drift{0%,100%{transform:translateY(0) rotate(-.45deg)}50%{transform:translateY(-8px) rotate(.45deg)}}
@keyframes flowpass-node-pulse{0%,100%{opacity:.5}50%{opacity:.95}}
@media(max-width:720px){.reference-site.home-page .hero-copy .hero-availability{margin-top:20px;padding:11px 14px}.reference-site.home-page .hero-network-label{right:15%;bottom:10%;font-size:20px}}
@media(prefers-reduced-motion:reduce){.reference-site.home-page .hero-unified .hero-product,.reference-site.home-page .hero-network-label::before{animation:none}}

/* Refine the approved composition: quieter type, clear focus, moving network points. */
.reference-site.home-page .hero-unified .hero-copy>p{font-weight:400;line-height:1.65;color:#b7c9cc;max-width:500px}
.reference-site.home-page .hero-unified h1{letter-spacing:-.035em;line-height:1.24}
.reference-site.home-page .hero-copy .hero-availability{gap:12px;padding:11px 16px;border-radius:14px;border-color:#86b39e24;background:linear-gradient(120deg,#16382d45,#0c1d2300);box-shadow:none}
.reference-site.home-page .hero-copy .hero-availability:hover{border-color:#9dc2ad50;background:#16342b50}
.reference-site.home-page .hero-copy .hero-availability:focus-visible{outline:1px solid #a5c5b9;outline-offset:4px;box-shadow:none}
.hero-availability .availability-copy{gap:3px}.hero-availability strong{font-weight:500;font-size:13px;letter-spacing:.005em}.hero-availability .availability-time{color:#8fa9a5;font-size:11px}.hero-availability svg{margin-left:18px;opacity:.65}
.reference-site.home-page .hero-network-label{bottom:14%;right:20%;font-weight:550;letter-spacing:-.045em;color:#b9cfca;font-size:clamp(20px,2vw,28px)}
.reference-site.home-page .hero-network-label span{color:#a7c0ac}.reference-site.home-page .hero-network-label::before{width:5px;height:5px;background:#a3c7aa;box-shadow:0 0 11px #a1c6a635}
.hero-network-orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.45;mask-image:linear-gradient(90deg,transparent 40%,#000 52%,#000 93%,transparent)}
.network-flow{stroke:#c0e5bd;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1.2 199;animation:flowpass-network-flow 42s linear infinite}.flow-two{animation-duration:54s;animation-delay:-14s;opacity:.6}.flow-three{animation-duration:48s;animation-delay:-29s;opacity:.7}
@keyframes flowpass-network-flow{to{stroke-dashoffset:-1000}}
@media(max-width:720px){.reference-site.home-page .hero-unified .hero-copy>p{font-size:17px;line-height:1.6}.reference-site.home-page .hero-network-label{right:15%;bottom:10%;font-size:20px}.hero-network-orbits{display:none}}
@media(prefers-reduced-motion:reduce){.network-flow{animation:none}}

/* A network signature beside the globe, rather than a caption on its surface. */
.reference-site.home-page .hero-network-label{top:19%;right:2%;bottom:auto;display:block;font-size:14px;font-weight:500;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;color:#9ab3af;text-shadow:none}
.reference-site.home-page .hero-network-label span{color:inherit}
.reference-site.home-page .hero-network-label::before{position:absolute;left:-66px;top:38px;width:3px;height:3px;margin:0;background:#9abfae;box-shadow:0 0 8px #94bfae30;animation:none;opacity:.75}
.reference-site.home-page .hero-network-label::after{content:"";position:absolute;right:calc(100% + 9px);top:17px;width:55px;height:1px;background:linear-gradient(90deg,#9abfae40,#9abfae80);transform:rotate(-24deg);transform-origin:right center}
@media(max-width:1000px){.reference-site.home-page .hero-network-label{right:3%;font-size:12px}}
@media(max-width:720px){.reference-site.home-page .hero-network-label{top:10%;right:3%;bottom:auto;font-size:10px;letter-spacing:.1em}.reference-site.home-page .hero-network-label::before{left:-38px;top:25px}.reference-site.home-page .hero-network-label::after{width:29px;top:13px;right:calc(100% + 7px)}}