/*
Theme Name: SmartMag Child
Theme URI: https://smartmag.theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: https://theme-sphere.com
Template: smart-mag
Version: 1.3
*/

/*
 * Renderizado progresivo de entradas.
 *
 * Todo el contenido continúa presente en el HTML para SEO, enlaces internos,
 * búsqueda en la página y lectores de pantalla. El navegador únicamente
 * aplaza el cálculo de estilos/layout/pintado de los bloques fuera de pantalla.
 * Los primeros seis hijos del contenido quedan siempre fuera de esta regla
 * para que la introducción visible se pinte inmediatamente.
 */
@supports (content-visibility: auto) {
    body.single-post .entry-content > :nth-child(n + 7):not(script):not(style):not(link) {
        content-visibility: auto;
        contain-intrinsic-block-size: auto 160px;
    }

    body.single-post .entry-content > :nth-child(n + 7):is(figure, table, iframe, video, .wp-block-image, .wp-block-gallery, [data-dv-download-mask], [data-dv-generated]) {
        contain-intrinsic-block-size: auto 520px;
    }

    body.single-post .the-post-tags,
    body.single-post .related-posts,
    body.single-post #comments,
    body.single-post footer.main-footer {
        content-visibility: auto;
    }

    body.single-post .the-post-tags {
        contain-intrinsic-block-size: auto 60px;
    }

    body.single-post .related-posts {
        contain-intrinsic-block-size: auto 700px;
    }

    body.single-post #comments {
        contain-intrinsic-block-size: auto 720px;
    }

    body.single-post footer.main-footer {
        contain-intrinsic-block-size: auto 560px;
    }
}

/* Core Web Vitals / accesibilidad: contraste estable sobre estilos de plugins. */
.dv-download-mask .dv-dm-tab {
    color: #475569 !important;
}

.dv-download-mask .dv-dm-tab.is-active {
    color: #0759b8 !important;
}

#enlace {
    color: #1e293b !important;
}

.btn-telegram {
    background-color: #0879b5 !important;
    color: #fff !important;
}

.the-post-tags a,
.post-tags a,
a[rel~="tag"] {
    color: #334155 !important;
}

#wpdcom .wpd-field,
#wpdcom input[type="text"],
#wpdcom input[type="email"] {
    background-color: #fff !important;
    color: #1f2937 !important;
    border-color: #64748b !important;
}

#wpdcom .wpd-field::placeholder,
#wpdcom input::placeholder {
    color: #4b5563 !important;
    opacity: 1 !important;
}

#wpdcom .wpd-prim-button,
#wpdcom input.wc_comm_submit {
    background-color: #0759b8 !important;
    color: #fff !important;
}

.smc-single-card-row .smc-card-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .3));
}

.smc-ui-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15em;
    height: 1.15em;
    font-family: system-ui, sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    flex: 0 0 auto;
}

.smc-platform-svg {
    display: block;
    width: 1.05em;
    height: 1.05em;
    flex: 0 0 auto;
    overflow: visible;
}

.smc-single-card-row .smc-platform-svg {
    width: 26px;
    height: 26px;
}

.smc-nav-svg {
    display: block;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

/* Mejorar el tamaño y espaciado de los táctiles (Touch Targets) en widgets, especialmente para móviles */
@media (max-width: 768px) {
    /* Listas de enlaces comunes en menús y widgets nativos */
    .widget li {
        margin-bottom: 8px !important;
    }
    .widget_nav_menu li a, 
    .widget_meta li a, 
    .widget_pages li a, 
    .widget_recent_entries li a, 
    .widget_archive li a,
    .widget_categories li a {
        display: block;
        padding: 8px 0;
    }
    
    /* Enlaces dentro de widgets de texto o HTML puro */
    .widget_text a, 
    .widget_custom_html a {
        display: inline-block;
        padding: 6px 0;
    }
}

/* Opciones móviles del panel del child theme. */
@media (max-width: 767px) {
    body.smc-mobile-hide-sidebar .main-sidebar,
    body.smc-mobile-hide-sidebar aside.main-sidebar,
    body.smc-mobile-hide-sidebar .ts-sidebar {
        display: none !important;
    }

    body.smc-mobile-hide-sidebar .main-content {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.smc-mobile-simple-footer footer.main-footer .upper-footer,
    body.smc-mobile-simple-footer footer.main-footer .footer-logo,
    body.smc-mobile-simple-footer footer.main-footer .social-icons,
    body.smc-mobile-simple-footer footer.main-footer .links {
        display: none !important;
    }

    body.smc-mobile-simple-footer footer.main-footer .lower-footer {
        padding: 18px 0 !important;
        min-height: 0 !important;
    }

    body.smc-mobile-simple-footer footer.main-footer .lower-footer .inner,
    body.smc-mobile-simple-footer footer.main-footer .copyright {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }
}

/* --- REDISEÑO ENLACES DE INTERÉS --- */
/* Transformar la lista en un menú centrado y con separadores */
footer.main-footer .widget_nav_menu ul,
footer.main-footer .widget_custom_html ul,
footer.main-footer .widget_pages ul {
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
footer.main-footer .widget_nav_menu li,
footer.main-footer .widget_custom_html li,
footer.main-footer .widget_pages li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Línea gris súper elegante */
    margin: 0 !important;
}
/* Quitar línea al último elemento */
footer.main-footer .widget_nav_menu li:last-child,
footer.main-footer .widget_custom_html li:last-child,
footer.main-footer .widget_pages li:last-child {
    border-bottom: none;
}
/* Diseño de cada botón del menú */
footer.main-footer .widget_nav_menu li a,
footer.main-footer .widget_custom_html li a,
footer.main-footer .widget_pages li a {
    display: block !important;
    padding: 12px 0 !important;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none !important;
}
/* Efecto suave al pasar el ratón */
footer.main-footer .widget_nav_menu li a:hover,
footer.main-footer .widget_custom_html li a:hover,
footer.main-footer .widget_pages li a:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.03); /* Brillo tenue de fondo */
}

