:root{--bg:#0B0F14;--s1:#121A23;--s2:#182330;--ln:rgba(148,187,214,.10);--ln2:rgba(148,187,214,.18);--t:#E6EDF3;--m:#8B9BAB;--y:#F5A524;--c:#22D3EE;--g:#34D399;--r:#F87171}
body{background:var(--bg);color:var(--t)}
h1 .y,.y{color:var(--c)!important;text-shadow:none}
.btn.pri{background:var(--c);color:#06222A;border-color:var(--c)}
.btn.pri:hover{background:#67E8F9}
.idx{color:var(--y)!important}
.eyebrow,.eyebrow .dot{color:var(--c)}
:focus-visible{outline:2px solid var(--y);outline-offset:3px}
.ghost{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0}
.ghost .swirl{width:min(120vw,1200px);color:var(--c);opacity:.035}
.motion .ghost .swirl{animation:spin 240s linear infinite}
.hero-r{position:relative}
.rotor{position:absolute;right:-60px;top:-70px;width:300px;height:300px;opacity:.22;z-index:0;pointer-events:none}
.rotor img{width:100%;border-radius:50%;mix-blend-mode:screen}
.motion .rotor img{animation:spin 60s linear infinite}
.rhub{position:absolute;inset:0;display:grid;place-items:center;color:var(--y)}
.rhub .swirl{width:40px;opacity:.9}
.rhub b{position:absolute;font:600 8px var(--mono);color:#0B0F14;letter-spacing:.5px}
.console{position:relative;z-index:1}
.cdiv{position:relative;max-width:1180px;margin:0 auto;padding:0 24px;height:22px;overflow:hidden;display:flex;align-items:center;gap:14px;color:var(--c);opacity:.28;font:12px/1 Inter,system-ui,sans-serif;letter-spacing:6px;white-space:nowrap;transition:opacity .4s}
.cdiv:hover{opacity:.75}
.cdiv span{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.cdiv .pil{flex:none;width:18px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 -13 26 26'%3E%3Cpath d='M-9-10h4v20h-4zM5-10h4v20h-4zM-11-12h8v3h-8zM3-12h8v3h-8zM-11 9h8v3h-8zM3 9h8v3h-8zM-13-3C-5-7 5 1 13-3v4C5 5-5-3-13 1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-13 -13 26 26'%3E%3Cpath d='M-9-10h4v20h-4zM5-10h4v20h-4zM-11-12h8v3h-8zM3-12h8v3h-8zM-11 9h8v3h-8zM3 9h8v3h-8zM-13-3C-5-7 5 1 13-3v4C5 5-5-3-13 1z'/%3E%3C/svg%3E") center/contain no-repeat}
.idx[data-egg]{position:relative}
.idx[data-egg]::after{content:attr(data-egg);position:absolute;left:100%;top:0;margin-left:6px;font:600 10px var(--mono);color:var(--y);opacity:0;transition:opacity .3s}
.sh:hover .idx[data-egg]::after{opacity:.8}
.tail{color:var(--m);font-family:var(--mono);letter-spacing:3px}
.nav .navlogo{border-radius:50%}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:820px){.rotor{width:200px;height:200px;right:-30px;top:-50px}}
@media (prefers-reduced-motion:reduce){.ghost .swirl,.rotor img{animation:none!important}}
.cdiv,.cdiv *{-webkit-user-select:none;user-select:none}
html,body{overflow-x:clip}main{overflow-x:clip}