/* Reserved-size decorative elements only: no layout polling or scroll writes. */
html body .kh-title h2{color:#fff!important;text-shadow:none!important}
html body .kh-title .kh-ecosystem{display:inline-flex!important;position:relative;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ffffff35;border-radius:50%;background:radial-gradient(circle,#88ceef19,#11192390);color:#d8f5ff;box-shadow:0 0 12px #8bccdf14}
.kh-ecosystem svg{display:block;width:38px;height:38px;overflow:visible}
.kh-ecosystem .ht-orbit{transform-origin:24px 24px;animation:ht-orbit 18s linear infinite;animation-play-state:paused}
.kh-ecosystem .ht-sweep{transform-origin:24px 24px;animation:ht-orbit 7s linear infinite;animation-play-state:paused}
.ht-inview .ht-orbit,.ht-inview .ht-sweep{animation-play-state:running}
html body a.ht-lock,html body details.king-facts-fold>summary.ht-facts{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:54px!important;padding:12px 14px!important;margin:12px 0!important;border:1px solid #ffffff38!important;border-radius:14px!important;background:linear-gradient(125deg,rgba(16,19,23,.66),rgba(10,12,16,.58))!important;box-shadow:0 4px 14px #0002!important;color:#fff!important;font:600 12px/1.5 system-ui,sans-serif!important;text-decoration:none!important;text-shadow:none!important;letter-spacing:0!important;backdrop-filter:none!important}
html body details.king-facts-fold{margin:12px 0!important}
html body details.king-facts-fold>summary.ht-facts{margin:0!important;cursor:pointer;list-style:none}
html body details.king-facts-fold>summary.ht-facts::-webkit-details-marker{display:none}
.ht-row-icon{position:relative;display:inline-flex;flex:0 0 26px;width:26px;height:26px;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#ffffff07;color:#e1f4fc}
.ht-row-icon svg{width:20px;height:20px;display:block}
.ht-row-icon::after{content:"";position:absolute;inset:-6px;background:linear-gradient(110deg,transparent 35%,#e9faff5c 49%,transparent 62%);transform:translateX(-100%);animation:ht-light 4.8s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.ht-facts .ht-row-icon::after{animation-delay:1.2s}.ht-inview .ht-row-icon::after{animation-play-state:running}
@keyframes ht-orbit{to{transform:rotate(360deg)}}
@keyframes ht-light{0%,18%{transform:translateX(-100%);opacity:0}36%,58%{opacity:.8}75%,100%{transform:translateX(100%);opacity:0}}
@media(prefers-reduced-motion:reduce){.kh-ecosystem *,.ht-row-icon::after{animation:none!important}}

/* Existing alive decoration must not add a second icon to this reserved pair. */
html body :is(.ht-lock,.ht-facts)>.km-modern-icon{display:none!important}
html body :is(.ht-lock,.ht-facts)>span:not(.ht-row-icon):not(.km-modern-icon){font:600 11px/1.4 system-ui,sans-serif!important;min-width:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important}

/* Reserved centrepiece; all motion stays inside its fixed box. */
html body #king-hub .kh-card{position:relative!important}
html body #king-hub .kh-head{display:block!important;position:relative!important;min-height:204px!important;padding-top:12px!important}
html body #king-hub .kh-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;text-align:center!important}
html body #king-hub .kh-title>div{width:100%!important;text-align:center!important}
html body #king-hub .kh-title h2,html body #king-hub .kh-title p{text-align:center!important}
html body #king-hub .kh-ref{position:absolute!important;right:0!important;top:0!important;margin:0!important}
html body #king-hub .kh-title .kh-ecosystem{display:block!important;position:relative!important;flex:0 0 144px!important;width:144px!important;height:144px!important;border:0!important;overflow:visible!important;background:none!important;box-shadow:none!important;border-radius:50%!important}
html body #king-hub .kh-ecosystem .ht-core-logo{position:absolute!important;left:24px!important;top:24px!important;width:96px!important;height:96px!important;max-width:none!important;object-fit:contain!important;border-radius:50%!important;opacity:1!important;filter:none!important;background:none!important;box-shadow:0 0 10px #b6e7ff24!important;animation:ht-core-float 7s ease-in-out infinite;animation-play-state:paused}
html body #king-hub .kh-ecosystem .ht-orbit{position:absolute!important;inset:8px!important;width:128px!important;height:128px!important;border:1px solid #d5f1ff55!important;border-radius:50%!important;transform-origin:50% 50%!important;animation:ht-orbit 48s linear infinite;animation-play-state:paused}
html body #king-hub .ht-satellite{position:absolute!important;left:52px!important;top:52px!important;display:block!important;width:22px!important;height:22px!important;transform:rotate(var(--angle)) translateY(-64px) rotate(calc(-1 * var(--angle)))!important}
html body #king-hub .ht-satellite img{display:block!important;width:22px!important;height:22px!important;max-width:none!important;object-fit:contain!important;border-radius:50%!important;opacity:1!important;filter:none!important;background:#10131a!important;border:1px solid #ffffff6b!important;box-sizing:border-box!important;box-shadow:0 0 4px #ddf5ff33!important}
html body #king-hub .kh-ecosystem .ht-sweep{position:absolute!important;inset:7px!important;display:block!important;border:2px solid transparent!important;border-top-color:#d5f7ff!important;border-radius:50%!important;transform-origin:50% 50%!important;animation:ht-orbit 7s linear infinite;animation-play-state:paused}
html body #king-hub .kh-ecosystem.ht-inview .ht-core-logo,html body #king-hub .kh-ecosystem.ht-inview .ht-orbit,html body #king-hub .kh-ecosystem.ht-inview .ht-sweep{animation-play-state:running}
@keyframes ht-core-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(min-width:600px){html body #king-hub .kh-title .kh-ecosystem{flex-basis:160px!important;width:160px!important;height:160px!important}html body #king-hub .kh-ecosystem .ht-core-logo{width:112px!important;height:112px!important}html body #king-hub .kh-ecosystem .ht-orbit{width:144px!important;height:144px!important}html body #king-hub .ht-satellite{left:60px!important;top:60px!important;transform:rotate(var(--angle)) translateY(-72px) rotate(calc(-1 * var(--angle)))!important}html body #king-hub .kh-head{min-height:220px!important}}
@media(prefers-reduced-motion:reduce){html body #king-hub .kh-ecosystem *{animation:none!important}}
