:root{--ink: #111110;--text: #4a4947;--muted: #6c6b69;--line: #e7e6e3;--accent: #f6c100;--accent-rgb: 246 193 0;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ease: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:clamp(2rem,6vw,4rem) 1.5rem;font-family:var(--font);font-size:1rem;line-height:1.6;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}img{height:auto}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit}button{font:inherit}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page{width:min(42rem,100%)}.brand{display:grid;justify-items:center;gap:.9rem;text-align:center}.brand-art{position:relative;width:clamp(8rem,28vw,12rem);margin-block:1.4rem}.logo{position:relative;z-index:1;width:100%;animation:float 7s ease-in-out infinite}.orbit-wrap{position:absolute;z-index:0;top:50%;left:50%;width:134%;aspect-ratio:1;transform:translate(-50%,-50%)}.orbit{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #dedcd8;border-radius:50%;animation:spin 50s linear infinite}.orbit span{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--a))}.orbit span:after{content:"";position:absolute;top:0;left:50%;width:.65rem;height:.65rem;margin:-.325rem 0 0 -.325rem;border-radius:50%;background:var(--accent)}.orbit span:nth-child(2):after{width:.45rem;height:.45rem;margin:-.225rem 0 0 -.225rem;background:var(--ink)}.orbit span:nth-child(3):after{background:#fff;box-shadow:inset 0 0 0 1.5px var(--muted)}.brand h1{margin-right:-.32em;color:var(--ink);font-size:.875rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase}.items{position:relative;margin-top:clamp(1.5rem,5vw,2.5rem)}.item{position:relative;display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:0 1rem;padding:1.4rem 0;color:var(--ink);text-decoration:none}.items:before,.item:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line);transform-origin:left;animation:draw .9s var(--ease) both}.items:before{top:0;animation-delay:.3s}.item:after{bottom:0;animation-delay:calc(var(--i, 1) * .12s + .3s)}.icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;color:var(--ink);box-shadow:inset 0 0 0 1px #dedcd8}.icon-live{background:var(--accent);box-shadow:none}.icon .ico{width:1.3rem;height:1.3rem;transition:transform .4s var(--ease)}.item:hover .icon .ico{transform:scale(1.14) rotate(-6deg)}.name{color:var(--ink);font-size:clamp(1.25rem,3.6vw,1.75rem);font-weight:500;letter-spacing:-.03em;line-height:1.2}.desc{margin-top:.2rem;color:var(--muted);font-size:.875rem;line-height:1.4}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.1rem;border-radius:999px;font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap}.ico{flex:none;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.btn-pending{position:relative;overflow:hidden;isolation:isolate;border:1.5px dashed var(--ink);background:transparent;color:var(--ink);cursor:default}.btn-pending:disabled{color:var(--ink);-webkit-text-fill-color:var(--ink);opacity:1}.btn-pending:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;transition:opacity .3s;background:repeating-linear-gradient(-45deg,rgb(var(--accent-rgb) / .42) 0 8px,transparent 8px 16px);background-size:22.627px 22.627px}.btn-pending .ico{transform-origin:50% 100%}.item:hover .btn-pending:before{opacity:1;animation:stripes 1s linear infinite}.item:hover .btn-pending .ico{animation:tap .7s ease-in-out}.btn-live{gap:.6rem;border:1.5px solid var(--ink);background:var(--ink);color:#fff}.btn-live .dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);animation:ping 2.2s ease-out infinite}.btn-live .go{display:inline-block;transition:transform .3s var(--ease)}.item-link{background:linear-gradient(rgb(var(--accent-rgb) / .16),rgb(var(--accent-rgb) / .16)) no-repeat left / 0 100%;transition:background-size .5s var(--ease),padding .35s var(--ease)}.item-link:hover,.item-link:focus-visible{padding-inline:.9rem;background-size:100% 100%}.item-link:hover .go,.item-link:focus-visible .go{transform:translate(2px,-2px)}@media(max-width:559px){.item{grid-template-columns:2.75rem minmax(0,1fr);align-items:start;padding:1.25rem 0}.btn{grid-column:2;justify-self:start;margin-top:.85rem}}.rise{animation:rise .8s var(--ease) both;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px);filter:blur(4px)}}@keyframes draw{0%{transform:scaleX(0)}}@keyframes float{0%,to{transform:translateY(-4px)}50%{transform:translateY(6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{0%{box-shadow:0 0 rgb(var(--accent-rgb) / .6)}80%,to{box-shadow:0 0 0 .5rem rgb(var(--accent-rgb) / 0)}}@keyframes stripes{to{background-position:22.627px 0}}@keyframes tap{0%,to{transform:rotate(0)}30%{transform:rotate(-16deg)}60%{transform:rotate(9deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