/* Subrayado sutil SOLO para Accesibilidad de Contraste en PÁRRAFOS normales */
footer.main-footer p a,
.widget p a,
.wp-block-html a {
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 255, 255, 0.4) !important;
    text-underline-offset: 3px !important;
    font-weight: inherit !important;
}

/* =========================================================================
   CUSTOM SOFTWARE CARDS (APP CARDS)
   ========================================================================= */
article.custom-software-card {
    margin-bottom: 25px;
    display: block;
    width: 100%;
    position: relative;
    /* Lazy Render: Fuerza al navegador a cargar contenido HTML/CSS solo si el usuario scrollea hacia él */
    content-visibility: auto; 
    contain-intrinsic-size: 181px 290px;
}

/* MATAR SOMBRAS Y GRADIENTES INVISIBLES DEL TEMA PADRE (SMARTMAG) */
article.custom-software-card::after,
article.custom-software-card::before,
article.custom-software-card > a::after,
article.custom-software-card > a::before {
    display: none !important;
    content: none !important;
    background: none !important;
    opacity: 0 !important;
}

.software-card-inner {
    position: relative;
    z-index: 10; /* Forzar estar por encima de cualquier sombra fantasma */
    border-radius: 8px; /* Slightly rounder for apps */
    overflow: hidden;
    /* Sombra elegante y notoria + borde sutil para que jamás se pierda en fondo blanco */
    box-shadow: 0 8px 24px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.06);
    transition: transform 0.2s, box-shadow 0.2s;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* Ratio mucho más vertical y estilizado (Aprox 2:3 en lugar de 3:4) */
    aspect-ratio: 181 / 290;
}

.software-card-inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(0,0,0,0.16), 0 4px 12px rgba(0,0,0,0.08); /* Hover más marcado */
}

.software-card-link-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; /* CRÍTICO: Permite que el enlace herede el alto del aspect-ratio del padre */
    height: 100%;
    width: 100%;
    text-decoration: none !important;
}

.software-card-top {
    background-color: #1b73e8; 
    padding: 12px 10px 10px 10px; /* Menos padding para dejar espacio a los titulos */
    position: relative;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start; /* Empezar de arriba a abajo */
}

.platform-bar {
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
    opacity: 0.95;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
}

/* SMART BADGES (NUEVO / ACTUALIZADO) */
.smart-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px 8px;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 900;
    color: white;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    z-index: 20;
    animation: badgePop 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28) both;
}

.badge-new {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%); /* Verde Épico */
    border: 1px solid rgba(255,255,255,0.3);
}

.badge-updated {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); /* Naranja Fuego */
    border: 1px solid rgba(255,255,255,0.3);
}

@keyframes badgePop {
    0% { transform: scale(0.5) translateY(10px); opacity: 0; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

.software-logo {
    width: 50%; /* Gran protagonista en el diseño escalable */
    max-width: 130px;
    aspect-ratio: 1; /* Cuadrado perfecto siempre */
    margin: auto; /* Margen auto lo empuja al centro exacto */
    border-radius: 20%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.software-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Ajusta el logo a la caja */
    image-rendering: -webkit-optimize-contrast; /* Optimiza escalado de iconos pequeños para que no se vean borrosos */
    border-radius: 0; /* Quitamos bordes prestados */
    filter: drop-shadow(0px 3px 6px rgba(0,0,0,0.15)); /* Sombra súper suave y limpia */
}

.card-main-icon {
    font-size: 70px;
    color: #ffffff;
    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.3));
    transition: transform 0.2s ease;
}

.software-card-inner:hover .card-main-icon {
    transform: scale(1.08); /* Pequeño pop effect al hacer hover */
}

.software-title-main {
    color: #ffffff !important;
    font-size: 16px; /* Más pequeño para que quepa perfecto en las 4 columnas */
    font-weight: 800;
    margin: 10px 0 0 0;
    line-height: 1.2;
    text-align: center;
    /* text-shadow eliminado para limpieza tipográfica */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Maximo 2 lineas */
    -webkit-box-orient: vertical;
}

.software-card-bottom {
    background-color: #ffffff;
    padding: 15px 10px;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,0.05); /* Softer border */
}

.software-title-sub {
    color: #111111; /* Color estándar oscuro limpio */
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 1.3;
    margin: 0;
    padding: 0;
}

/* =========================================================================
   FORZAR COLUMNAS PARA LAS CARDS (APP STORE STYLE)
   ========================================================================= */
@media (min-width: 1024px) {
    /* Restauramos a 4 columnas por petición. Las reducimos de 3 a 4. */
    body.smc-design-nuevo .loop-grid, 
    body.smc-design-nuevo .elementor-widget-container > .loop-grid, 
    body.smc-design-nuevo .posts-list {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 15px !important; /* Gaps un poco más cerrados para que las 4 quepan más grandes */
        width: 100% !important;
        overflow: visible !important; /* Permitir que las sombras no se corten */
    }
    
    /* Reseteamos los elementos hijos para que llenen la celda y Evitamos el Grid Blowout */
    body.smc-design-nuevo .loop-grid .grid-col, 
    body.smc-design-nuevo .loop-grid > .l-post, 
    body.smc-design-nuevo .posts-list > .l-post,
    .custom-software-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;  /* CRÍTICO: Previene que textos largos rompan la grilla */
        margin: 0 !important;
        flex: none !important;
    }
    
    /* REGLA ESPECIFICA PARA LA BARRA LATERAL (SIDEBAR) USANDO :has() PARA ALTA COMPATIBILIDAD */
    aside :has(> .custom-software-card),
    .widget :has(> .custom-software-card),
    .sidebar :has(> .custom-software-card),
    .main-sidebar :has(> .custom-software-card),
    .widget-area :has(> .custom-software-card) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    body.smc-design-nuevo .loop-grid, body.smc-design-nuevo .posts-list {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 15px !important;
        width: 100% !important;
    }
    .custom-software-card, .loop-grid .grid-col {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
}

