*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden;scrollbar-width:thin;background:#060607;color:#F2F2F3;font-family:Geist,"Segoe UI",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{position:relative;max-width:460px;margin:0 auto;min-height:100dvh;padding:52px 18px 28px;display:flex;flex-direction:column;--accent:#CBFE16}
.glow{position:absolute;top:-180px;left:50%;transform:translateX(-50%);width:620px;height:520px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 26%,transparent),transparent);pointer-events:none}
.who{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.ring{width:104px;height:104px;border-radius:50%;padding:3px;background:var(--accent)}
.ring-in{width:98px;height:98px;border-radius:50%;padding:3px;background:#060607}
.avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;display:block;background:#1C1D20}
.avatar.initial{display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#F2F2F3}
h1{font-size:24px;font-weight:800;letter-spacing:-.035em;line-height:1.1;margin:16px 0 0}
.handle{font-size:14px;color:#A6A7AD;margin-top:5px}
.headline{font-size:15.5px;color:#D9DADD;line-height:1.4;max-width:290px;text-wrap:balance;margin:12px 0 0}
.socials{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;justify-content:center}
.socials a{height:28px;padding:0 12px;border-radius:999px;background:#141416;display:inline-flex;align-items:center;font-size:13px;font-weight:600}
.featured{position:relative;margin-top:34px;background:#141416;border-radius:26px;padding:8px;display:flex;flex-direction:column}
.featured .photo{position:relative;width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#1C1D20}
.featured .photo img{width:100%;height:100%;object-fit:cover;display:block}
.tag{position:absolute;top:12px;left:12px;height:26px;padding:0 11px;border-radius:999px;background:rgba(6,6,7,.72);backdrop-filter:blur(8px);font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;pointer-events:none}
.tag i{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.featured .text{padding:14px 10px 6px}
.row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
h2{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0}
.price{font-size:15px;font-weight:600;white-space:nowrap}
.btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;padding:8px 2px 2px}
.btns a{height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:14.5px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;transition:filter .15s}
.btns a:hover{filter:brightness(1.08)}
.btns .primary{background:var(--accent);color:#000}
.btns .secondary{background:#232428;color:#F2F2F3}
.rest{position:relative;margin-top:12px;display:flex;flex-direction:column;gap:12px}
.tile{background:#141416;border-radius:24px;padding:8px;display:flex;flex-direction:column;gap:8px}
.tile.link{padding:16px 18px}
.trow{display:flex;align-items:center;gap:14px}
.thumb{width:68px;height:68px;flex:none;border-radius:17px;overflow:hidden;background:#1C1D20}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ttext{min-width:0;flex:1;padding-right:8px;display:flex;flex-direction:column;gap:2px}
h3{font-size:15px;font-weight:650;letter-spacing:-.015em;line-height:1.25;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tile .price{font-size:14px}
footer{position:relative;margin-top:auto;padding-top:44px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.disclaimer{font-size:12px;color:#6E6F76}
.brand{height:32px;padding:0 14px;border-radius:999px;background:#141416;display:inline-flex;align-items:center;font-weight:800;font-size:13px;letter-spacing:-.03em;color:#D9DADD}
.brand span{color:var(--accent)}
