.mh-root{--mh-bg: #000000;--mh-text: #ffffff;--mh-dim: #a1a1aa;--mh-border: rgba(255, 255, 255, .08);--mh-accent: #ffffff;--mh-glow: rgba(255, 255, 255, .1);position:relative;width:100%;min-height:100vh;min-height:100dvh;background:var(--mh-bg);color:var(--mh-text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.mh-root.automation{--mh-accent: #06b6d4;--mh-glow: rgba(6, 182, 212, .2)}.mh-root.software{--mh-accent: #8b5cf6;--mh-glow: rgba(139, 92, 246, .2)}.mh-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#ffffff05,#000 60%);z-index:0;pointer-events:none}.mh-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black,transparent);z-index:0;pointer-events:none}.mh-header{position:relative;z-index:10;text-align:center;padding:60px 20px 20px;display:flex;flex-direction:column;align-items:center}.mh-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;background:#ffffff0d;border:1px solid var(--mh-border);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mh-dim);margin-bottom:20px}.mh-h1{font-family:Outfit,system-ui,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:500;letter-spacing:-.02em;margin:0 0 10px;color:#fff}.mh-sub{font-size:15px;color:var(--mh-dim);margin:0}.mh-main{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;padding:20px}.mh-halo-container{position:relative;width:320px;height:320px;margin:20px 0 40px;display:flex;align-items:center;justify-content:center}.mh-core-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:var(--mh-accent);filter:blur(60px);opacity:.15;transition:background .8s ease,opacity .8s ease}.mh-core-emblem{position:absolute;width:64px;height:64px;display:flex;align-items:center;justify-content:center;z-index:2}.mh-emblem-img{width:36px;height:36px;object-fit:contain;position:relative;z-index:3;filter:drop-shadow(0 0 8px var(--mh-glow));transition:filter .8s ease,transform .5s ease}.mh-core-emblem:hover .mh-emblem-img{transform:scale(1.15);filter:drop-shadow(0 0 16px var(--mh-glow))}.mh-orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06);pointer-events:none}.mh-orbit-1{inset:-14px;border-color:var(--mh-border);animation:orbitSpin 20s linear infinite;border-top-color:var(--mh-accent);transition:border-color .8s ease,border-top-color .8s ease}.mh-orbit-2{inset:-28px;border-style:dashed;border-color:#ffffff08;animation:orbitSpin 35s linear infinite reverse}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mh-nodes-ring{position:absolute;inset:0;z-index:3}.mh-node-wrapper{position:absolute;top:50%;left:50%;width:48px;height:48px;margin-top:-24px;margin-left:-24px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.mh-node-btn{width:48px;height:48px;border-radius:50%;background:#14141499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--mh-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;outline:none;box-shadow:0 4px 12px #00000080}.mh-node-label{position:absolute;top:calc(100% + 10px);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mh-dim);white-space:nowrap;opacity:.8;transition:opacity .3s ease,color .3s ease,transform .3s ease;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,.8)}.mh-node-wrapper:hover .mh-node-btn{color:#fff;border-color:#ffffff4d;transform:scale(1.1)}.mh-node-wrapper:hover .mh-node-label{opacity:1;color:#fff;transform:translateY(1px)}.mh-node-wrapper.selected .mh-node-btn{color:var(--mh-accent);border-color:var(--mh-accent);background:#ffffff0d;box-shadow:0 0 20px var(--mh-glow),inset 0 0 10px var(--mh-glow);transform:scale(1.15)}.mh-node-wrapper.selected .mh-node-label{opacity:1;color:var(--mh-accent);transform:translateY(1px)}.mh-node-wrapper.dimmed{opacity:.3;filter:grayscale(1)}.mh-node-wrapper.dimmed:hover{opacity:.8;filter:grayscale(0)}.mh-card-container{width:100%;max-width:500px;min-height:220px;position:relative;display:flex;justify-content:center;align-items:flex-start;margin-bottom:40px}.mh-card{width:100%;position:relative;background:#0f0f0f99;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--mh-border);border-radius:20px;padding:32px;text-align:center;box-shadow:0 20px 40px #0006}.mh-card-idle{display:flex;align-items:center;justify-content:center;height:100px;color:var(--mh-dim);font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border-style:dashed}.mh-card-active{display:flex;flex-direction:column;align-items:center}.mh-card-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--mh-accent);margin-bottom:12px}.mh-card-title{font-size:22px;font-weight:600;color:#fff;margin:0 0 8px}.mh-card-desc{font-size:14px;color:var(--mh-dim);margin:0 0 20px;line-height:1.5}.mh-card-path{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:24px}.mh-path-item{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:var(--mh-dim)}.mh-path-item span{background:#ffffff0d;padding:4px 8px;border-radius:6px}.mh-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:99px;background:#fff;color:#000;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.mh-cta:hover{background:#e2e8f0;transform:translateY(-1px)}@media(max-width:600px){.mh-header{padding:40px 20px 10px}.mh-halo-container{width:260px;height:260px;margin:10px 0 30px}.mh-node-wrapper{transform:rotate(var(--angle)) translate(110px) rotate(calc(var(--angle) * -1))!important}.mh-node-btn{width:42px;height:42px}.mh-card{padding:24px 20px}.mh-card-title{font-size:18px}.mh-card-desc{font-size:13px}.mh-main{padding-bottom:100px}}