@media (max-width: 767px) {
    body.smc-design-nuevo .loop-grid, body.smc-design-nuevo .posts-list {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important; /* En móviles poner 2 juntas queda genial como tienda */
        gap: 10px !important;
    }
    .custom-software-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    .software-logo {
        width: 50% !important;
        max-width: 130px !important;
        height: auto !important;
        aspect-ratio: 1 !important;
    }
    .software-card-top { padding: 20px 10px 15px 10px; }
    article.custom-software-card .software-title-sub { font-size: 13px; }
}


/* =========================================================================
   LIVE SEARCH MODAL SUPPORT (APP STORE CARDS IN SEARCH)
   ========================================================================= */

/* 1. ROMPER EL GRID-1 NATIVO DE SMARTMAG (Escapando caracteres especiales) */
body.smc-design-nuevo .live-search-results .loop,
body.smc-design-nuevo .live-search-results .grid,
body.smc-design-nuevo .live-search-results .grid-1,
body.smc-design-nuevo .live-search-results .md\:grid-1,
body.smc-design-nuevo .live-search-results .sm\:grid-1,
body.smc-design-nuevo .live-search-results .xs\:grid-1 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* Ahora 4 columnas para que quepa 1 sola fila ancha */
    gap: 15px !important;
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important; /* Quitar fondo de la lista */
}

/* Forzar que SOLO se muestren 4 resultados máximos (una sola fila) */
body.smc-design-nuevo .live-search-results .loop > *:nth-child(n+5) {
    display: none !important;
}

/* El fondo oscuro global del modal (overlay) oficial de SmartMag */
body.smc-design-nuevo .search-modal.mfp-bg {
    background-color: rgba(0, 0, 0, 0.75) !important; /* Más oscuro para que las cards resalten */
    backdrop-filter: blur(15px) !important; /* EL DIFUMINADO DELUXE */
    -webkit-backdrop-filter: blur(15px) !important;
}

/* Forzar que SOLO los contenedores de RESULTADOS sean transparentes, no el overlay general */
body.smc-design-nuevo .live-search-results {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important; /* QUITAR EL BORDE BLANCO */
}

/* Ocultar el mensaje explicativo que se traslapa con los resultados */
body.smc-design-nuevo .search-modal .message {
    display: none !important;
}

/* 2. LOGO Y CABECERA COMPACTA */
body.smc-design-nuevo .live-search-results .software-card-top {
    height: 100px !important;
    min-height: 100px !important;
    padding: 10px !important;
}

body.smc-design-nuevo .live-search-results .software-logo {
    width: 44px !important;
    height: 44px !important;
}

/* 3. AJUSTES DINÁMICOS DE TEXTO EN SEARCH */
body.smc-design-nuevo .live-search-results .software-title-sub {
    font-size: 13px !important;
}

/* 4. BOTÓN "VER TODOS" AL FINAL */
body.smc-design-nuevo .live-search-results .view-all {
    text-align: center;
    padding: 15px 0;
    width: 100% !important;
    margin: 20px 0 0 0 !important; /* Resetear margin del padre que lo desalinea */
    background: transparent !important;
}

body.smc-design-nuevo .live-search-results .view-all a {
    display: inline-block;
    background: rgba(255, 255, 255, 0.1) !important; /* Estilo cristalino premium */
    color: #ffffff !important;
    padding: 12px 30px !important;
    border-radius: 5px;
    font-weight: bold;
    text-transform: uppercase;
    border: none !important;
    transition: all 0.3s ease;
}

body.smc-design-nuevo .live-search-results .view-all a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-2px);
}

