.sp-page{--sp-bg:#141414;--sp-border:#ffffff14;--sp-border-strong:#eab83f57;--sp-text:#f7f2e9;--sp-accent:#eab83f;min-height:calc(100vh - 60px);color:var(--sp-text);background:radial-gradient(circle at 50% 0,#ffffff12 0%,#0000 24%),radial-gradient(circle at 50% 18%,#eab83f14 0%,#0000 32%),linear-gradient(#2a2a29 0%,#171717 34%,#111 100%);padding:clamp(48px,7vh,76px) 0 64px;position:relative;overflow:hidden}.sp-page:before,.sp-page:after{content:"";pointer-events:none;position:absolute;inset:0}.sp-page:before{opacity:.9;background:radial-gradient(circle at 15% 85%,#eab83f14,#0000 24%),radial-gradient(circle at 85% 24%,#ffffff08,#0000 18%)}.sp-page:after{opacity:.8;background:linear-gradient(#ffffff0a,#0000 18%)}.sp-page-noise{pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000000b3 16%,#000000f2);mask-image:linear-gradient(#0000,#000000b3 16%,#000000f2)}.sp-container{z-index:1;width:min(100%,1680px);margin:0 auto;padding:0 32px;position:relative}.sp-header{text-align:center;max-width:720px;margin:0 auto clamp(52px,10vh,112px)}.sp-header-line{background:linear-gradient(90deg,#0000 0%,#eab83f99 50%,#0000 100%);width:120px;height:1px;margin:0 auto 28px;display:block}.sp-header h1{letter-spacing:.03em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(34px,4vw,52px);font-weight:700;line-height:1.08}.sp-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}@media (min-width:1500px){.sp-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sp-card{border:1px solid var(--sp-border);background:linear-gradient(#343434f0,#202020fa);border-radius:18px;flex-direction:column;gap:10px;width:100%;min-width:0;min-height:198px;padding:12px;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;animation:.48s cubic-bezier(.22,1,.36,1) both sp-card-enter;display:flex;box-shadow:0 22px 34px #0000002e,inset 0 1px #ffffff08}.sp-card:hover{border-color:var(--sp-border-strong);background:linear-gradient(#383838fa,#222222fa);transform:translateY(-4px);box-shadow:0 28px 38px #0000003d,0 0 0 1px #eab83f0f,inset 0 1px #ffffff0a}.sp-card-main{grid-template-columns:minmax(162px,1.1fr) minmax(0,1fr);align-items:stretch;gap:12px;min-height:132px;display:grid}.sp-brand-panel{background:linear-gradient(#faf8f4 0%,#efebe2 100%);border:1px solid #00000014;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;min-height:132px;padding:14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #00000014}.sp-brand-artwork{z-index:1;filter:contrast(1.05)saturate(.98);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:56px;position:relative}.sp-brand-artwork.is-generated{background-size:auto 52px}.sp-brand-glow{filter:blur(20px);background:#eab83f2e;border-radius:999px;height:28px;position:absolute;inset:auto 12% 18px}.sp-brand-mark{color:#9c6e08;letter-spacing:.08em;background:linear-gradient(#f4d37a47,#eab83f14);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #9c6e081f}.sp-brand-copy{text-align:center;flex-direction:column;gap:6px;width:100%;min-width:0;margin-top:auto;display:flex}.sp-brand-name{color:#181818;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;font-size:clamp(18px,1.28vw,24px);font-weight:700;line-height:1.15;overflow:hidden}.sp-brand-host{color:#7b7265;letter-spacing:.14em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:100%;font-size:9px;line-height:1.4;overflow:hidden}.sp-card-content{grid-template-rows:minmax(clamp(40px,2.7vw,52px),auto) auto auto;align-content:center;gap:10px;min-width:0;display:grid}.sp-card-copy{flex-direction:column;gap:0;min-width:0;min-height:0;display:flex}.sp-card-title{min-width:0;color:var(--sp-accent);letter-spacing:.01em;text-align:center;text-wrap:balance;-webkit-line-clamp:2;text-shadow:0 4px 14px #eab83f1a;-webkit-box-orient:vertical;margin:0;font-size:clamp(18px,1.45vw,24px);font-weight:700;line-height:1.04;display:-webkit-box;overflow:hidden}.sp-domain-badge{color:#ffffff94;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;align-self:flex-start;align-items:center;max-width:100%;min-height:28px;padding:0 10px;display:inline-flex}.sp-domain-text{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;min-width:0;font-size:10px;line-height:1;overflow:hidden}.sp-visit-btn,.sp-ping-form{border-radius:10px;min-height:38px;transition:transform .18s,border-color .18s,background .18s,color .18s,box-shadow .18s}.sp-visit-btn{color:#2a210d;letter-spacing:.05em;background:linear-gradient(#f1c450 0%,#d6a52b 100%);justify-content:center;align-self:flex-start;align-items:center;gap:7px;min-width:118px;padding:0 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 10px 18px #eab83f2e}.sp-visit-btn:hover{background:linear-gradient(#f6cf70 0%,#dfb348 100%);transform:translateY(-1px);box-shadow:0 18px 30px #eab83f38}.sp-visit-icon{flex-shrink:0;width:13px;height:13px;transition:transform .18s}.sp-visit-btn:hover .sp-visit-icon{transform:translate(2px)}.sp-ping-form{background:linear-gradient(#39352beb,#2d2b25f0);border:1px solid #eab83f3d;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff08,0 10px 18px #00000029}.sp-ping-form:hover{background:linear-gradient(#3d382ef0,#302d27f5);border-color:#eab83f57}.sp-ping-input-wrap{align-items:center;min-width:0;min-height:38px;display:flex}.sp-ping-input{color:#f7f2e9f0;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;padding:0 14px;font-size:12px}.sp-ping-input::placeholder{color:#ffffff38}.sp-ping-submit{min-width:84px;color:var(--sp-accent);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700;position:relative}.sp-ping-submit:before{content:"";background:#eab83fb3;width:1px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sp-ping-form:focus-within{background:linear-gradient(#3d382ef5,#302d27fa);border-color:#eab83f6b}.sp-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes sp-card-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1380px){.sp-container{padding-left:20px;padding-right:20px}}@media (max-width:1040px){.sp-card-main{grid-template-columns:1fr}.sp-brand-panel{min-height:120px}}@media (prefers-reduced-motion:reduce){.sp-card,.sp-visit-btn,.sp-visit-icon{transition:none!important;animation:none!important}}