#feature-showcase {
    padding:180px 0;
}

#feature-showcase article {
    max-width:100%!important;
    display:block;
    padding:194px 0 194px 0;
}

#feature-showcase article .container {
    width:820px;
    margin:0 auto;
    padding:0 80px 0 80px;
}

#feature-showcase article h2 {
    font:100px "SF Rounded", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight:600;
    text-align:center;
}

#feature-showcase article h3 {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    text-align:left;
    font-size:72px;
    font-weight:700;
    letter-spacing: -0.06px;
    margin-bottom:30px;
}

#feature-showcase article p {
    font-size: 24px;
    letter-spacing: -0.02px;
    line-height: 34px;
    font-weight:500;
}

#feature-showcase article figure.hero {
    display:block;
    margin:80px auto;
    text-align:center;
}

#feature-showcase article.battery-alerts figure.hero {
    margin:20px auto 36px auto;
}

#feature-showcase > article.shortcuts-app > div > figure {
    margin:70px auto 40px auto;
}

#learn-more-coaching p {
    font-size: 18px;
    color:white;
}

#learn-more-coaching {
    opacity:0.5;
    text-align: center;
    margin:0 auto 0 auto;
    min-height:60px;
    background-image:url(/img/feature-showcase/chevron-down-dark.png);
    background-position:bottom center;
    background-size:17px 10px;
    background-repeat:no-repeat;
}

/* TITLES */

#feature-showcase article h2 {
    margin:0 auto;
    text-indent:-9000em;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position: center;
}

#feature-showcase article.beautiful-ui h2 {
    width:482px;
    height:76px;
    background-image:url(/img/feature-showcase/Title-Beautiful_UI.png);
    background-size:482px 76px;
}

#feature-showcase article.magic-handoff h2 {
    width:628px;
    height:94px;
    background-image:url(/img/feature-showcase/Title-Magic_Handoff.png);
    background-size:628px 94px;
}

#feature-showcase article.battery-alerts h2 {
    width:581px;
    height:92px;
    background-image:url(/img/feature-showcase/Title-Battery_Alerts.png);
    background-size:581px 92px;
}

#feature-showcase article.menu-bar h2 {
    width:406px;
    height:74px;
    background-image:url(/img/feature-showcase/Title-Menu_Bar.png);
    background-size:406px 74px;
}

#feature-showcase article.quick-actions h2 {
    width:591px;
    height:83px;
    background-image:url(/img/feature-showcase/Title-Quick_Actions.png);
    background-size:591px 83px;
}

#feature-showcase article.shortcuts-app h2 {
    width:420px;
    height:74px;
    background-image:url(/img/feature-showcase/Title-Shortcuts.png);
    background-size:420px 74px;
}

/* PLAIN SECTION */

#feature-showcase article h2 {
    color:#3377F6;
}

#feature-showcase article h3 {
    color:#151515;
}

#feature-showcase article p {
    color:#515865;
}

#feature-showcase article p .highlight {
    color:#191A1C;
}

/* BLUE SECTION */

#feature-showcase article {
    background-color:white;
}

#feature-showcase article.blue {
    background-color:#3377F6;
}

#feature-showcase article.blue h2 {
    color:#FFF;
}

#feature-showcase article.blue h3 {
    color:#E5E7ED;
}

#feature-showcase article.blue p {
    color:#263248;
}

