@font-face{font-family:"Archivo Black";src:url("fonts/ArchivoBlack.ttf") format("truetype");font-display:swap}:root{--black:#000;--ink:#fff;--panel:#0c0c0d;--line:rgba(255,255,255,.1);--fog:#9b9ba1;--silver:#dadce0;--chrome:linear-gradient(180deg,#ffffff 0%,#e6e8eb 45%,#9fa3ab 100%);--display:"Archivo Black",Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--black)}body{color:var(--ink);font:400 16px/1.5 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.banner{position:relative;height:196px;overflow:hidden}.banner canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.15) 60%,#000 100%),linear-gradient(90deg,#000,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%,#000)}.wrap{position:relative;width:100%;max-width:430px;margin:-104px auto 0;padding:0 20px 22px}.head{text-align:center}.lockup{display:flex;justify-content:center;align-items:center;gap:12px}.logo{display:block;width:38px;height:auto;filter:drop-shadow(0 0 14px rgba(255,255,255,.25))}.lockup h1{margin:0}.bio{margin-top:16px !important}h1 sup{font:600 .38em Inter,sans-serif;vertical-align:super;margin-left:2px}h1{margin-top:14px;font:400 27px/1 var(--display);letter-spacing:-.3px;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}.bio{margin-top:7px;color:var(--fog);font-size:15.5px}.socials{display:flex;justify-content:center;gap:8px;margin-top:14px}.socials a{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(14,14,16,.7);font-size:13px;font-weight:500;color:var(--silver);transition:background .15s,color .15s}.socials a:hover{background:rgba(255,255,255,.1);color:var(--ink)}.socials svg{width:16px;height:16px}.shelf{margin-top:32px;display:grid;gap:10px}.item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 18px 16px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(24,24,27,.78),rgba(8,8,9,.86));border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 24px 60px rgba(0,0,0,.55);transition:border-color .2s ease,transform .2s ease}.item::before{content:"";position:absolute;left:50%;top:-60px;width:220px;height:120px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,255,255,.10),rgba(255,255,255,0) 70%);pointer-events:none}.item:hover{border-color:rgba(255,255,255,.35);transform:translateY(-2px)}.ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;background:#111113;border:1px solid rgba(255,255,255,.16)}.ico svg{width:22px;height:22px}.info{display:contents}.item h2{margin-top:10px;font:400 18px/1.2 var(--display)}.item p{margin-top:6px;color:var(--fog);font-size:13.5px;line-height:1.5}.price{margin-top:10px;font:400 20px/1 var(--display)}.price s{font:500 14px Inter,sans-serif;color:#66666b;margin-right:8px;vertical-align:2px}.go{margin-top:12px;width:100%;padding:12px;border-radius:12px;background:#fff;color:#000;font-size:14.5px;font-weight:600;transition:background .15s ease}.item:hover .go{background:#e3e4e7}footer{padding-top:26px;text-align:center;color:#4f4f55;font-size:12px}@media (prefers-reduced-motion:reduce){.item{transition:none}}.bio,.item p{text-wrap:balance}body{min-height:100svh;background:radial-gradient(ellipse 70% 40% at 50% 100%,#121214,#000 70%) fixed}@property --ang{syntax:"<angle>";initial-value:0deg;inherits:false}.item{border:1px solid transparent;background:linear-gradient(180deg,rgba(22,22,25,.92),rgba(7,7,8,.95)) padding-box,conic-gradient(from var(--ang),rgba(255,255,255,.08) 0deg,rgba(255,255,255,.08) 250deg,rgba(255,255,255,.75) 300deg,rgba(255,255,255,.08) 340deg) border-box;animation:spin 6s linear infinite}.item + .item{animation-delay:-3s}@keyframes spin{to{--ang:360deg}}.item:hover{border-color:transparent}.item h2{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}.ico{background:linear-gradient(180deg,#2a2a2e,#0f0f11);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px rgba(0,0,0,.5)}.badge{position:absolute;top:14px;right:14px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:600;color:#000;background:linear-gradient(180deg,#fff,#cfd1d5)}.go{position:relative;overflow:hidden}.item + .item @media (prefers-reduced-motion:reduce){.item{animation:none}}.lockup h1{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff;-webkit-text-fill-color:#fff}