
@media (max-width: 768px) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (max-width: 768px) and (min-width: 481px) {
}
@media (max-width: 480px) {
}
.module-stat-card::after { content: "→"; position: absolute; right: 12px; bottom: 12px; font-size: 13px; font-weight: 800; line-height: 1; color: var(--acc-i); opacity: 1; transition: opacity .15s, transform .15s; pointer-events: none; display: grid; place-items: center; width: 19px; height: 19px; border-radius: 999px; background: var(--acc-s); }
.module-stat-card:hover::after, .module-stat-card:focus-visible::after { opacity: 1; transform: translateX(2px); background: var(--acc); color: #fff; }
.module-stat-card::after {
  display: grid; place-items: center; width: 19px; height: 19px; border-radius: 999px; background: var(--acc-s); color: var(--acc-i); opacity: .55; content: "\2192"; position: absolute; right: 12px; bottom: 12px; font-size: 13px; font-weight: 800; line-height: 1; transition: opacity .15s, transform .15s; pointer-events: none;
}
.module-stat-card:hover::after, .module-stat-card:focus-visible::after { background: var(--acc); color: #fff; opacity: 1; transform: translateX(2px); }
.module-stat-card__value { display: block; font-size: 16px; font-weight: 800; margin-bottom: 8px; text-shadow: 0 2px 4px rgba(0,0,0,0.1);  }
.module-stat-card__icon { font-size: 36px; margin-bottom: 10px; line-height: 1; text-align: center; }
.module-stat-card__label { font-size: 1rem; font-weight: 700; color: #6c757d; margin-bottom: 4px; text-transform: uppercase; letter-spacing: .3px; display: block; }
@media (prefers-reduced-motion: reduce) {
}

.module-stat-card__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 16px;
    margin: 24px 0;
}

@media (prefers-reduced-motion: reduce) {
.module-stat-card, .module-stat-card::before, .module-stat-card::after {
        transition: none !important;
    }
.module-stat-card:hover, .module-stat-card__step:hover {
        transform: none !important;
    }
.module-stat-card.module-stat-card__shine::before {
        animation: none;
    }
}
@media (max-width: 768px) and (min-width: 481px) {
.module-stat-card__grid--stat:not(.module-stat-card__grid--cols-1) {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}
@media (max-width: 480px) {
.module-stat-card__grid--stat:not(.module-stat-card__grid--cols-1) {
        grid-template-columns: 1fr;
    }
}
.module-stat-card { position: relative; }
.module-stat-card::after {
  content: "\2192";
  position: absolute; right: 12px; bottom: 12px;
  font-size: 13px; font-weight: 800; line-height: 1;
  color: var(--acc-i); opacity: .55; transition: opacity .15s, transform .15s;
  pointer-events: none;
}
.module-stat-card:hover::after, .module-stat-card:focus-visible::after { opacity: 1; transform: translateX(2px); }
.module-stat-card::after { content: "→"; }
.module-stat-card::after {
  display: grid; place-items: center;
  width: 19px; height: 19px; border-radius: 999px;
  background: var(--acc-s); color: var(--acc-i); opacity: 1;
}
.module-stat-card--link::after { content: none; }
.module-stat-card:hover::after, .module-stat-card:focus-visible::after { background: var(--acc); color: #fff; opacity: 1; }
.module-stat-card__value {
  display: block;
  font-size: 2.5rem;
  font-weight: 900;
  margin-bottom: 8px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);  }
.module-stat-card__icon {
  font-size: 28px;
  margin-bottom: 8px;
  line-height: 1;
}
.module-stat-card__label {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text-muted);
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: .3px;
}
.module-stat-card__value {
  font-size: 16px;
  font-weight: 800;  }
.module-stat-card {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: 12px;
    padding: 24px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(79, 70, 229, 0.12);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;

    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.module-stat-card__icon {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
    text-align: center;
}
.module-stat-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 30px rgba(79, 70, 229, 0.2);
}
.module-stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(79, 70, 229, 0.1), transparent);
    transition: all 0.8s ease;
}
.module-stat-card:hover::before {
    left: 100%;
}
a.module-stat-card:focus-visible {
    outline: 2px solid var(--color-primary, #1a73e8);
    outline-offset: -2px;
}
a.module-stat-card, a.module-stat-card__result, a.module-stat-card__method, .module-stat-card--link, .module-stat-card__result--link, .module-stat-card__method--link {
    text-decoration: none;
    color: inherit;
}
a.module-stat-card:hover, a.module-stat-card__result:hover, a.module-stat-card__method:hover, .module-stat-card--link:hover, .module-stat-card__result--link:hover, .module-stat-card__method--link:hover {
    text-decoration: none;
    color: inherit;
}
.module-stat-card__title, .module-stat-card__result-title, .module-stat-card__method-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px;
    color: #1a73e8;
}
.module-stat-card__number, .module-stat-card__value {
    display: block;
    font-size: 2.5rem;
    font-weight: 900;
    margin-bottom: 8px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);  }
