.hero-art.rotam-ecosystem{display:block;position:relative;width:100%;height:auto;aspect-ratio:1/1;max-width:510px;transform:none;margin:0;isolation:isolate}
.rotam-ecosystem::before{content:"";position:absolute;inset:5%;background:radial-gradient(ellipse,#f7b77d42 0%,#ffe2cd35 45%,transparent 72%);border-radius:50%;z-index:-1}
.rotam-halo{position:absolute;border-radius:50%;pointer-events:none}
.rotam-halo.outer{inset:9%;border:1px dashed #dcb89e;animation:rotam-orbit 100s linear infinite}
.rotam-halo.inner{inset:20%;border:1px solid #edcfba;box-shadow:0 0 0 22px #f9dec229,0 0 0 44px #f9dec215}
.rotam-greeting{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:4;white-space:nowrap;border-radius:30px;padding:11px 18px;background:#292f2b;color:#fff;font-size:11px;line-height:1.5;box-shadow:0 10px 25px #30342e14}
.rotam-greeting strong{color:#ffb984;font-weight:650}.rotam-greeting::after{content:"";position:absolute;bottom:-6px;left:calc(50% - 6px);width:12px;height:12px;transform:rotate(45deg);background:#292f2b}
.rotam-fox{position:absolute;left:20%;top:17%;width:60%;aspect-ratio:1;z-index:2;border-radius:0 0 48% 48%;overflow:hidden;animation:rotam-fox-float 6s ease-in-out infinite}
.rotam-fox img,.rotam-fox-eyes{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.rotam-fox-eyes{pointer-events:none;overflow:visible}
.rotam-orbit-links{list-style:none;margin:0;padding:0;position:absolute;inset:0;z-index:3;pointer-events:none}
.rotam-orbit-card{pointer-events:auto}
.rotam-orbit-links li{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}
.rotam-orbit-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100px;min-height:75px;padding:11px 6px;background:#fff;border:1px solid #eee8e2;border-radius:18px;box-shadow:0 12px 26px #5943310b;font-size:10px;font-weight:650;line-height:1.3;color:#38413c;text-align:center;animation:rotam-card-float 5s ease-in-out infinite;animation-delay:var(--delay);transition:box-shadow .2s,border-color .2s}
.rotam-orbit-card svg{width:25px;height:25px;color:#db631d;stroke-width:1.7;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.rotam-orbit-card:hover,.rotam-orbit-card:focus-visible{animation-play-state:paused;box-shadow:0 12px 28px #ee6c2926;border-color:#f1b58f;color:#a74010}
@keyframes rotam-orbit{to{transform:rotate(360deg)}}
@keyframes rotam-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes rotam-fox-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(min-width:621px) and (max-width:1000px){.rotam-orbit-card{width:78px;min-height:64px;font-size:9px;border-radius:14px}.rotam-orbit-card svg{width:21px;height:21px}.rotam-greeting{font-size:9px;padding:9px 12px}}
@media(max-width:620px){.hero-art.rotam-ecosystem{width:100%;max-width:440px;margin:38px auto 6px;aspect-ratio:1;transform:none}.rotam-orbit-card{width:83px;min-height:64px;font-size:9px;border-radius:15px;padding:8px 4px}.rotam-orbit-card svg{width:23px;height:23px}.rotam-greeting{font-size:10px;padding:9px 13px}.rotam-halo.inner{box-shadow:0 0 0 16px #f9dec229,0 0 0 32px #f9dec215}}
@media(max-width:360px){.rotam-orbit-card{width:72px;font-size:8px}.rotam-greeting{font-size:9px}}

@media(prefers-reduced-motion:reduce){.rotam-halo.outer,.rotam-fox,.rotam-orbit-card{animation:none!important}}