:root{--cmhm-cyan:#20d7ef;--cmhm-lime:#b6f52c;--cmhm-violet:#a77cff;--cmhm-orange:#ffad31;--cmhm-ink:#061421;--cmhm-art:none}
.cmhm-section{position:relative!important;isolation:isolate;overflow:hidden!important}
.cmhm-section>:not(.cmhm-visual):not(.cmhm-toggle){position:relative;z-index:3}
.cmhm-visual{position:absolute;z-index:2;left:2.5%;top:8%;width:47%;height:84%;pointer-events:none;perspective:1100px;transform-style:preserve-3d;opacity:0;transform:translateY(32px) scale(.96);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.cmhm-inview .cmhm-visual{opacity:1;transform:none}
.cmhm-toggle{position:absolute;z-index:8;right:22px;top:22px;border:1px solid rgba(32,215,239,.35);border-radius:999px;background:rgba(4,17,29,.8);color:#c8d8e5;padding:8px 13px;font:600 12px/1.2 inherit;backdrop-filter:blur(12px);cursor:pointer}
.cmhm-toggle:hover{border-color:var(--cmhm-cyan);color:#fff}
.cmhm-mascot{display:block;width:76px;height:76px;border-radius:25px;background-image:var(--cmhm-art);background-repeat:no-repeat;background-size:960px 640px;background-color:#081827;box-shadow:0 18px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.2)}
.cmhm-fire{background-position:-78px -326px}.cmhm-plant{background-position:-160px -365px}.cmhm-cloud{background-position:-320px -378px}.cmhm-fox{background-position:-582px -366px}.cmhm-moon{background-position:-706px -366px}.cmhm-bot{background-position:-778px -276px}.cmhm-mic{background-position:-864px -380px}
.cmhm-live-stage{position:absolute;inset:0;border:1px solid rgba(32,215,239,.24);border-radius:34px;background-image:linear-gradient(180deg,rgba(1,9,18,.25),rgba(1,9,18,.82)),var(--cmhm-art);background-size:cover;background-position:center;box-shadow:inset 0 0 70px rgba(32,215,239,.09),0 25px 70px rgba(0,0,0,.32);overflow:hidden}
.cmhm-spotlight{position:absolute;top:-8%;width:28%;height:75%;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);opacity:.2}.cmhm-light-a{left:14%;background:linear-gradient(#20d7ef,transparent)}.cmhm-light-b{right:14%;background:linear-gradient(#a77cff,transparent)}
.cmhm-crew{position:absolute;left:5%;right:5%;bottom:8%;display:flex;align-items:flex-end;justify-content:space-around;gap:8px}
.cmhm-person{display:grid;justify-items:center;gap:7px;opacity:0;transform:translateY(-130px) rotateX(18deg)}
.cmhm-person small{padding:5px 8px;border-radius:99px;background:rgba(2,9,18,.82);border:1px solid rgba(255,255,255,.12);color:#d7e6ef;font-size:9px;font-weight:800;letter-spacing:.08em}
.cmhm-inview .cmhm-person{animation:cmhm-drop 5.6s cubic-bezier(.2,.8,.25,1) infinite}.cmhm-person:nth-child(2){animation-delay:.55s!important}.cmhm-person:nth-child(3){animation-delay:1.1s!important}.cmhm-person:nth-child(4){animation-delay:1.65s!important}.cmhm-person:nth-child(5){animation-delay:2.2s!important}
.cmhm-commerce-flow{position:absolute;inset:12% 3%;display:flex;align-items:center;justify-content:space-around;gap:14px;transform-style:preserve-3d}
.cmhm-object{width:28%;min-height:190px;display:grid;place-items:center;align-content:center;gap:18px;border-radius:28px;border:1px solid rgba(182,245,44,.24);background:linear-gradient(145deg,rgba(182,245,44,.09),rgba(5,20,33,.92));box-shadow:0 28px 45px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);animation:cmhm-object 4.5s ease-in-out infinite;transform-style:preserve-3d}
.cmhm-object b{font-size:9px;letter-spacing:.11em;color:#d9e9b4}.cmhm-product i{width:72px;height:72px;display:block;transform:rotateX(62deg) rotateZ(45deg);background:linear-gradient(145deg,#ffca72,#be7419);border:5px solid #ef9e34;box-shadow:18px 18px 0 rgba(129,72,18,.42),0 18px 28px rgba(255,173,49,.26)}
.cmhm-store i{width:82px;height:84px;display:block;border:4px solid #24495b;border-top:24px repeating-linear-gradient(90deg,var(--cmhm-lime) 0 17px,var(--cmhm-cyan) 17px 34px);box-shadow:0 16px 25px rgba(32,215,239,.18)}
.cmhm-order>div{display:flex;gap:4px}.cmhm-order .cmhm-mascot{width:58px;height:58px;border-radius:19px}.cmhm-order b{color:var(--cmhm-lime);padding:6px 8px;border-radius:99px;background:rgba(182,245,44,.11)}
.cmhm-arrow{color:var(--cmhm-lime);font-size:30px;font-weight:900;animation:cmhm-pulse 1.4s ease-in-out infinite}
.cmhm-system-board{position:absolute;inset:8%;display:grid;grid-template-columns:1fr 1fr;gap:18px;transform-style:preserve-3d}
.cmhm-system-board article{position:relative;padding:24px;border-radius:25px;border:1px solid rgba(32,215,239,.42);background:linear-gradient(145deg,rgba(32,215,239,.18),rgba(5,18,31,.94));box-shadow:0 24px 35px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.1);animation:cmhm-module 4.4s ease-in-out infinite;transform-style:preserve-3d}
.cmhm-system-board article:nth-child(2){border-color:rgba(182,245,44,.46);background:linear-gradient(145deg,rgba(182,245,44,.16),rgba(5,18,31,.94));animation-delay:.65s}.cmhm-system-board article:nth-child(3){border-color:rgba(255,173,49,.5);background:linear-gradient(145deg,rgba(255,173,49,.17),rgba(5,18,31,.94));animation-delay:1.3s}.cmhm-system-board article:nth-child(4){border-color:rgba(167,124,255,.5);background:linear-gradient(145deg,rgba(167,124,255,.18),rgba(5,18,31,.94));animation-delay:1.95s}
.cmhm-system-board strong{display:block;color:#fff;font-size:12px;letter-spacing:.08em}.cmhm-system-board span{display:block;margin-top:8px;color:#9eb0bf;font-size:10px}
.cmhm-bee{position:absolute;width:28px;height:18px;border-radius:50%;background:repeating-linear-gradient(90deg,#ffd83c 0 7px,#171315 7px 12px);box-shadow:0 0 22px rgba(255,216,60,.85);z-index:6;animation:cmhm-bee 6s ease-in-out infinite}.cmhm-bee:before,.cmhm-bee:after{content:"";position:absolute;width:14px;height:9px;border-radius:50%;background:rgba(185,240,255,.8);top:-6px}.cmhm-bee:before{left:1px;transform:rotate(-25deg)}.cmhm-bee:after{right:1px;transform:rotate(25deg)}
.cmhm-influence-world{position:absolute;left:50%;top:50%;width:min(90%,510px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,173,49,.3);border-radius:50%;background:radial-gradient(circle,rgba(255,173,49,.16),transparent 33%);box-shadow:inset 0 0 60px rgba(255,173,49,.06)}
.cmhm-influence-world:before,.cmhm-influence-world:after{content:"";position:absolute;inset:18%;border:1px dashed rgba(255,173,49,.2);border-radius:50%;animation:cmhm-spin 18s linear infinite}.cmhm-influence-world:after{inset:36%;animation-direction:reverse}
.cmhm-voice{position:absolute;display:block}.cmhm-voice .cmhm-mascot{width:86px;height:86px;border-radius:28px}.cmhm-v1{left:-4%;top:40%}.cmhm-v2{left:42%;top:-8%}.cmhm-v3{right:-5%;top:42%}.cmhm-v4{left:42%;bottom:-8%}
.cmhm-signal{position:absolute;padding:7px 10px;border-radius:99px;background:#071625;border:1px solid rgba(255,173,49,.34);color:#ffd18b;font:700 10px/1 inherit;font-style:normal;box-shadow:0 10px 25px rgba(0,0,0,.3);animation:cmhm-signal 3s ease-in-out infinite}.cmhm-s1{left:18%;top:19%}.cmhm-s2{right:15%;top:20%;animation-delay:.7s}.cmhm-s3{left:38%;bottom:17%;animation-delay:1.4s}
.cmhm-response{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:end;gap:5px;height:70px}.cmhm-response i{width:11px;border-radius:8px;background:var(--cmhm-orange);box-shadow:0 0 18px rgba(255,173,49,.55);animation:cmhm-bars 1.4s ease-in-out infinite}.cmhm-response i:nth-child(1){height:32%;animation-delay:.1s}.cmhm-response i:nth-child(2){height:65%;animation-delay:.3s}.cmhm-response i:nth-child(3){height:100%;animation-delay:.5s}.cmhm-response i:nth-child(4){height:55%;animation-delay:.7s}.cmhm-response i:nth-child(5){height:78%;animation-delay:.9s}
.cmhm-visual-process{left:4%;right:4%;top:auto;bottom:5%;width:92%;height:190px}.cmhm-process-crew{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px;border:1px solid rgba(32,215,239,.2);border-radius:30px;background:linear-gradient(145deg,rgba(5,22,35,.92),rgba(9,19,35,.82));box-shadow:0 24px 55px rgba(0,0,0,.32)}
.cmhm-process-crew>span{min-width:125px;display:grid;justify-items:center;gap:8px;padding:16px 10px;border-radius:25px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);animation:cmhm-module 4s ease-in-out infinite}.cmhm-process-crew>span:nth-of-type(2){animation-delay:.5s}.cmhm-process-crew>span:nth-of-type(3){animation-delay:1s}.cmhm-process-crew>span:nth-of-type(4){animation-delay:1.5s}.cmhm-process-crew small{font-size:9px;font-weight:800;letter-spacing:.08em;color:#d5e4ee}.cmhm-process-crew i{width:35px;height:2px;background:linear-gradient(90deg,var(--cmhm-cyan),var(--cmhm-lime));box-shadow:0 0 12px var(--cmhm-cyan)}
.cmhm-section-process{padding-bottom:230px!important}
.cmhm-paused .cmhm-section *,.cmhm-paused .cmhm-section *:before,.cmhm-paused .cmhm-section *:after{animation-play-state:paused!important}
@keyframes cmhm-drop{0%,100%{transform:translateY(-130px) rotateX(18deg);opacity:0}18%,73%{transform:translateY(0) rotateX(3deg);opacity:1}47%{transform:translateY(-14px) rotateY(9deg);opacity:1}88%{transform:translateY(52px);opacity:0}}
@keyframes cmhm-object{50%{transform:translateY(-12px) rotateY(8deg) translateZ(24px)}}@keyframes cmhm-module{50%{transform:translateY(-10px) rotateX(3deg) rotateY(-3deg)}}@keyframes cmhm-pulse{50%{transform:translateX(6px);filter:drop-shadow(0 0 8px var(--cmhm-lime))}}
@keyframes cmhm-bee{0%{left:18%;top:18%;transform:rotate(8deg)}25%{left:76%;top:18%;transform:rotate(-6deg)}50%{left:76%;top:76%;transform:rotate(10deg)}75%{left:18%;top:76%;transform:rotate(-9deg)}100%{left:18%;top:18%;transform:rotate(8deg)}}
@keyframes cmhm-spin{to{transform:rotate(360deg)}}@keyframes cmhm-signal{50%{transform:translateY(-8px);box-shadow:0 0 20px rgba(255,173,49,.32)}}@keyframes cmhm-bars{50%{transform:scaleY(.55)}}
@media(max-width:1000px){.cmhm-visual{width:44%;left:1.5%}.cmhm-mascot{width:62px;height:62px;border-radius:20px}.cmhm-person small{display:none}.cmhm-system-board{inset:5%;gap:10px}.cmhm-system-board article{padding:16px}.cmhm-process-crew>span{min-width:105px}.cmhm-process-crew .cmhm-mascot{width:64px;height:64px}}
@media(max-width:780px){.cmhm-visual{inset:0;width:100%;height:100%;opacity:.16!important;filter:saturate(.9);transform:none!important}.cmhm-toggle{top:12px;right:12px;font-size:10px;padding:6px 9px}.cmhm-visual-process{inset:auto 3% 2%;width:94%;height:125px;opacity:.7!important}.cmhm-process-crew{gap:6px;padding:10px}.cmhm-process-crew>span{min-width:0;flex:1;padding:8px 3px}.cmhm-process-crew i{display:none}.cmhm-process-crew .cmhm-mascot{width:48px;height:48px;border-radius:16px}.cmhm-process-crew small{font-size:7px}.cmhm-section-process{padding-bottom:150px!important}}
@media(prefers-reduced-motion:reduce){.cmhm-section *,.cmhm-section *:before,.cmhm-section *:after{animation:none!important;transition:none!important}.cmhm-visual,.cmhm-person{opacity:1!important;transform:none!important}.cmhm-toggle{display:none}}