/**
 * WISECP · Web Hosting Billing and Digital Services Platform
 *
 * Copyright (c) WISECP LLC — All rights reserved.
 * Unlicensed copying, distribution or use is prohibited.
 *
 * Terms of service: https://wisecp.com/terms-of-service
 */
.reference-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-block-start:.5rem;padding-block:1.5rem;border-block:1px solid var(--basic-border-color);text-align:center}.reference-stat{display:flex;flex-direction:column;gap:.15rem}.reference-stat-num{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--basic-heading-color)}.reference-stat-label{font-size:.85rem;color:var(--basic-muted-color)}.reference-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-block-end:2rem}.reference-chip{display:inline-flex;align-items:center;gap:.45rem;padding-block:.4rem;padding-inline:.85rem;border:1px solid var(--basic-border-color);border-radius:10rem;background-color:var(--basic-surface-bg);color:var(--basic-body-color);font-size:.85rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.reference-chip:hover{border-color:color-mix(in srgb,var(--basic-primary) 35%,var(--basic-border-color));background-color:var(--basic-primary-subtle);color:var(--basic-primary-text)}.reference-chip.active{background-color:var(--basic-primary);border-color:var(--basic-primary);color:var(--basic-on-primary)}.reference-chip img{inline-size:1em;block-size:1em;object-fit:contain}.reference-chip-count{padding-block:.05rem;padding-inline:.4rem;border-radius:10rem;background-color:color-mix(in srgb,var(--basic-body-color) 8%,transparent);font-size:.7rem;font-weight:700}.reference-chip.active .reference-chip-count{background-color:color-mix(in srgb,var(--basic-on-primary) 22%,transparent)}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;justify-content:center}.reference-card{--ref-accent: var(--basic-primary);--ref-accent-text: color-mix(in srgb, var(--ref-accent) 72%, var(--basic-body-color));display:flex;flex-direction:column;overflow:hidden;background-color:var(--basic-surface-bg);border:1px solid var(--basic-border-color);border-radius:var(--basic-radius);box-shadow:var(--basic-shadow-sm);color:inherit;text-decoration:none;block-size:100%}.reference-cover{position:relative;display:block;aspect-ratio:16 / 10;overflow:hidden;background-color:var(--basic-primary-subtle)}.reference-cover-img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform .4s ease}.reference-card:hover .reference-cover-img{transform:scale(1.06)}.reference-cover-ico{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;font-size:2.75rem;color:color-mix(in srgb,var(--ref-accent) 62%,var(--basic-body-color));background-image:linear-gradient(135deg,color-mix(in srgb,var(--ref-accent) 22%,var(--basic-surface-bg)),color-mix(in srgb,var(--ref-accent) 8%,var(--basic-surface-bg)))}.reference-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 38%,color-mix(in srgb,var(--ref-accent) 62%,transparent)),linear-gradient(to top,rgba(0,0,0,.32),transparent 45%);pointer-events:none}.reference-cover:has(.reference-cover-ico):after{display:none}.reference-body{display:flex;flex-direction:column;gap:.4rem;flex:1 1 auto;padding:1.1rem 1.15rem}.reference-cat-label{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ref-accent-text)}.reference-cat-label img{inline-size:1em;block-size:1em;object-fit:contain}.reference-title{font-size:1.05rem;font-weight:700;line-height:1.25;color:var(--basic-heading-color)}.reference-desc{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.85rem;line-height:1.45;color:var(--basic-muted-color)}.reference-visit{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-block-start:auto;padding-block-start:.85rem;font-size:.85rem;font-weight:600;color:var(--basic-primary-text)}.reference-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-visit .bi{flex-shrink:0;transition:transform .2s ease}.reference-card:hover .reference-visit .bi{transform:translate(.15rem,-.15rem)}.reference-count{margin-block:1.5rem 0;font-size:.85rem;color:var(--basic-muted-color);text-align:center}@media(max-width:767.98px){.reference-stats{grid-template-columns:repeat(2,1fr);gap:1.25rem 1rem}.reference-filters{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-block-end:.25rem}.reference-chip{flex-shrink:0}}