/* Decorative depth stays behind content and never intercepts interaction. */
.premium-hero { isolation: isolate; }
.depth-scene { position: absolute; inset: 0; overflow: hidden; pointer-events: none; perspective: 1100px; }
.depth-orb { position: absolute; border-radius: 50%; animation: depth-float 9s ease-in-out infinite; }
.depth-orb-blue { width: clamp(100px, 16vw, 235px); aspect-ratio: 1; top: 16%; left: -3%; background: radial-gradient(circle at 30% 25%, #d8e9ff 0%, #708dff 27%, #001dff 63%, #00094b 100%); box-shadow: inset -16px -20px 35px #000c6b66, 25px 38px 55px #001dff26; }
.depth-orb-orange { width: clamp(65px, 8vw, 120px); aspect-ratio: 1; right: 7%; bottom: 15%; background: radial-gradient(circle at 28% 24%, #ffefcf, #ffad67 32%, #ff5b26 67%, #b32608); box-shadow: 15px 25px 35px #ff6b2926; animation-delay: -4s; }
.depth-ring { position: absolute; right: -5%; top: 8%; width: clamp(160px, 23vw, 330px); aspect-ratio: 1; border: 24px solid #7187ff; border-radius: 50%; transform: rotateX(55deg) rotateY(-28deg) rotateZ(-25deg); box-shadow: inset 5px 7px 10px #fff9, 8px 14px 0 #233ed0, 25px 40px 55px #001dff22; }
.depth-tile { position: absolute; display: grid; place-items: center; width: 84px; height: 84px; border-radius: 22px; background: linear-gradient(135deg, #ffffffed, #dce6ffba); border: 1px solid #fff; color: #001dff; box-shadow: 0 12px 0 #c1ccef, 12px 30px 35px #001dff1a; font: 800 27px Inter, sans-serif; }
.depth-tile-one { left: 13%; bottom: 13%; transform: rotateY(25deg) rotateZ(-16deg); }
.depth-tile-two { right: 16%; top: 19%; transform: rotateY(-30deg) rotateZ(17deg); color: #ff672b; }
.depth-grid { position: absolute; width: 140%; height: 260px; left: -20%; bottom: -170px; background-image: linear-gradient(#001dff16 1px, transparent 1px), linear-gradient(90deg, #001dff16 1px, transparent 1px); background-size: 55px 55px; transform: rotateX(65deg); transform-origin: center top; mask-image: linear-gradient(transparent, #000); }
.hero-title { text-shadow: 0 2px 0 #cbd4ec, 0 5px 0 #e0e5f2, 0 16px 28px #001dff19; }
.depth-card { transform-style: preserve-3d; transition: transform .35s ease, box-shadow .35s ease !important; }
.depth-card > h3, .depth-card > h4, .depth-card > .team-name { transform: translateZ(24px); }
.depth-card > .team-img { transform: translateZ(18px); }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .depth-card:hover { transform: perspective(1000px) rotateX(var(--depth-x, 0deg)) rotateY(var(--depth-y, 0deg)) translateY(-7px); box-shadow: 0 25px 50px #122d6b22; }
  .btn-cta:hover { box-shadow: 0 7px 0 #000c8c, 0 17px 28px #001dff30; }
}
@keyframes depth-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-22px); } }
@media (max-width: 767px) {
  .depth-orb-blue { left: -65px; top: 10%; opacity: .65; }
  .depth-ring { right: -105px; top: 4%; opacity: .4; border-width: 16px; }
  .depth-orb-orange { right: -25px; bottom: 8%; opacity: .65; }
  .depth-tile { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .depth-orb { animation: none; }
  .depth-card, .depth-card:hover { transform: none; transition: none !important; }
}