/* RESPONSIVE: 2 columnas en móviles */
@media (max-width: 767px) {
    body.smc-design-nuevo .live-search-results .loop,
    body.smc-design-nuevo .live-search-results .grid,
    body.smc-design-nuevo .live-search-results .grid-1,
    body.smc-design-nuevo .live-search-results .md\:grid-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* =========================================================================
   MEJORAR LA POSICIÓN Y ESPACIO DEL MODAL DE BÚSQUEDA
   ========================================================================= */

/* Romper el centrado vertical forzado de Magnific Popup y alinearlo arriba */
body.smc-design-nuevo .search-modal.mfp-wrap .mfp-container::before {
    display: none !important;
    content: none !important;
}

body.smc-design-nuevo .search-modal.mfp-wrap .mfp-container {
    padding-top: 12vh !important; /* Espacio desde la parte superior de la pantalla */
    align-items: flex-start !important; 
}

body.smc-design-nuevo .search-modal .mfp-content {
    vertical-align: top !important;
}

/* Hacer la caja un poco más ancha para que las tarjetas de aplicaciones respiren mejor */
body.smc-design-nuevo .search-modal-box {
    max-width: 900px !important; 
    margin: 0 auto !important;
}

/* Alinear a la izquierda como pidió el usuario, pero con buen padding */
body.smc-design-nuevo .search-modal .search-field {
    text-align: left !important;
}

/* =========================================================================
   SINGLE POST APP CARD INJECTION
   ========================================================================= */
body.smc-single-card-active .featured,
body.smc-single-card-active .s-feat,
body.smc-single-card-active .post-header-bg,
body.smc-single-card-active .post-header .media {
    display: none !important;
}

/* Evitar que el content meta o categorias compitan con nuestra tarjeta */
body.smc-single-card-active .s-post-header .meta {
    margin-bottom: 0 !important;
}

/* En móvil reducir padding y max-width de la tarjeta inyectada para que fluya en la lectura */
@media (max-width: 767px) {
    .smc-single-hero-card {
        padding: 5px !important;
        max-width: 100% !important;
        margin-bottom: 25px !important;
        margin-top: -15px !important;
    }
}
/* Home hero */
.smc-home-hero{position:relative;overflow:hidden;background:#030507;color:#fff;border-bottom:1px solid #161a20}.smc-home-hero__glow{position:absolute;inset:0;background:radial-gradient(circle at 62% 50%,rgba(0,99,255,.18),transparent 34%),radial-gradient(circle at 84% 70%,rgba(0,190,255,.08),transparent 24%);pointer-events:none}.smc-home-hero__inner{position:relative;max-width:1200px;min-height:410px;margin:auto;padding:48px 25px 28px;display:grid;grid-template-columns:45% 55%;align-items:center}.smc-home-hero__content{position:relative;z-index:2}.smc-home-hero__badge{display:inline-flex;padding:7px 12px;border-radius:8px;background:rgba(255,76,48,.13);color:#ff674e;font-size:13px;font-weight:700}.smc-home-hero h1{max-width:620px;margin:10px 0 12px;color:#f8fafc;font-size:40px;line-height:1.12;letter-spacing:-1.4px}.smc-hero-windows{color:#078cff}.smc-hero-mac{color:#8157ff}.smc-hero-android{color:#24c968}.smc-home-hero__content>p{max-width:610px;margin:0;color:#c5cad3;font-size:15px;line-height:1.6}.smc-home-hero__actions{display:flex;gap:12px;margin-top:20px}.smc-hero-button{display:inline-flex;align-items:center;gap:9px;padding:13px 20px;border-radius:7px;color:#fff!important;font-weight:700;text-decoration:none!important;transition:.2s}.smc-hero-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.smc-hero-button--primary{background:#0668c9}.smc-hero-button--secondary{background:#292b30}.smc-home-hero__visual{position:relative;height:250px;display:flex;align-items:center;justify-content:center}.smc-home-hero__visual>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 25px #000)}.smc-hero-device{position:relative;width:360px;transform:perspective(700px) rotateY(-10deg)}.smc-hero-device__screen{height:205px;border:8px solid #262b34;border-radius:10px;background:linear-gradient(135deg,#0f6cd7,#24b7ef 48%,#202562);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 45px #000}.smc-hero-device__screen i{font-size:78px;color:#fff;text-shadow:0 8px 22px #06356d}.smc-hero-device__base{width:430px;height:20px;margin-left:-34px;background:linear-gradient(#9aa3af,#303640);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.smc-hero-floating{position:absolute;width:58px;height:68px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:29px;font-weight:800;box-shadow:0 12px 25px #000;transform:rotate(8deg)}.smc-hero-floating--ps{right:45px;top:20px;background:#071b4b;color:#21a7ff;border:2px solid #178fd4}.smc-hero-floating--game{right:5px;bottom:35px;background:#6039ba;color:#fff}.smc-hero-floating--pdf{right:65px;bottom:8px;background:#d9323b;color:#fff}.smc-home-hero__stats{grid-column:2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:-12px}.smc-home-hero__stats>div{display:grid;grid-template-columns:34px 1fr;padding:13px;background:linear-gradient(135deg,#15181d,#0d0f12);border:1px solid #20242a;border-radius:9px}.smc-home-hero__stats i{grid-row:1/3;align-self:center;color:#168bff;font-size:23px}.smc-home-hero__stats strong{font-size:15px;color:#278fff}.smc-home-hero__stats span{font-size:11px;color:#fff}.smc-home-hero__stats>div:nth-child(2) i,.smc-home-hero__stats>div:nth-child(2) strong{color:#8a63ff}.smc-home-hero__stats>div:nth-child(3) i,.smc-home-hero__stats>div:nth-child(3) strong{color:#3ac77b}.smc-home-hero__stats>div:nth-child(4) i,.smc-home-hero__stats>div:nth-child(4) strong{color:#ff8514}
@media(max-width:767px){.smc-home-hero__inner{min-height:0;padding:32px 20px;display:block;text-align:center}.smc-home-hero h1{font-size:31px}.smc-home-hero__badge{font-size:12px}.smc-home-hero__actions{justify-content:center;flex-wrap:wrap}.smc-home-hero__visual{height:200px;margin:25px 0}.smc-hero-device{width:270px}.smc-hero-device__screen{height:155px}.smc-hero-device__base{width:320px;margin-left:-25px}.smc-hero-floating{width:45px;height:52px;font-size:22px}.smc-hero-floating--ps{right:0}.smc-hero-floating--game{right:0}.smc-hero-floating--pdf{right:45px}.smc-home-hero__stats{grid-template-columns:repeat(2,1fr);margin:0;text-align:left}}

/* Header matching the home hero */
.smc-site-header{position:relative;z-index:1000;font-family:inherit}.smc-header-container{width:min(1200px,calc(100% - 40px));margin:auto;display:flex;align-items:center}.smc-top-strip{background:linear-gradient(100deg,#0669f5,#0847c7);color:#fff;font-size:12px;font-weight:600}.smc-top-strip .smc-header-container{min-height:42px;justify-content:space-between}.smc-top-strip__brand{display:flex;align-items:center;gap:6px}.smc-top-strip__badge{padding:2px 7px;border-radius:5px;background:#ff2b28;font-weight:800}.smc-top-strip__brand a{margin-left:6px;padding:5px 12px;border-radius:4px;background:#fff;color:#536174!important;font-size:11px;text-decoration:none!important}.smc-main-nav{background:linear-gradient(90deg,#111,#090a0b);border-bottom:1px solid #242629;box-shadow:0 5px 18px rgba(0,0,0,.22)}.smc-main-nav .smc-header-container{min-height:60px}.smc-nav-home{width:42px;height:42px;flex:0 0 42px;border-radius:7px;background:#ff720d;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:16px}.smc-primary-menu{display:flex;align-items:stretch;gap:0;margin:0 0 0 8px;padding:0;list-style:none}.smc-primary-menu li{position:relative;margin:0;list-style:none}.smc-primary-menu>li>a{min-height:60px;padding:0 18px;display:flex;align-items:center;color:#f1f1f1!important;font-size:13px;font-weight:700;text-transform:uppercase;text-decoration:none!important}.smc-primary-menu>li>a:hover{color:#ff821e!important;background:#151515}.smc-primary-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;margin:0;padding:8px;background:#121416;border:1px solid #2c3035;box-shadow:0 12px 25px rgba(0,0,0,.4);list-style:none}.smc-primary-menu li:hover>.sub-menu{display:block}.smc-primary-menu .sub-menu a{display:block;padding:10px 13px;color:#eee!important;text-decoration:none!important}.smc-header-search{width:240px;margin-left:auto;display:flex;align-items:center;border-radius:25px;background:#17191c}.smc-header-search input{width:100%;height:40px;padding:0 5px 0 17px;border:0!important;background:transparent!important;color:#fff!important;font-size:12px;box-shadow:none!important}.smc-header-search button,.smc-theme-toggle,.smc-nav-toggle{border:0;background:transparent;color:#d8dce1;cursor:pointer}.smc-header-search button{width:42px}.smc-theme-toggle{width:42px;height:42px;margin-left:10px;border-radius:50%;background:#17191c}.smc-nav-toggle{display:none}
@media(max-width:900px){.smc-top-strip__brand strong,.smc-top-strip__badge{display:none}.smc-main-nav .smc-header-container{min-height:56px;flex-wrap:wrap;padding:7px 0}.smc-nav-toggle{height:42px;display:flex;align-items:center;gap:7px;margin-left:8px;font-weight:700}.smc-header-search{width:auto;flex:1;margin-left:10px}.smc-theme-toggle{margin-left:5px}.smc-primary-menu{display:none;order:5;width:100%;margin:7px 0 0;padding:5px 0;border-top:1px solid #292b2f;flex-direction:column}.smc-primary-menu.is-open{display:flex}.smc-primary-menu>li>a{min-height:42px;padding:0 10px}.smc-primary-menu .sub-menu{position:static;display:block;margin-left:15px;border:0;box-shadow:none}.smc-top-strip .smc-header-container{min-height:36px}.smc-top-strip{font-size:10px}}

/* Native SmartMag search, scheme switch and authentication */
.smc-native-controls{margin-left:auto;display:flex;align-items:center;gap:10px}.smc-native-search{width:240px}.smc-native-search .smart-head-search,.smc-native-search .search-form{width:100%;margin:0}.smc-native-search .search-form{position:relative;display:flex;align-items:center;border-radius:25px;background:#17191c}.smc-native-search .query{width:100%;height:40px;padding:0 44px 0 17px;border:0!important;background:transparent!important;color:#fff!important;font-size:12px;box-shadow:none!important}.smc-native-search .query::placeholder{color:#7f858d}.smc-native-search .search-button{position:absolute;right:0;width:42px;height:40px;border:0;background:transparent;color:#d8dce1;cursor:pointer}.smc-native-controls .scheme-switcher{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#17191c;display:flex;align-items:center;justify-content:center}.smc-native-controls .scheme-switcher .toggle{width:42px;height:42px;align-items:center;justify-content:center;color:#d8dce1!important;text-decoration:none!important}.smc-native-controls .auth-link{min-height:38px;padding:0 12px;border:1px solid #34383e;border-radius:6px;display:flex;align-items:center;gap:6px;color:#fff!important;font-size:12px;font-weight:700;text-decoration:none!important}.smc-native-controls .auth-link .icon{font-size:15px}
@media(max-width:900px){.smc-native-controls{flex:1;margin-left:10px;gap:5px}.smc-native-search{width:auto;flex:1}.smc-native-controls .auth-link{width:42px;padding:0;justify-content:center}.smc-native-controls .auth-link .label{display:none}}

/* Light scheme for the custom hero; SmartMag toggles s-dark on the html element. */
html:not(.s-dark) .smc-home-hero{background:#f5f8fc;color:#172033;border-bottom-color:#dce3ed}
html:not(.s-dark) .smc-home-hero__glow{background:radial-gradient(circle at 62% 50%,rgba(0,126,255,.13),transparent 35%),radial-gradient(circle at 88% 68%,rgba(84,98,255,.08),transparent 25%)}
html:not(.s-dark) .smc-home-hero h1{color:#111827}
html:not(.s-dark) .smc-home-hero__content>p{color:#465267}
html:not(.s-dark) .smc-hero-button--secondary{background:#e4e9f1;color:#182235!important}
html:not(.s-dark) .smc-home-hero__stats>div{background:#fff;border-color:#dce3ec;box-shadow:0 6px 18px rgba(25,43,70,.07)}
html:not(.s-dark) .smc-home-hero__stats span{color:#303b4c}
html:not(.s-dark) .smc-hero-device__screen{box-shadow:0 20px 45px rgba(20,48,85,.22)}

/* The membership plugin owns login; navigation stays dark in both schemes. */
.smc-native-controls #dv-sso-login-inject{margin-left:0!important}
.smc-native-controls .dv-sso-login-btn{color:#fff!important;border-color:#3a4048!important;background:#17191c!important;text-decoration:none!important}
.smc-native-controls .dv-sso-login-btn:hover{color:#fff!important;background:#25282d!important;opacity:1!important}

/* Keep the native scheme icons centered outside SmartMag's original header wrapper. */
.smc-native-controls .scheme-switcher{position:relative;overflow:hidden}
.smc-native-controls .scheme-switcher .toggle{position:absolute!important;inset:0!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important;line-height:1!important}
.smc-native-controls .scheme-switcher .toggle .icon{width:auto!important;margin:0!important;font-size:17px!important;line-height:1!important}
.smc-native-controls .scheme-switcher .toggle-light{opacity:0!important;pointer-events:none!important}
.site-s-dark .smc-native-controls .scheme-switcher .toggle-dark{opacity:0!important;pointer-events:none!important}
.site-s-dark .smc-native-controls .scheme-switcher .toggle-light{opacity:1!important;pointer-events:auto!important}
.smc-native-controls .scheme-switcher{background:transparent!important;border:0!important;border-radius:0!important}

/* Top strip: domain identity left, notice centered, action right. */
.smc-top-strip .smc-header-container{position:relative}
.smc-top-strip__brand{order:1}
.smc-top-strip__notice{order:2;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
.smc-top-strip__action{order:3;margin-left:auto;padding:5px 12px;border-radius:4px;background:#fff;color:#536174!important;font-size:11px;text-decoration:none!important}
@media(max-width:767px){.smc-top-strip__notice{display:none}.smc-top-strip__brand strong,.smc-top-strip__brand .smc-top-strip__badge{display:inline}.smc-top-strip__action{margin-left:auto}}
.smc-top-strip .smc-header-container{min-height:46px}
.smc-top-strip__brand{gap:8px;line-height:1}
.smc-top-strip__brand strong{font-size:16px;font-weight:850;letter-spacing:-.35px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.12)}
.smc-top-strip__brand .smc-top-strip__badge{padding:4px 8px;font-size:11px;line-height:1;font-weight:900;letter-spacing:.35px}
.smc-top-strip__action{display:inline-flex;align-items:center;gap:6px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}
.smc-top-strip__action:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.14)}

/* Harmonized hero counters. */
.smc-home-hero__stats{gap:12px;align-items:stretch}
.smc-home-hero__stats>div{
    position:relative;
    grid-template-columns:38px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:11px;
    row-gap:3px;
    align-content:center;
    min-height:66px;
    padding:12px 14px;
    overflow:hidden;
}
.smc-home-hero__stats>div::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:2px;
    background:currentColor;
    opacity:.75;
}
.smc-home-hero__stats i{
    width:36px;
    height:36px;
    grid-row:1/3;
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    border-radius:10px;
    background:rgba(22,139,255,.11);
    font-size:19px;
}
.smc-home-hero__stats strong{align-self:end;font-size:16px;line-height:1;font-weight:800}
.smc-home-hero__stats span{align-self:start;font-size:10px;line-height:1.25;color:#cbd1da}
.smc-home-hero__stats>div:nth-child(2) i{background:rgba(138,99,255,.12)}
.smc-home-hero__stats>div:nth-child(3) i{background:rgba(58,199,123,.12)}
.smc-home-hero__stats>div:nth-child(4) i{background:rgba(255,133,20,.12)}
html:not(.s-dark) .smc-home-hero__stats span{color:#596579}
@media(max-width:767px){.smc-home-hero__stats{gap:9px}.smc-home-hero__stats>div{min-height:62px;padding:10px}.smc-home-hero__stats i{width:32px;height:32px;font-size:17px}.smc-home-hero__stats>div{grid-template-columns:32px minmax(0,1fr);column-gap:8px}}

/* Full-size native live-search dropdown for the custom header. */
.smc-native-search{width:290px}
.smc-native-search .search-form{position:relative}
body.smc-design-nuevo .smc-native-search .live-search-results{
    top:calc(100% + 13px)!important;
    right:0!important;
    left:auto!important;
    width:min(760px,calc(100vw - 32px))!important;
    padding:20px!important;
    border:1px solid #2a3038!important;
    border-radius:12px!important;
    background:#101318!important;
    box-shadow:0 22px 55px rgba(0,0,0,.4)!important;
}
body.smc-design-nuevo .smc-native-search .live-search-results::before{
    content:"";
    position:absolute;
    top:-7px;
    right:32px;
    width:12px;
    height:12px;
    border-left:1px solid #2a3038;
    border-top:1px solid #2a3038;
    background:#101318;
    transform:rotate(45deg);
}
body.smc-design-nuevo .smc-native-search .live-search-results .loop{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
}
body.smc-design-nuevo .smc-native-search .live-search-results .software-card-top{
    height:132px!important;
    min-height:132px!important;
    padding:12px!important;
}
body.smc-design-nuevo .smc-native-search .live-search-results .software-logo{width:58px!important;height:58px!important}
body.smc-design-nuevo .smc-native-search .live-search-results .software-card-bottom{padding:11px 9px!important}
body.smc-design-nuevo .smc-native-search .live-search-results .view-all{
    margin:16px 0 0!important;
    padding:0!important;
}
body.smc-design-nuevo .smc-native-search .live-search-results .view-all a{
    padding:11px 16px!important;
    border-radius:7px!important;
    background:#20252d!important;
    color:#fff!important;
}
html:not(.s-dark) body.smc-design-nuevo .smc-native-search .live-search-results{
    border-color:#dce3ec!important;
    background:#fff!important;
    box-shadow:0 22px 55px rgba(31,48,71,.18)!important;
}
html:not(.s-dark) body.smc-design-nuevo .smc-native-search .live-search-results::before{border-color:#dce3ec;background:#fff}
html:not(.s-dark) body.smc-design-nuevo .smc-native-search .live-search-results .view-all a{background:#edf2f7!important;color:#253044!important}
@media(max-width:900px){.smc-native-search{width:auto}.smc-native-search .live-search-results{position:fixed!important;top:100px!important;left:16px!important;right:16px!important;width:auto!important}.smc-native-search .live-search-results::before{display:none}}
@media(max-width:600px){body.smc-design-nuevo .smc-native-search .live-search-results .loop{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.smc-design-nuevo .smc-native-search .live-search-results{max-height:calc(100vh - 120px);overflow:auto}}

/* Lightweight floating app cards: transform-only animations stay on the compositor. */
.smc-hero-floating{will-change:transform;animation:smc-float-a 6s ease-in-out infinite}
.smc-hero-floating--game,.smc-hero-floating--download{animation-name:smc-float-b;animation-delay:-2s}
.smc-hero-floating--pdf,.smc-hero-floating--movie{animation-name:smc-float-c;animation-delay:-4s}
.smc-hero-floating--android{right:122px;top:0;background:#25b968;color:#fff;transform:rotate(-7deg)}
.smc-hero-floating--download{right:-18px;top:105px;background:#28a745;color:#fff;transform:rotate(7deg)}
.smc-hero-floating--movie{right:105px;bottom:-8px;background:#e77915;color:#fff;transform:rotate(-5deg)}
@keyframes smc-float-a{0%,100%{transform:translate3d(0,0,0) rotate(8deg)}50%{transform:translate3d(0,-8px,0) rotate(5deg)}}
@keyframes smc-float-b{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(3px,-7px,0) rotate(-2deg)}}
@keyframes smc-float-c{0%,100%{transform:translate3d(0,0,0) rotate(5deg)}50%{transform:translate3d(-3px,-9px,0) rotate(8deg)}}
@media(max-width:767px){.smc-hero-floating--android{right:80px;top:-8px}.smc-hero-floating--download{right:-5px;top:82px}.smc-hero-floating--movie{right:80px;bottom:-5px}}
@media(prefers-reduced-motion:reduce){.smc-hero-floating{animation:none!important;will-change:auto}}

/* Ordered arc around the device: three upper cards and three lower cards. */
.smc-hero-floating--android{right:165px;top:-14px}
.smc-hero-floating--ps{right:78px;top:8px}
.smc-hero-floating--download{right:-8px;top:78px}
.smc-hero-floating--movie{right:165px;top:auto;bottom:-10px}
.smc-hero-floating--pdf{right:78px;top:auto;bottom:-22px}
.smc-hero-floating--game{right:-8px;top:auto;bottom:12px}
@media(max-width:767px){
    .smc-hero-floating--android{right:125px;top:-8px}
    .smc-hero-floating--ps{right:62px;top:7px}
    .smc-hero-floating--download{right:0;top:67px}
    .smc-hero-floating--movie{right:125px;bottom:-6px}
    .smc-hero-floating--pdf{right:62px;bottom:-12px}
    .smc-hero-floating--game{right:0;bottom:8px}
}

/* Final balanced orbit: use both sides of the laptop and keep stats unobstructed. */
.smc-hero-floating{width:52px;height:60px;font-size:25px}
.smc-hero-floating--android{left:38px;right:auto;top:2px}
.smc-hero-floating--movie{left:2px;right:auto;top:88px;bottom:auto}
.smc-hero-floating--pdf{left:38px;right:auto;top:auto;bottom:8px}
.smc-hero-floating--ps{left:auto;right:62px;top:2px}
.smc-hero-floating--download{left:auto;right:4px;top:84px}
.smc-hero-floating--game{left:auto;right:18px;top:auto;bottom:24px}
@media(max-width:767px){
    .smc-hero-floating{width:40px;height:47px;font-size:19px}
    .smc-hero-floating--android{left:15px;right:auto;top:7px}
    .smc-hero-floating--movie{left:0;right:auto;top:72px;bottom:auto}
    .smc-hero-floating--pdf{left:15px;right:auto;bottom:8px}
    .smc-hero-floating--ps{right:42px;top:5px}
    .smc-hero-floating--download{right:0;top:72px}
    .smc-hero-floating--game{right:5px;bottom:25px}
}

/* More realistic screen depth and exact alignment with the stats row. */
.smc-home-hero__visual,.smc-home-hero__stats{width:100%;justify-self:stretch}
.smc-hero-device{
    margin-inline:auto;
    transform:perspective(900px) rotateX(1.5deg) rotateY(-3deg);
    transform-style:preserve-3d;
    filter:drop-shadow(0 22px 18px rgba(0,0,0,.32));
}
.smc-hero-device__screen{
    position:relative;
    overflow:hidden;
    border-width:9px 11px 12px;
    border-color:#2c333d #20262f #151a21;
    background:
        radial-gradient(circle at 52% 46%,rgba(63,203,255,.32),transparent 28%),
        linear-gradient(135deg,#168adf 0%,#20ace8 46%,#1d347e 100%);
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.12),
        inset 0 -22px 38px rgba(3,18,55,.2),
        12px 13px 0 -8px #0e1218,
        18px 22px 28px rgba(0,0,0,.25);
}
.smc-hero-device__screen::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg,rgba(255,255,255,.16),transparent 28%,transparent 68%,rgba(255,255,255,.04));
    pointer-events:none;
}
.smc-hero-device__screen::after{
    content:"";
    position:absolute;
    left:18%;
    right:18%;
    bottom:-10px;
    height:10px;
    border-radius:50%;
    background:rgba(0,0,0,.5);
    filter:blur(7px);
    transform:translateZ(-10px);
    pointer-events:none;
}
.smc-hero-device__screen i,
.smc-hero-device__windows{position:relative;z-index:1;transform:translateZ(18px)}
.smc-hero-device__windows{display:block;width:78px;height:78px;color:#fff;filter:drop-shadow(0 8px 11px #06356d)}
html:not(.s-dark) .smc-hero-device{filter:drop-shadow(0 20px 17px rgba(43,67,98,.24))}
@media(max-width:767px){.smc-hero-device{margin-inline:auto;transform:perspective(700px) rotateX(1deg) rotateY(-2deg)}}

/* Animated SVG flame in the daily updates badge. */
.smc-home-hero__badge{align-items:center;gap:6px}
.smc-fire-icon{width:16px;height:20px;overflow:visible;filter:drop-shadow(0 2px 4px rgba(255,74,0,.35))}
.smc-fire-icon__outer{transform-box:fill-box;transform-origin:50% 100%;animation:smc-fire-outer 1.15s ease-in-out infinite alternate}
.smc-fire-icon__inner{transform-box:fill-box;transform-origin:50% 100%;animation:smc-fire-inner .72s ease-in-out infinite alternate}
@keyframes smc-fire-outer{0%{transform:scaleX(.94) scaleY(1) rotate(-1deg)}50%{transform:scaleX(1.05) scaleY(.94) rotate(1.5deg)}100%{transform:scaleX(.97) scaleY(1.06) rotate(-.5deg)}}
@keyframes smc-fire-inner{0%{transform:translateY(0) scale(.93);opacity:.9}100%{transform:translateY(-1px) scaleX(1.08) scaleY(1.04);opacity:1}}
@media(prefers-reduced-motion:reduce){.smc-fire-icon__outer,.smc-fire-icon__inner{animation:none!important}}

/* Refined badge alignment and scheme-aware surfaces. */
.smc-home-hero__badge{
    display:inline-grid;
    grid-template-columns:16px auto;
    align-items:center;
    column-gap:7px;
    min-height:34px;
    padding:6px 11px;
    line-height:1;
    color:#ff6848;
    background:#24110e;
    border:1px solid rgba(255,104,72,.12);
}
.smc-home-hero__badge span{display:block;line-height:16px}
.smc-fire-icon{display:block;width:16px;height:19px;align-self:center;position:relative;top:-3px}
html:not(.s-dark) .smc-home-hero__badge{
    color:#d94b16;
    background:#fff7ed;
    border-color:#fed7aa;
    box-shadow:0 3px 10px rgba(154,72,18,.06);
}

/* Core Web Vitals and interaction stability for header + hero. */
.smc-site-header{min-height:106px}
.smc-top-strip__brand-link{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:0!important;background:transparent!important;color:#fff!important;text-decoration:none!important}
.smc-main-nav .smc-header-container{height:60px}
.smc-hero-button,.smc-nav-home,.smc-top-strip__action,.smc-native-search .search-button,.smc-native-controls .scheme-switcher{min-width:44px;min-height:44px}
.smc-primary-menu li:focus-within>.sub-menu{display:block}
.smc-primary-menu a:focus-visible,.smc-hero-button:focus-visible,.smc-nav-home:focus-visible,.smc-top-strip__action:focus-visible{outline:2px solid #fff;outline-offset:2px}
.smc-sso-reserve{display:block;width:78px;height:38px;flex:0 0 78px}
.smc-native-controls:has(#dv-sso-login-inject) .smc-sso-reserve{display:none}
.smc-home-hero__inner{contain:layout paint}
.smc-home-hero__visual{contain:layout}
.smc-home-hero__visual>img{display:block;aspect-ratio:2/1}
@media(max-width:900px){.smc-site-header{min-height:102px}.smc-main-nav .smc-header-container{height:auto;min-height:56px}.smc-sso-reserve{width:42px;flex-basis:42px}}

/* Prevent inherited brand colors and allow decorative cards to overflow. */
.smc-top-strip__brand .smc-top-strip__badge{color:#fff!important;background:#a91212!important;text-shadow:none}
.smc-home-hero__visual{overflow:visible}

/* Minimal divider between the hero and the page content. */
.smc-home-hero::after{
    content:"";
    position:absolute;
    z-index:4;
    left:50%;
    bottom:0;
    width:min(760px,72%);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,rgba(16,126,255,.28) 22%,#168bff 50%,rgba(16,126,255,.28) 78%,transparent);
    box-shadow:0 1px 5px rgba(22,139,255,.15);
    pointer-events:none;
}
html:not(.s-dark) .smc-home-hero::after{background:linear-gradient(90deg,transparent,#cbd8e8 22%,#168bff 50%,#cbd8e8 78%,transparent);box-shadow:none}

/* Single post card with contextual download shortcut. */
.smc-single-card-row{max-width:320px;margin:0 auto 35px;display:flex;flex-direction:column;align-items:stretch;gap:12px;position:relative;z-index:9}
#smc-hero-card-injection{width:100%;max-width:100%;margin:0}
.smc-download-jump{visibility:hidden;opacity:0;width:100%;min-height:52px;padding:0 20px;border-radius:12px;background:#111827;color:#ffffff!important;font-weight:600;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;transform:translateY(8px);transition:all .25s ease;border:1px solid transparent;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}
.smc-download-jump.is-ready{visibility:visible;opacity:1;transform:translateY(0)}
.smc-download-jump:hover,.smc-download-jump:focus-visible{background:#1f2937;transform:translateY(-2px);outline:0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}
.smc-download-jump:focus-visible{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.5)}
.smc-download-jump i{font-size:14px;transition:transform .2s ease}
.smc-download-jump:hover i{transform:translateY(3px)}
html.s-dark .smc-download-jump{background:#087cf0;color:#ffffff!important;box-shadow:0 4px 12px rgba(8,124,240,.3)}
html.s-dark .smc-download-jump:hover,html.s-dark .smc-download-jump:focus-visible{background:#0666c5;box-shadow:0 6px 16px rgba(8,124,240,.4)}
html.s-dark .smc-download-jump:focus-visible{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.5)}

/* Accessible hero text contrast.
 * Category colors remain on the large icons; small labels and values use
 * neutral high-contrast colors in each scheme.
 */
.smc-home-hero__badge,
.smc-home-hero__badge span {
    color: #ff9a82;
}

.smc-home-hero__stats strong,
.smc-home-hero__stats > div:nth-child(2) strong,
.smc-home-hero__stats > div:nth-child(3) strong,
.smc-home-hero__stats > div:nth-child(4) strong {
    color: #f8fafc;
}

html:not(.s-dark) .smc-home-hero__badge,
html:not(.s-dark) .smc-home-hero__badge span {
    color: #9a3412;
}

html:not(.s-dark) .smc-home-hero__stats strong,
html:not(.s-dark) .smc-home-hero__stats > div:nth-child(2) strong,
html:not(.s-dark) .smc-home-hero__stats > div:nth-child(3) strong,
html:not(.s-dark) .smc-home-hero__stats > div:nth-child(4) strong {
    color: #253044;
}