.module-stat-card__label {
    font-size: 1rem;
    font-weight: 700;
    color: #6c757d;
    margin-bottom: 4px;
    display: block;
}
.module-stat-card__desc {
    font-size: 1rem;
    color: #4b5563;
    display: block;
}
.module-stat-card--red    .module-stat-card__value { color: #dc2626; }
.module-stat-card--blue   .module-stat-card__value { color: #2563eb; }
.module-stat-card--gold   .module-stat-card__value { color: #d97706; }
.module-stat-card--green  .module-stat-card__value { color: #059669; }
.module-stat-card--orange .module-stat-card__value { color: #ea580c; }
.module-stat-card--silver .module-stat-card__value { color: #475569; }
.module-stat-card--gray   .module-stat-card__value { color: #475569; }
.module-stat-card--purple .module-stat-card__value { color: #9333ea; }
.module-stat-card.module-stat-card__shine::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    animation: stat-shine 3s ease-in-out infinite;
}
.module-stat-card__go, .module-stat-card__result-go, .module-stat-card__method-go {
    margin-top: 8px; text-align: right;
    font-size: 13px;  font-weight: 700; color: var(--color-primary-dark);
}
.module-stat-card__go::after, .module-stat-card__result-go::after, .module-stat-card__method-go::after {
    content: ' →'; display: inline-block; transition: transform .18s ease;
}
.module-stat-card--link:hover .module-stat-card__go::after, .module-stat-card__result--link:hover .module-stat-card__result-go::after, .module-stat-card__method--link:hover .module-stat-card__method-go::after { transform: translateX(4px); }
@media (prefers-reduced-motion: reduce) {
.module-stat-card__go::after, .module-stat-card__result-go::after, .module-stat-card__method-go::after { transition: none; }
}
.module-stat-card--red-value .module-stat-card__value { color: #dc2626; }



.module-stat-card:not(a)::after,
.module-stat-card__app-layer-cross-axis-summary-link:not(a)::after,
.module-stat-card__affiliate-marketplace-offer:not(a)::after,
.module-stat-card__app-layer-meta-tile:not(a)::after,
.module-stat-card__versus-compare-panel:not(a)::after,
.module-stat-card__app-layer-data-story-tile:not(a)::after,
.module-stat-card__bento-grid-item:not(a)::after,
a.module-stat-card:not([href])::after,
a.module-stat-card__app-layer-cross-axis-summary-link:not([href])::after,
a.module-stat-card__affiliate-marketplace-offer:not([href])::after,
a.module-stat-card__app-layer-meta-tile:not([href])::after,
a.module-stat-card__versus-compare-panel:not([href])::after,
a.module-stat-card__app-layer-data-story-tile:not([href])::after,
a.module-stat-card__bento-grid-item:not([href])::after { content: none; }

.module-stat-card:has(.module-stat-card__affiliate-marketplace-offer-visit-button)::after,
.module-stat-card:has(.module-stat-card__cta)::after,
.module-stat-card:has(.module-stat-card__go)::after,
.module-stat-card:has(.module-stat-card__link-grid-cta)::after,
.module-stat-card__app-layer-cross-axis-summary-link:has(.module-stat-card__affiliate-marketplace-offer-visit-button)::after,
.module-stat-card__app-layer-cross-axis-summary-link:has(.module-stat-card__cta)::after,
.module-stat-card__app-layer-cross-axis-summary-link:has(.module-stat-card__go)::after,
.module-stat-card__app-layer-cross-axis-summary-link:has(.module-stat-card__link-grid-cta)::after,
.module-stat-card__affiliate-marketplace-offer:has(.module-stat-card__affiliate-marketplace-offer-visit-button)::after,
.module-stat-card__affiliate-marketplace-offer:has(.module-stat-card__cta)::after,
.module-stat-card__affiliate-marketplace-offer:has(.module-stat-card__go)::after,
.module-stat-card__affiliate-marketplace-offer:has(.module-stat-card__link-grid-cta)::after,
.module-stat-card__app-layer-meta-tile:has(.module-stat-card__affiliate-marketplace-offer-visit-button)::after,
.module-stat-card__app-layer-meta-tile:has(.module-stat-card__cta)::after,
.module-stat-card__app-layer-meta-tile:has(.module-stat-card__go)::after,
.module-stat-card__app-layer-meta-tile:has(.module-stat-card__link-grid-cta)::after,
.module-stat-card__versus-compare-panel:has(.module-stat-card__affiliate-marketplace-offer-visit-button)::after,
.module-stat-card__versus-compare-panel:has(.module-stat-card__cta)::after,
.module-stat-card__versus-compare-panel:has(.module-stat-card__go)::after,
.module-stat-card__versus-compare-panel:has(.module-stat-card__link-grid-cta)::after,
.module-stat-card__app-layer-data-story-tile:has(.module-stat-card__affiliate-marketplace-offer-visit-button)::after,
.module-stat-card__app-layer-data-story-tile:has(.module-stat-card__cta)::after,
.module-stat-card__app-layer-data-story-tile:has(.module-stat-card__go)::after,
.module-stat-card__app-layer-data-story-tile:has(.module-stat-card__link-grid-cta)::after,
.module-stat-card__bento-grid-item:has(.module-stat-card__affiliate-marketplace-offer-visit-button)::after,
.module-stat-card__bento-grid-item:has(.module-stat-card__cta)::after,
.module-stat-card__bento-grid-item:has(.module-stat-card__go)::after,
.module-stat-card__bento-grid-item:has(.module-stat-card__link-grid-cta)::after { content: none; }

a.module-stat-card[href^="#"]::after,
a.module-stat-card__app-layer-cross-axis-summary-link[href^="#"]::after,
a.module-stat-card__affiliate-marketplace-offer[href^="#"]::after,
a.module-stat-card__app-layer-meta-tile[href^="#"]::after,
a.module-stat-card__versus-compare-panel[href^="#"]::after,
a.module-stat-card__app-layer-data-story-tile[href^="#"]::after,
a.module-stat-card__bento-grid-item[href^="#"]::after { transform: rotate(45deg); }
a.module-stat-card[href^="#"]:hover::after,
a.module-stat-card__app-layer-cross-axis-summary-link[href^="#"]:hover::after,
a.module-stat-card__affiliate-marketplace-offer[href^="#"]:hover::after,
a.module-stat-card__app-layer-meta-tile[href^="#"]:hover::after,
a.module-stat-card__versus-compare-panel[href^="#"]:hover::after,
a.module-stat-card__app-layer-data-story-tile[href^="#"]:hover::after,
a.module-stat-card__bento-grid-item[href^="#"]:hover::after,
a.module-stat-card[href^="#"]:focus-visible::after,
a.module-stat-card__app-layer-cross-axis-summary-link[href^="#"]:focus-visible::after,
a.module-stat-card__affiliate-marketplace-offer[href^="#"]:focus-visible::after,
a.module-stat-card__app-layer-meta-tile[href^="#"]:focus-visible::after,
a.module-stat-card__versus-compare-panel[href^="#"]:focus-visible::after,
a.module-stat-card__app-layer-data-story-tile[href^="#"]:focus-visible::after,
a.module-stat-card__bento-grid-item[href^="#"]:focus-visible::after { transform: rotate(45deg) translateX(2px); }

.module-stat-card:hover::after,.module-stat-card__versus-compare-panel:hover::after,
.module-stat-card:focus-visible::after,.module-stat-card__versus-compare-panel:focus-visible::after { color: #fff; }

@keyframes stat-shine {
    0% { left: -100%; }
    50%, 100% { left: 150%; }
}



  .module-stat-card--quicks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 16px 0; }
  .module-stat-card--quick { display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid var(--color-border); border-radius: var(--color-radius-sm); padding: 16px 12px; transition: box-shadow .2s, border-color .2s; }
  .module-stat-card--quick:hover { border-color: var(--color-primary); box-shadow: var(--color-shadow-md); }
@media (max-width: 768px) {
  .module-stat-card--quicks { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .module-stat-card--quicks { grid-template-columns: 1fr; }
}
  .module-stat-card--top { background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border-top: 4px solid #4F46E5; box-shadow: 0 4px 20px rgba(79, 70, 229, 0.12); }
  .module-stat-card--top:hover { box-shadow: 0 8px 30px rgba(79, 70, 229, 0.3); }
  .module-stat-card--gold { background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); border-top: 3px solid #d97706; }
  .module-stat-card--silver { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); border-top: 3px solid #64748b; }
  .module-stat-card--gray { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); border-top: 3px solid #64748b; }
  .module-stat-card--red { background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); border-top: 3px solid #dc2626; }
  .module-stat-card--orange { background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); border-top: 3px solid #ea580c; }
  .module-stat-card--blue { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border-top: 3px solid #2563eb; }
  .module-stat-card--purple { background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); border-top: 3px solid #9333ea; }
  .module-stat-card--green { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border-top: 3px solid #059669; }
@media (max-width: 480px) {
  .module-stat-card__number { font-size: 2rem; }
}
  .module-stat-card--red-value { background: #fff; border-top: 3px solid #dc2626; }




@media (prefers-reduced-motion: reduce) {
.module-stat-card, .module-stat-card::before, .module-stat-card::after, .module-stat-card__cta {
  transition: none !important;
}
.module-stat-card:hover, .module-stat-card__cta:hover, .module-stat-card__step:hover {
  transform: none !important;
}
}


.module-stat-card__grid--cols-2 { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.module-stat-card__grid--cols-3 { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }



@media (prefers-reduced-motion: reduce) {
  .module-stat-card.shine::before { animation: none; }   
}
.module-stat-card.shine::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: stat-shine 3s ease-in-out infinite; }   



@media (prefers-reduced-motion: reduce) {
  .module-stat-card { transition: none !important; }   
  .module-stat-card::before { transition: none !important; }   
  .module-stat-card::after { transition: none !important; }   
  .module-stat-card:hover { transform: none !important; }   
  .module-stat-card.shine::before { animation: none; }   
  .module-stat-card__go::after { transition: none; }   
}
@media (max-width: 768px) {
  .module-stat-card--quicks { grid-template-columns: 1fr; }   
}
@media (max-width: 480px) {
  .module-stat-card--quicks { grid-template-columns: 1fr; }   
  .module-stat-card__number { font-size: 2rem; }   
}
.module-stat-card__value { display: block; margin-bottom: 8px; color: #4F46E5; text-shadow: 0 2px 4px rgba(0,0,0,0.1) }      
.module-stat-card--quicks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 16px 0; }   
.module-stat-card--quick { display: flex; flex-direction: column; align-items: center; text-align: center; background: #fff; border: 1px solid var(--color-border); border-radius: var(--color-radius-sm); padding: 16px 12px; transition: box-shadow .2s, border-color .2s; }   
.module-stat-card--quick:hover { border-color: var(--color-primary); box-shadow: var(--color-shadow-md); }   
.module-stat-card__icon { font-size: 28px; margin-bottom: 8px; line-height: 1; }   
.module-stat-card__label { font-size: 14px; font-weight: 600; margin-bottom: 4px; text-transform: uppercase; letter-spacing: .3px }      
.module-stat-card__value { font-size: 16px; font-weight: 800; color: var(--color-primary-dark); }   
.module-stat-card { background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border-radius: 12px; padding: 24px; text-align: center; box-shadow: 0 4px 20px rgba(79, 70, 229, 0.12); transition: all 0.3s ease; position: relative; overflow: hidden; height: 100%; display: flex; flex-direction: column; justify-content: center; }   
.module-stat-card__icon { font-size: 36px; line-height: 1; margin-bottom: 10px; text-align: center; }   
.module-stat-card:hover { transform: translateY(-8px); box-shadow: 0 8px 30px rgba(79, 70, 229, 0.2); }   
.module-stat-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(79, 70, 229, 0.1), transparent); transition: all 0.8s ease; }   
.module-stat-card:hover::before { left: 100%; }   
a.module-stat-card:focus-visible { outline: 2px solid var(--color-primary, #1a73e8); outline-offset: -2px; }   
a.module-stat-card { text-decoration: none; color: inherit; }   
.module-stat-card--link { text-decoration: none; color: inherit; }   
a.module-stat-card:hover { text-decoration: none; color: inherit; }   
.module-stat-card--link:hover { text-decoration: none; color: inherit; }   
.module-stat-card__title { font-weight: 700; font-size: 16px; margin-bottom: 8px; color: #1a73e8; }   
.module-stat-card__number { display: block; font-size: 2.5rem; font-weight: 900; margin-bottom: 8px; color: #4F46E5; text-shadow: 0 2px 4px rgba(0,0,0,0.1); }   
.module-stat-card__value { display: block; font-size: 2.5rem; font-weight: 900; margin-bottom: 8px; color: #4F46E5; text-shadow: 0 2px 4px rgba(0,0,0,0.1) }      
.module-stat-card__label { font-size: 1rem; font-weight: 700; color: #6c757d; margin-bottom: 4px; display: block; }   
.module-stat-card__desc { font-size: 1rem; color: #4b5563; display: block; }   
.module-stat-card--top { background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); border-top: 4px solid #4F46E5; box-shadow: 0 4px 20px rgba(79, 70, 229, 0.12); }   
.module-stat-card--top:hover { box-shadow: 0 8px 30px rgba(79, 70, 229, 0.3); }   
.module-stat-card--gold { background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%); border-top: 3px solid #d97706; }   
.module-stat-card--silver { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); border-top: 3px solid #64748b; }   
.module-stat-card--gray { background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); border-top: 3px solid #64748b; }   
.module-stat-card--red { background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); border-top: 3px solid #dc2626; }   
.module-stat-card--orange { background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); border-top: 3px solid #ea580c; }   
.module-stat-card--blue { background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%); border-top: 3px solid #2563eb; }   
.module-stat-card--purple { background: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%); border-top: 3px solid #9333ea; }   
.module-stat-card--green { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border-top: 3px solid #059669; }   
.module-stat-card--red .module-stat-card__value { color: #dc2626; }   
.module-stat-card--blue .module-stat-card__value { color: #2563eb; }   
.module-stat-card--gold .module-stat-card__value { color: #d97706; }   
.module-stat-card--green .module-stat-card__value { color: #059669; }   
.module-stat-card--orange .module-stat-card__value { color: #ea580c; }   
.module-stat-card--silver .module-stat-card__value { color: #475569; }   
.module-stat-card--gray .module-stat-card__value { color: #475569; }   
.module-stat-card--purple .module-stat-card__value { color: #9333ea; }   
.module-stat-card.shine::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); animation: stat-shine 3s ease-in-out infinite; }   
.module-stat-card__go { margin-top: 8px; text-align: right; font-size: 13px;  font-weight: 700; color: var(--color-primary-dark); }   
.module-stat-card__go::after { content: ' →'; display: inline-block; transition: transform .18s ease; }   
.module-stat-card--link:hover .module-stat-card__go::after { transform: translateX(4px); }   
.module-stat-card--red-value { background: #fff; border-top: 3px solid #dc2626; }   
.module-stat-card--red-value .module-stat-card__value { color: #dc2626; }   
