/* Compositor-driven 3D: cards move with native scrolling, never a fixed canvas. */
.site-header{background:#10291f;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand-face{transform:none;transition:none;box-shadow:0 12px 28px #0004,0 0 0 1px #e4cf9650}
.hero-logo-anchor{z-index:2;pointer-events:none}
.nav-logo-slot{opacity:var(--dock,0);transition:none;pointer-events:none}
.nav-logo-slot>img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #c5a66d;background:#f4f3e8}
.header-wordmark,.docked-word{transition:none}
.orbit-link{transform:none}
.icon-anchor{--tile:#fcf9ee;--edge:#b7baa5;border-radius:23%;background:var(--tile);transform-style:preserve-3d;transform:perspective(650px) rotateX(7deg) rotateY(-14deg);transition:transform .35s var(--ease);isolation:isolate}
.icon-anchor:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--tile);border:1px solid #ffffff70;box-shadow:1px 1px 0 var(--edge),2px 2px 0 var(--edge),3px 3px 0 var(--edge),4px 4px 0 var(--edge),5px 5px 0 var(--edge),7px 14px 20px #0002;transform:translateZ(-1px)}
.icon-anchor>img,.icon-anchor>svg{background:transparent;box-shadow:none;border-radius:inherit;padding:20%;transform:translateZ(4px);transition:none;opacity:1}
[data-icon=snoonu] .icon-anchor{--tile:#e0081d;--edge:#ad1521}
.orbit-link[data-icon=snoonu] .icon-anchor>img,[data-icon=snoonu] .icon-anchor>img{padding:8%}
[data-icon=rafeeq] .icon-anchor{--tile:#eee6ff;--edge:#d0c7e4}
[data-icon=instagram] .icon-anchor{--tile:linear-gradient(35deg,#ffc765,#e34e74 48%,#7658c1);--edge:#bf537d}
[data-icon=whatsapp] .icon-anchor{--tile:#26b970;--edge:#178750}
[data-icon=instagram] .icon-anchor>img,[data-icon=whatsapp] .icon-anchor>img{filter:invert(1)}
[data-icon=email] .icon-anchor{--tile:#ece4d0;--edge:#c0b498}
[data-icon=phone] .icon-anchor{--tile:#b5c993;--edge:#7f9869}
.platform-featured .icon-anchor>img{border-radius:23%;padding:0}
.platform,.social-platform{transition:transform .3s var(--ease);transform:translateZ(0);box-shadow:0 5px 0 #ccd0bd,0 15px 24px #53624317}
.social-platform{box-shadow:0 5px 0 #0b1e15,0 14px 20px #0002}
@media(hover:hover) and (pointer:fine){
  .platform:hover,.social-platform:hover{transform:translate3d(0,-5px,0)}
  .platform:hover .icon-anchor,.social-platform:hover .icon-anchor,.platform:focus-visible .icon-anchor,.social-platform:focus-visible .icon-anchor{transform:perspective(650px) translateY(-6px) rotateX(-7deg) rotateY(12deg)}
}
.orbit-link .icon-anchor{animation:tile-float 7s ease-in-out infinite paused}
.orbit-instagram .icon-anchor{animation-delay:-1.8s}
.orbit-rafeeq .icon-anchor{animation-delay:-3.5s}
.orbit-whatsapp .icon-anchor{animation-delay:-5.2s}
.hero-scene.in-view .icon-anchor{animation-play-state:running}
@keyframes tile-float{0%,100%{transform:perspective(650px) translateY(0) rotateX(7deg) rotateY(-14deg)}50%{transform:perspective(650px) translateY(-8px) rotateX(-5deg) rotateY(12deg)}}
.closing-ring:before,.closing-ring:after{content:"";position:absolute;inset:14% 16%;border:1px solid #bba56b55;border-radius:50%;transform:perspective(700px) rotateX(55deg) rotate(-20deg)}
.closing-ring:after{inset:9% 23%;transform:perspective(700px) rotateX(60deg) rotate(32deg)}
.page-hidden .icon-anchor{animation-play-state:paused!important}
@media(max-width:560px){.platform,.social-platform{transition:none}.button{transition:transform .2s}}
@media(prefers-reduced-motion:reduce){.icon-anchor{transform:perspective(650px) rotateY(-10deg)}}