.sp-sc-intro{margin:.2em 0 1.8em;max-width:640px}
.sp-sc-count{color:var(--sp-text-muted);font-size:13px;margin:0}
.sp-sc-section h3{font-size:15px;font-weight:700;letter-spacing:.02em;margin:2.2em 0 1.1em;padding-bottom:.5em;border-bottom:2px solid var(--sp-border);color:var(--sp-text);display:flex;align-items:center;gap:9px}
.sp-sc-section h3::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sp-accent);flex-shrink:0;box-shadow:0 0 0 3px color-mix(in srgb, var(--sp-accent) 22%, transparent)}
.sp-sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:22px;margin:0 0 1.6em}
.sp-sc-card{display:block;text-decoration:none;color:inherit;border-radius:14px;background:var(--sp-surface);border:1px solid var(--sp-border);overflow:hidden;position:relative;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease;isolation:isolate}
.sp-sc-card::before{content:"";position:absolute;inset:-1px;border-radius:15px;padding:1px;background:linear-gradient(135deg,var(--sp-accent),var(--sp-important));opacity:0;transition:opacity .22s ease;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}
.sp-sc-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -10px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.1)}
.sp-sc-card:hover::before{opacity:1}
.sp-sc-viewport{width:100%;height:172px;overflow:hidden;background:var(--sp-surface-2);position:relative;display:flex;align-items:center;justify-content:center}
.sp-sc-viewport::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.05));pointer-events:none}
.sp-sc-frame{border:none;flex-shrink:0;transform-origin:center center;background:transparent}
.sp-sc-cardbody{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px}
.sp-sc-title{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--sp-text)}
.sp-sc-arrow{font-size:14px;color:var(--sp-text-muted);opacity:0;transform:translateX(-4px);transition:opacity .2s ease,transform .2s ease}
.sp-sc-card:hover .sp-sc-title{color:var(--sp-accent)}
.sp-sc-card:hover .sp-sc-arrow{opacity:1;transform:translateX(0)}