.kubeScroll-scroll{background:linear-gradient(180deg, var(--ui-bg-0) 0%, var(--ui-bg-1) 26%, var(--ui-bg-2) 55%, var(--ui-bg-1) 80%, var(--ui-bg-0) 100%);height:1000vh;position:relative}.kubeScroll-sticky{height:100dvh;position:sticky;top:0;overflow:hidden}.kubeScroll-hero{z-index:3;will-change:opacity, transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kubeScroll-canvas{z-index:1;opacity:0;width:100%;height:100%;transition:opacity .8s ease-out;display:block;position:absolute;inset:0}.kubeScroll-canvas-ready{opacity:1}.kubeScroll-orb{filter:blur(60px);z-index:0;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.kubeScroll-orb1{background:radial-gradient(circle, rgba(var(--ui-violet-rgb), .28), transparent 70%);width:620px;height:620px;top:8%;left:-120px}.kubeScroll-orb2{background:radial-gradient(circle, rgba(var(--ui-pink-rgb), .22), transparent 70%);width:560px;height:560px;bottom:2%;right:-120px}.kubeScroll-overlay{z-index:2;pointer-events:none;position:absolute;inset:0}.kubeScroll-beat{opacity:0;will-change:opacity;align-items:center;display:flex;position:absolute;inset:0}.kubeScroll-beat-right{justify-content:flex-end}.kubeScroll-beat-inner{width:min(520px,42vw);padding:0 5.5vw;position:relative}.kubeScroll-beat-ghost{font-family:var(--ui-font-mono);color:rgba(var(--ui-text-rgb), .028);letter-spacing:-8px;white-space:nowrap;pointer-events:none;z-index:-1;will-change:transform;margin-top:-.5em;font-size:clamp(110px,17vw,260px);font-weight:700;line-height:.78;position:absolute;top:50%;left:1vw}.kubeScroll-beat-right .kubeScroll-beat-ghost{left:auto;right:1vw}.kubeScroll-beat-num{font-family:var(--ui-font-mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--brand);will-change:transform;align-items:center;gap:11px;margin-bottom:20px;font-size:12px;display:inline-flex}.kubeScroll-beat-num:before{content:"";background:linear-gradient(90deg, var(--brand), transparent);width:30px;height:1px}.kubeScroll-beat-title{letter-spacing:-1.4px;color:var(--ui-text);text-wrap:balance;will-change:transform;margin:0 0 20px;font-size:clamp(30px,3.5vw,52px);font-weight:500;line-height:1.04}.kubeScroll-beat-title .grad{color:var(--brand)}.kubeScroll-beat-body{color:var(--ui-muted);will-change:transform;max-width:380px;margin:0;font-size:17px;line-height:1.6}.kubeScroll-rail{z-index:3;pointer-events:none;flex-direction:column;gap:16px;display:flex;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.kubeScroll-r{opacity:.32;justify-content:flex-end;align-items:center;gap:11px;transition:opacity .35s;display:flex}.kubeScroll-lab{font-family:var(--ui-font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--ui-muted);font-size:9.5px}.kubeScroll-dot{border:1px solid var(--ui-line-strong);border-radius:50%;width:7px;height:7px;transition:all .35s}.kubeScroll-r.is-on{opacity:1}.kubeScroll-r.is-on .kubeScroll-lab{color:var(--ui-text)}.kubeScroll-r.is-on .kubeScroll-dot{background:var(--brand);border-color:var(--brand);box-shadow:0 0 12px var(--brand);transform:scale(1.25)}.kubeScroll-hint{z-index:3;color:var(--ui-dim);font-family:var(--ui-font-mono);letter-spacing:2px;text-transform:uppercase;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:10px;transition:opacity .4s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.kubeScroll-ar{animation:1.8s ease-in-out infinite kubeScroll-bounce}@keyframes kubeScroll-bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@media (max-width:760px){.kubeScroll-scroll{height:1180vh}.kubeScroll-beat,.kubeScroll-beat-right{justify-content:center}.kubeScroll-beat-inner{text-align:center;width:88vw;padding:0 6vw}.kubeScroll-beat-num{justify-content:center}.kubeScroll-beat-body{margin:0 auto}.kubeScroll-beat-ghost,.kubeScroll-rail{display:none}}
