:root{
    --download-gold:#b88a00;
    --download-gold-dark:#9b7600;
    --download-black:#050505;
    --download-soft:#fff8df;
    --download-border:rgba(184,138,0,.35);
}

body{
    background:#fff;
}

.downloads-page{
    margin-top:100px;
    background:#fff;
    overflow:hidden;
    font-family:'Poppins', Arial, sans-serif;
}

.downloads-artboard-wrap{
    width:100%;
    padding:0;
    background:#fff;
}

.downloads-artboard{
    position:relative;
    width:min(100%,1535px);
    margin:0 auto;
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-position:center top;
    box-shadow:0 24px 70px rgba(0,0,0,.08);
}

.downloads-desktop-artboard-wrap .downloads-artboard{
    aspect-ratio:1535 / 1024;
    background-image:url('../downloads_page/desktopv1.jpg?v=2.1');
    
}

.downloads-mobile-artboard-wrap{
    display:none;
}

.downloads-artboard-mobile{
    aspect-ratio:1030 / 1527;
    width:min(100%,1030px);
    background-image:url('../downloads_page/mobilev1.jpg?v=2.1');
    
}

.downloads-seo-copy{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.download-hotspot{
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    color:transparent;
    text-decoration:none;
    background:rgba(184,138,0,.01);
    transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}

.download-hotspot span{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
}

.download-hotspot:hover,
.download-hotspot:focus-visible{
    outline:none;
    transform:translateY(-2px);
    background:rgba(184,138,0,.18);
    box-shadow:0 12px 28px rgba(184,138,0,.22);
}

.download-hotspot.is-loading{
    pointer-events:none;
    background:rgba(0,0,0,.08);
}

.hotspot-windows,
.hotspot-mac,
.hotspot-classic{
    width:11.9%;
    height:4.4%;
}

.hotspot-windows{left:2.75%;top:69.05%;}
.hotspot-mac{left:18.15%;top:69.05%;}
.hotspot-classic{left:33.6%;top:69.05%;}

.mobile-hotspot-windows,
.mobile-hotspot-mac,
.mobile-hotspot-classic{
    width:28.3%;
    height:4.0%;
}

.mobile-hotspot-windows{left:4.2%;top:72.6%;}
.mobile-hotspot-mac{left:35.1%;top:72.6%;}
.mobile-hotspot-classic{left:66.2%;top:72.6%;}

@media (max-width:1100px){
    .downloads-page{margin-top:84px;}
    .downloads-desktop-artboard-wrap .downloads-artboard{
        width:100%;
        border-radius:0;
    }
}

@media (max-width:768px){
    .downloads-page{margin-top:78px;}
    .downloads-desktop-artboard-wrap{
        display:none;
    }
    .downloads-mobile-artboard-wrap{
        display:block;
    }
    .downloads-artboard-mobile{
        width:100%;
        box-shadow:none;
        border-radius:0;
    }
    .mobile-hotspot-windows,
    .mobile-hotspot-mac,
    .mobile-hotspot-classic{
        border-radius:10px;
    }
}

@media (max-width:430px){
    .mobile-hotspot-windows,
    .mobile-hotspot-mac,
    .mobile-hotspot-classic{
        top:72.2%;
        height:4.3%;
    }
}

@media (max-width:480px){
    .downloads-page{margin-top:70px;}
}