.sp-rel{background:var(--sp-bg);padding:80px 0}.sp-rel__inner{max-width:1340px;margin:0 auto;padding:0 40px}.sp-rel__header{text-align:center;margin-bottom:48px}.sp-rel__header .sp-eyebrow{justify-content:center}.sp-rel__title{color:var(--sp-text);letter-spacing:-.01em;margin:0;font-size:clamp(24px,2.8vw,34px);font-weight:800}.sp-rel__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.sp-rel__card{background:var(--sp-bg-alt);border:1px solid var(--sp-border);transition:all .4s var(--sp-ease);transform-style:preserve-3d;perspective:800px;border-radius:18px;flex-direction:column;gap:12px;padding:28px 24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.sp-rel__card:hover{border-color:color-mix(in srgb, var(--sp-primary) 20%, transparent);box-shadow:0 16px 48px color-mix(in srgb, var(--sp-dark) 8%, transparent);transform:translateY(-6px)rotateX(2deg)}.sp-rel__card-top{justify-content:space-between;align-items:center;display:flex}.sp-rel__card-icon{background:linear-gradient(135deg, color-mix(in srgb, var(--sp-primary) 8%, transparent), color-mix(in srgb, var(--sp-primary) 2%, transparent));border:1px solid color-mix(in srgb, var(--sp-primary) 10%, transparent);width:48px;height:48px;color:var(--sp-primary);transition:all .35s var(--sp-ease);border-radius:14px;justify-content:center;align-items:center;display:flex}.sp-rel__card-icon svg{width:22px;height:22px}.sp-rel__card:hover .sp-rel__card-icon{background:var(--sp-primary);border-color:var(--sp-primary);color:#fff;box-shadow:0 4px 16px color-mix(in srgb, var(--sp-primary) 30%, transparent)}.sp-rel__card-arrow{width:28px;height:28px;color:var(--sp-text-muted);opacity:0;transition:all .35s var(--sp-ease);border-radius:8px;justify-content:center;align-items:center;display:flex;transform:translate(-8px)}.sp-rel__card-arrow svg{width:16px;height:16px}.sp-rel__card:hover .sp-rel__card-arrow{opacity:1;color:var(--sp-primary);transform:translate(0)}.sp-rel__card-title{color:var(--sp-text);margin:0;font-size:16px;font-weight:700;transition:color .2s}.sp-rel__card:hover .sp-rel__card-title{color:var(--sp-primary)}.sp-rel__card-desc{color:var(--sp-text-muted);margin:0;font-size:13px;line-height:1.6}.sp-rel__card-shine{z-index:1;pointer-events:none;background:linear-gradient(105deg, transparent 40%, color-mix(in srgb, var(--sp-primary) 4%, transparent) 45%, transparent 50%);transition:transform .6s var(--sp-ease);position:absolute;inset:0;transform:translate(-100%)}.sp-rel__card:hover .sp-rel__card-shine{transform:translate(100%)}@media (width<=1024px){.sp-rel__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sp-rel__inner{padding:0 20px}.sp-rel{padding:60px 0}.sp-rel__grid{grid-template-columns:1fr}}@media (width<=480px){.sp-rel__inner{padding:0 16px}.sp-rel__card{padding:22px 18px}}@media (prefers-reduced-motion:reduce){.sp-rel__card-shine{display:none}}