/* Papo kinetic visual system V3 */
.pd-ecosystem-stage{background:radial-gradient(circle at 36% 45%,#30543b,#0b1a12 72%)!important}
.pd-orbit-ring.ring-a{animation:kin-spin 35s linear infinite;box-shadow:0 0 90px #cfff6122}
.pd-orbit-ring.ring-b{animation:kin-spin-reverse 28s linear infinite;border-color:#cfff6199 #8bd3a677 #487e5877 #e2ffe088!important;box-shadow:0 22px 70px #0009}
.pd-universe-core{animation:kin-breathe 7s ease-in-out infinite}
.pd-planet{animation:kin-float 6.5s ease-in-out infinite;transition:transform .45s,box-shadow .45s,background .45s!important}
.pd-planet.planet-marketing{animation-delay:-2s;animation-duration:7.3s}.pd-planet.planet-crm{animation-delay:-4s;animation-duration:8s}
.pd-planet:hover,.pd-planet:focus-visible{transform:rotate(0deg) scale(1.075)!important;box-shadow:0 28px 70px #000a,0 0 0 3px #cfff6180}
.pd-planet[aria-pressed=true]{box-shadow:0 24px 65px #000b,0 0 0 3px #cfff61!important}
.pd-planet:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff75 50%,transparent 70%);background-size:250% 100%;background-position:140% 0;opacity:0}
.pd-planet:hover:after{opacity:.5;animation:kin-shine 1.2s ease-out both}
.pd-system-description.is-switching h3,.pd-system-description.is-switching p{animation:kin-enter .55s cubic-bezier(.2,.8,.2,1) both}
.pd-system-description.is-switching p{animation-delay:.07s}
.experience{position:relative;overflow:hidden}.experience:before{content:"";position:absolute;left:-300px;top:0;width:600px;height:600px;border:1px solid #cfff6120;border-radius:50%;pointer-events:none}
.experience .journey{gap:14px!important;border:0!important;padding:18px 0 24px!important;perspective:900px;isolation:isolate}
.experience .journey>div{position:relative!important;overflow:hidden!important;min-height:240px!important;padding:26px!important;border:1px solid #9cbca266!important;background:linear-gradient(145deg,#1a3429,#0e2019)!important;clip-path:polygon(0 0,100% 0,100% 85%,87% 100%,0 100%)!important;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))!important;transition:transform .4s,background .4s,border-color .4s!important;cursor:pointer}
.experience .journey>div:nth-child(2){clip-path:polygon(0 0,100% 0,100% 100%,15% 100%,0 85%)!important}
.experience .journey>div:nth-child(3){clip-path:polygon(0 0,87% 0,100% 15%,100% 100%,0 100%)!important}
.experience .journey>div:nth-child(4){clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 15%)!important}
.experience .journey>div:before{content:"";position:absolute;inset:-60%;background:conic-gradient(transparent 0 36%,#cfff6113 47%,transparent 60%);animation:kin-spin 26s linear infinite;pointer-events:none}
.experience .journey>div:after{content:"";position:absolute;width:95px;height:95px;bottom:-40px;left:-30px;border:1px solid #cfff6140;border-radius:50%;box-shadow:0 0 0 25px #cfff6109;pointer-events:none}
.experience .journey>div small,.experience .journey>div b,.experience .journey>div span{position:relative;z-index:1}
.experience .journey>div b{font-size:clamp(24px,2.4vw,39px)!important;line-height:1.12}
.experience .journey>div small{font:11px 'Space Mono',monospace!important;color:#c5ddca!important}
.experience .journey>div span{color:#cfff61!important}
.experience .journey>div.is-selected{background:linear-gradient(145deg,#35573e,#173224)!important;border-color:#cfff61!important;box-shadow:inset 0 0 0 1px #cfff6140}
.experience .journey>div:hover{border-color:#cfff61!important}
.experience .journey-detail{position:relative;overflow:hidden;display:grid!important;grid-template-columns:.28fr 1fr!important;gap:30px;align-items:center;min-height:245px!important;margin-top:45px!important;padding:40px 7%!important;background:radial-gradient(circle at 15% 80%,#ebffb9,#cfff61 65%)!important;clip-path:polygon(0 0,100% 0,100% 100%,7% 100%,0 80%);color:#13251a!important}
.experience .journey-detail:after{content:"";position:absolute;left:-80px;bottom:-180px;width:420px;height:420px;border:42px solid #193b2114;border-top-color:#193b2133;border-radius:50%;animation:kin-spin 32s linear infinite;pointer-events:none}
.experience .journey-detail .step-index{font:900 clamp(42px,5vw,82px)/1 'Space Mono',monospace!important;white-space:nowrap;z-index:1}
.experience .journey-detail h3{font-size:clamp(27px,3vw,48px)!important;line-height:1.1;margin:0 0 12px!important}
.experience .journey-detail p{font-size:clamp(16px,1.6vw,21px)!important;margin:0!important}
.experience .journey-detail.kin-changed>div{animation:kin-enter .55s both}
.pd-process-step:before{animation:kin-pulse 3.5s ease-in-out infinite}
.pd-process-step:nth-child(2):before{animation-delay:-.8s}.pd-process-step:nth-child(3):before{animation-delay:-1.6s}.pd-process-step:nth-child(4):before{animation-delay:-2.4s}
.pd-evidence-arc,.pd-retainer-ring{animation:kin-spin 40s linear infinite}
.pd-offer{transition:translate .35s,background .35s!important}.pd-offer:hover{translate:0 -5px}
.kin-ready .kin-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}
.kin-ready .kin-reveal.kin-visible{opacity:1;transform:translateY(0)}
@keyframes kin-spin{to{rotate:360deg}}@keyframes kin-spin-reverse{to{rotate:-360deg}}
@keyframes kin-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes kin-breathe{0%,100%{scale:1}50%{scale:1.035}}
@keyframes kin-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes kin-pulse{0%,100%{box-shadow:0 0 0 0 #cfff6100}50%{box-shadow:0 0 0 10px #cfff6126}}
@keyframes kin-shine{from{background-position:140% 0}to{background-position:-80% 0}}
@media(max-width:600px){.pd-planet{animation-duration:9s!important}.pd-orbit-ring.ring-a{animation-duration:55s}.pd-orbit-ring.ring-b{animation-duration:50s}
.experience .journey{gap:10px!important;padding:10px 0 20px!important}
.experience .journey>div{min-height:185px!important;padding:17px 14px!important;transform:none!important}
.experience .journey>div b{font-size:23px!important}.experience .journey>div small{font-size:10px!important}.experience .journey>div span{font-size:13px!important}
.experience .journey-detail{display:block!important;min-height:215px!important;padding:23px 23px 40px!important;clip-path:polygon(0 0,100% 0,100% 100%,8% 100%,0 90%)}
.experience .journey-detail .step-index{display:block;font-size:39px!important;margin-bottom:12px}.experience .journey-detail h3{font-size:29px!important}
}
@media(prefers-reduced-motion:reduce){.pd-orbit-ring,.pd-universe-core,.pd-planet,.experience .journey>div:before,.experience .journey-detail:after,.pd-process-step:before,.pd-evidence-arc,.pd-retainer-ring{animation:none!important}.kin-ready .kin-reveal{opacity:1!important;transform:none!important;transition:none!important}.experience .journey>div{transform:none!important;transition:none!important}}