#feature-showcase article.blue p .highlight {
    color:#C7D2E7;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #feature-showcase article.beautiful-ui h2 {
        background-image:url(/img/feature-showcase/Title-Beautiful_UI@2x.png);
    }

    #feature-showcase article.magic-handoff h2 {
        background-image:url(/img/feature-showcase/Title-Magic_Handoff@2x.png);
    }

    #feature-showcase article.battery-alerts h2 {
        background-image:url(/img/feature-showcase/Title-Battery_Alerts@2x.png);
    }

    #feature-showcase article.menu-bar h2 {
        background-image:url(/img/feature-showcase/Title-Menu_Bar@2x.png);
    }

    #feature-showcase article.quick-actions h2 {
        background-image:url(/img/feature-showcase/Title-Quick_Actions@2x.png);
    }

    #feature-showcase article.shortcuts-app h2 {
        background-image:url(/img/feature-showcase/Title-Shortcuts@2x.png);
    }

    #learn-more-coaching {
        background-image:url(/img/feature-showcase/chevron-down-dark@2x.png);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    #feature-showcase article.beautiful-ui h2 {
        background-image:url(/img/feature-showcase/Title-Beautiful_UI@3x.png);
    }

    #feature-showcase article.magic-handoff h2 {
        background-image:url(/img/feature-showcase/Title-Magic_Handoff@3x.png);
    }

    #feature-showcase article.battery-alerts h2 {
        background-image:url(/img/feature-showcase/Title-Battery_Alerts@3x.png);
    }

    #feature-showcase article.menu-bar h2 {
        background-image:url(/img/feature-showcase/Title-Menu_Bar@3x.png);
    }

    #feature-showcase article.quick-actions h2 {
        background-image:url(/img/feature-showcase/Title-Quick_Actions@3x.png);
    }

    #feature-showcase article.shortcuts-app h2 {
        background-image:url(/img/feature-showcase/Title-Shortcuts@3x.png);
    }

    #learn-more-coaching {
        background-image:url(/img/feature-showcase/chevron-down-dark@3x.png);
    }
}

@media (max-width: 800px) {
    #feature-showcase article .container {
        width:70%;
        margin:0 auto;
        padding:0 10% 0 10%;
    }   

    #feature-showcase article h2 {
        background-image:none!important;
        width:auto!important;
        height:auto!important;
        text-indent:0!important;
        font-size:50px!important;
    }

    #feature-showcase article h3 {
        font-size:30px;
    }

    #feature-showcase article p {
        font-size:15px;
    }

    #feature-showcase article figure.hero {
        margin:16px 0;
    }

    #feature-showcase article figure.hero img {
        max-width:100%;
    }

    #feature-showcase article {
        padding:80px 0 80px 0;
    }
}

/* DARK MODE */

@media (prefers-color-scheme: dark) {
    #feature-showcase article h2 {
        color:#3377F6;
    }

    #feature-showcase article {
        background-color:#1B1D1E;
    }

    #feature-showcase article h3 {
        color:#DDDDDD;
    }

    #feature-showcase article p {
        color:#989CA2;
    }

    #feature-showcase article p .highlight {
        color:#D7DADF;
    }

    #learn-more-coaching p {
        color:#AFB1B6;
    }

    #learn-more-coaching {
        background-image:url(/img/feature-showcase/chevron-down-dark.png);
    }

    #feature-showcase article.beautiful-ui h2 {
        background-image:url(/img/feature-showcase/Title-Beautiful_UI-Dark.png);
    }

    #feature-showcase article.menu-bar h2 {
        background-image:url(/img/feature-showcase/Title-Menu_Bar-Dark.png);
    }

    #feature-showcase article.shortcuts-app h2 {
        background-image:url(/img/feature-showcase/Title-Shortcuts-Dark.png);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (prefers-color-scheme: dark) {
    #learn-more-coaching {
        background-image:url(/img/feature-showcase/chevron-down-dark@2x.png);
    }

    #feature-showcase article.beautiful-ui h2 {
        background-image:url(/img/feature-showcase/Title-Beautiful_UI-Dark@2x.png);
    }

    #feature-showcase article.menu-bar h2 {
        background-image:url(/img/feature-showcase/Title-Menu_Bar-Dark@2x.png);
    }

    #feature-showcase article.shortcuts-app h2 {
        background-image:url(/img/feature-showcase/Title-Shortcuts-Dark@2x.png);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) and (prefers-color-scheme: dark) {
    #learn-more-coaching {
        background-image:url(/img/feature-showcase/chevron-down-dark@3x.png);
    }

    #feature-showcase article.beautiful-ui h2 {
        background-image:url(/img/feature-showcase/Title-Beautiful_UI-Dark@3x.png);
    }

    #feature-showcase article.menu-bar h2 {
        background-image:url(/img/feature-showcase/Title-Menu_Bar-Dark@3x.png);
    }

    #feature-showcase article.shortcuts-app h2 {
        background-image:url(/img/feature-showcase/Title-Shortcuts-Dark@3x.png);
    }
}