.srv-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.75rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.srv-card:hover{border-color:color-mix(in srgb, var(--srv-accent) 55%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--srv-accent) 10%, transparent)}.srv-art{height:140px;position:relative}@media (min-width:768px){.srv-art{height:190px}}.srv-art-media{background:radial-gradient(90% 160% at 85% 0%, color-mix(in srgb, var(--srv-accent) 38%, transparent), transparent 60%), radial-gradient(70% 140% at 10% 100%, color-mix(in srgb, var(--srv-accent) 16%, transparent), transparent 55%), linear-gradient(color-mix(in srgb, var(--srv-accent) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--srv-accent) 7%, transparent) 1px, transparent 1px), #101010;background-size:auto,auto,36px 36px,36px 36px,auto;position:absolute;inset:0;overflow:hidden}.srv-art-media:after{content:"";background:linear-gradient(to bottom, transparent 40%, hsl(var(--card) / .92));position:absolute;inset:0}.srv-tex{opacity:.13;filter:grayscale()brightness(1.8);width:560px;max-width:none;position:absolute;top:-40px;right:-60px;transform:rotate(-7deg)}.srv-logo{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 10px 24px #0009);width:88px;height:88px;position:absolute;bottom:-22px;left:20px}@media (min-width:768px){.srv-logo{width:132px;height:132px;bottom:-28px;left:32px}}.srv-feat-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 2rem;padding:2.5rem 1.25rem 1.5rem;display:flex}@media (min-width:768px){.srv-feat-body{padding:1.5rem 2rem 1.625rem 196px}}.srv-bar{background:hsl(var(--foreground) / .08);border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.srv-bar-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--srv-accent) 55%, transparent), var(--srv-accent));border-radius:999px;height:100%;display:block}.srv-dev-art{background:radial-gradient(100% 190% at 90% 0%, color-mix(in srgb, var(--srv-accent) 32%, transparent), transparent 60%), linear-gradient(color-mix(in srgb, var(--srv-accent) 6%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--srv-accent) 6%, transparent) 1px, transparent 1px), #101010;background-size:auto,32px 32px,32px 32px,auto;align-items:center;height:120px;padding-left:26px;display:flex;position:relative;overflow:hidden}.srv-pulse{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite srv-pulse}@keyframes srv-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.srv-pulse{animation:none}}.srv-card .srv-cta:hover{background:color-mix(in srgb, var(--srv-accent) 12%, transparent);border-color:color-mix(in srgb, var(--srv-accent) 55%, transparent)}.srv-tex-sm{width:340px;top:-18px;right:-30px}.srv-cmp-scroll{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.75rem;overflow-x:auto}.srv-cmp{border-collapse:collapse;width:100%;min-width:640px;font-size:.875rem}.srv-cmp th,.srv-cmp td{text-align:left;border-bottom:1px solid hsl(var(--border));padding:14px 20px;transition:background-color .15s}.srv-cmp tr:last-child th,.srv-cmp tr:last-child td{border-bottom:none}:is(.srv-cmp:has(.srv-col-0:hover) .srv-col-0,.srv-cmp:has(.srv-col-1:hover) .srv-col-1,.srv-cmp:has(.srv-col-2:hover) .srv-col-2,.srv-cmp:has(.srv-col-3:hover) .srv-col-3){background:color-mix(in srgb, var(--srv-accent) 7%, transparent)}