.km-public .km-hero{position:relative;isolation:isolate;overflow:hidden}
.km-public .km-hero-grid{position:relative;z-index:1}
.km-public .km-hero-ribbon{position:absolute;inset:-25% -10% -20% 8%;z-index:0;pointer-events:none;opacity:.9;overflow:visible}
.km-public .km-hero-ribbon svg{display:block;width:100%;height:100%;overflow:visible}
.km-public .km-hero-ribbon::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1628fa 0%,#0b1628c4 24%,#0b162855 45%,transparent 72%)}
.km-public .km-ribbon-wave{transform-origin:65% 50%;animation:km-ribbon-flow 12s ease-in-out infinite alternate;animation-delay:-4s;animation-play-state:paused;stroke-width:1.7}
.km-public .km-ribbon-wave-back{transform-origin:60% 45%;animation:km-ribbon-flow-back 16s ease-in-out infinite alternate;animation-delay:-7s;animation-play-state:paused;opacity:.68;stroke:#45a4bd;stroke-width:1.35}
.km-public .km-ribbon-wave path:nth-child(7n){stroke:#a6e8ee;stroke-width:2.2;opacity:.85}
.km-public .km-hero[data-motion-running="true"] .km-ribbon-wave,.km-public .km-hero[data-motion-running="true"] .km-ribbon-wave-back{animation-play-state:running}
.km-public .km-motion-control{position:absolute;right:24px;bottom:12px;z-index:2;border:1px solid #68849c70;border-radius:100px;padding:6px 12px;min-height:36px;background:#0b1628dc;color:#d6dfeb;font:500 11px/1.4 'DM Sans',sans-serif;cursor:pointer}
.km-public .km-motion-control:hover{border-color:#7dd3fc;color:white}
.km-public .km-motion-control:focus-visible{outline:3px solid #f5b83d;outline-offset:3px}
@keyframes km-ribbon-flow{0%{transform:translate(-7%,-7%) rotate(-11deg) scale(1.05,.96)}50%{transform:translate(2%,3%) rotate(1deg) scale(.98,1.1)}100%{transform:translate(8%,-3%) rotate(10deg) scale(1.07,1)}}
@keyframes km-ribbon-flow-back{0%{transform:translate(7%,6%) rotate(12deg) scale(1.05)}100%{transform:translate(-7%,-8%) rotate(-11deg) scale(.97,1.12)}}
@media(max-width:700px){.km-public .km-hero-ribbon{inset:-5% -65% 0 -5%;opacity:.66}.km-public .km-hero-ribbon::after{background:linear-gradient(180deg,#0b162887,transparent 60%)}.km-public .km-motion-control{right:20px;bottom:7px}.km-public .km-hero{padding-bottom:53px}}
@media(prefers-reduced-motion:reduce){.km-public .km-ribbon-wave,.km-public .km-ribbon-wave-back{animation:none!important}}