.hero-visual[data-hero-wheel]{--rx:0deg;--ry:0deg;isolation:isolate;perspective:900px}.hero-visual[data-hero-wheel] .orbit{transition:border-color .4s,transform .4s}.hero-visual[data-hero-wheel] .orbit-1{animation:hero-orbit-breathe 5.5s ease-in-out infinite}.hero-visual[data-hero-wheel] .orbit-2{animation:hero-orbit-breathe 5.5s ease-in-out -2.75s infinite}.wheel-stage{position:relative;z-index:2;width:300px;height:300px;display:grid;place-items:center;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .22s ease-out}.wheel-glow{position:absolute;inset:15%;border-radius:50%;background:rgba(13,148,136,.18);filter:blur(30px);animation:hero-glow 4s ease-in-out infinite}.wheel-rotor{position:absolute;inset:10px;border-radius:50%;animation:hero-wheel-spin 28s linear infinite;filter:drop-shadow(0 22px 26px rgba(10,55,61,.16));transition:filter .35s}.wheel-rotor i{position:absolute;inset:0;border-radius:50%;clip-path:polygon(50% 50%,39% 0,61% 0);transform:rotate(calc(var(--petal)*72deg));transform-origin:center;background:var(--petal-color);transition:clip-path .45s cubic-bezier(.2,.8,.2,1)}.wheel-rotor i:nth-child(1){--petal:0;--petal-color:#3b82f6}.wheel-rotor i:nth-child(2){--petal:1;--petal-color:#ef6b5b}.wheel-rotor i:nth-child(3){--petal:2;--petal-color:#8b5cf6}.wheel-rotor i:nth-child(4){--petal:3;--petal-color:#e5a11a}.wheel-rotor i:nth-child(5){--petal:4;--petal-color:#0d9488}.wheel-stage .wheel-preview{position:relative!important;z-index:4!important;width:176px!important;height:176px!important;border:0!important;background:var(--navy)!important;box-shadow:0 18px 44px rgba(16,47,56,.3),inset 0 0 0 1px rgba(255,255,255,.08)!important;transform:translateZ(25px)}.wheel-stage .wheel-preview:after{display:none}.wheel-stage .wheel-preview strong{font-size:54px}.metric-orbit{position:absolute;inset:0;z-index:5;pointer-events:none;animation:hero-metric-spin 20s linear infinite}.metric-orbit .pulse-card{top:50%;left:50%;right:auto;bottom:auto;min-width:96px;transform:translate(-50%,-50%) translateY(-218px);animation:hero-card-counterspin 20s linear infinite;box-shadow:0 20px 48px rgba(20,42,49,.15)}.metric-two{animation-direction:reverse;animation-duration:26s}.metric-two .pulse-card{transform:translate(-50%,-50%) translateY(-190px);animation-name:hero-card-counterspin-reverse;animation-duration:26s}.hero-visual[data-hero-wheel]:hover .wheel-rotor{animation-duration:15s;filter:drop-shadow(0 28px 34px rgba(10,55,61,.24))}.hero-visual[data-hero-wheel]:hover .wheel-rotor i{clip-path:polygon(50% 50%,34% 0,66% 0)}.hero-visual[data-hero-wheel]:hover .orbit{border-color:#71aaa1}@keyframes hero-wheel-spin{to{transform:rotate(360deg)}}@keyframes hero-metric-spin{to{transform:rotate(360deg)}}@keyframes hero-card-counterspin{to{transform:translate(-50%,-50%) translateY(-218px) rotate(-360deg)}}@keyframes hero-card-counterspin-reverse{to{transform:translate(-50%,-50%) translateY(-190px) rotate(360deg)}}@keyframes hero-orbit-breathe{0%,100%{transform:scale(.985);opacity:.65}50%{transform:scale(1.015);opacity:1}}@keyframes hero-glow{0%,100%{transform:scale(.88);opacity:.45}50%{transform:scale(1.15);opacity:.8}}@media(max-width:620px){.wheel-stage{width:235px;height:235px}.wheel-stage .wheel-preview{width:140px!important;height:140px!important}.wheel-stage .wheel-preview strong{font-size:43px}.metric-orbit .pulse-card{transform:translate(-50%,-50%) translateY(-145px);min-width:82px;padding:10px 12px}.metric-two .pulse-card{transform:translate(-50%,-50%) translateY(-125px)}@keyframes hero-card-counterspin{to{transform:translate(-50%,-50%) translateY(-145px) rotate(-360deg)}}@keyframes hero-card-counterspin-reverse{to{transform:translate(-50%,-50%) translateY(-125px) rotate(360deg)}}}@media(prefers-reduced-motion:reduce){.hero-visual[data-hero-wheel] *{animation:none!important}.wheel-stage{transform:none!important}}