/* ── Immersive 3D services hero (constellation) ── */
#hero3d{position:absolute;inset:0;z-index:-1;pointer-events:auto;cursor:grab;opacity:0;transition:opacity 1.2s var(--ease-out)}
#hero3d.ready{opacity:1}
#hero3d canvas{display:block;width:100%;height:100%}
#hero3d.grabbing{cursor:grabbing}
.hero3d-tip{position:absolute;transform:translate(-50%,-140%);background:var(--glass,rgba(18,21,29,.7));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(247,144,7,.4);color:#fff;font-size:.82rem;font-weight:600;padding:7px 13px;border-radius:999px;pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .2s;z-index:3;box-shadow:0 8px 24px -8px rgba(0,0,0,.6)}
.hero3d-tip.show{opacity:1}
.phero.has3d .hero-fx{opacity:.6}
@media(max-width:700px){#hero3d{opacity:.85}}