/* AE-ANDROID-BETA-THEME-V1: Scoped Android promotion */

.ae-android-promo,.ae-android-beta-hero,
.ae-android-beta-content{box-sizing:border-box}

.ae-android-promo{
 background:linear-gradient(120deg,#1c3429,#345444 75%,#4b6650);
 color:#f2eee4;padding:clamp(65px,8vw,110px) 0;overflow:hidden
}
.ae-android-layout{
 display:grid;grid-template-columns:1.35fr .65fr;
 gap:45px;align-items:center
}
.ae-android-eyebrow{
 display:block;font:700 12px/1.5 Lato,Arial,sans-serif;
 letter-spacing:.17em;color:#d4bb9d;margin-bottom:19px
}
.ae-android-copy h2,.ae-android-beta-hero h1{
 font-family:'EB Garamond',Georgia,serif;
 font-size:clamp(44px,5vw,75px);line-height:1.07;
 color:#f2eee4;max-width:780px;margin:0 0 22px
}
.ae-android-copy>p,.ae-android-beta-hero p{
 max-width:650px;font-size:19px;line-height:1.7;
 color:#e0e7da;margin-bottom:28px
}
.ae-android-button{
 display:inline-flex;align-items:center;justify-content:center;
 gap:22px;background:#f2eee4;color:#263d34!important;
 padding:14px 25px;border-radius:50px;text-decoration:none!important;
 font:700 15px/1.4 Lato,Arial,sans-serif;
 transition:background .2s,transform .2s
}
.ae-android-button:hover{background:#fff;transform:translateY(-2px)}
.ae-android-button:focus-visible{outline:3px solid #b4805a;outline-offset:4px}
.ae-android-copy .ae-android-small{
 font-size:13px;color:#c6d4c5;margin:17px 0 0
}
.ae-android-illustration{
 display:flex;justify-content:center;align-items:center;
 min-height:340px
}
.ae-android-device{
 width:215px;height:370px;border:8px solid #172920;
 border-radius:33px;background:linear-gradient(155deg,#56775e,#21392d);
 box-shadow:20px 24px 60px #091a1390;
 transform:rotate(7deg);display:flex;align-items:center;
 flex-direction:column;padding:17px 12px;color:#f2eee4
}
.ae-android-speaker{
 width:54px;height:7px;background:#14261e;
 border-radius:10px;margin:0 auto 35px
}
.ae-android-device-name{
 font:600 18px/1.15 'EB Garamond',Georgia,serif;
 letter-spacing:.1em;text-align:center
}
.ae-android-device-name span{font-size:28px}
.ae-android-music{
 width:84px;height:84px;border:1px solid #b6c9b2;
 border-radius:50%;display:grid;place-items:center;
 font-size:36px;margin:auto
}
.ae-android-device-caption{
 margin:0 auto 35px;font-size:11px;letter-spacing:.06em
}
.ae-android-beta-hero{
 background:linear-gradient(130deg,#213a2d,#466b53);
 padding:clamp(70px,9vw,125px) 0;color:#f2eee4
}
.ae-android-beta-hero h1{max-width:880px}
.ae-android-beta-content{background:#f2eee4;padding:80px 0}
.ae-android-beta-intro{max-width:820px}
.ae-android-beta-intro .ae-android-eyebrow{color:#8f5b3e}
.ae-android-beta-content h2{
 font-family:'EB Garamond',Georgia,serif;
 font-size:clamp(36px,4vw,54px);color:#263d34;line-height:1.15
}
.ae-android-beta-intro p{font-size:19px;max-width:790px}
.ae-android-steps{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:22px;margin:42px 0 70px
}
.ae-android-steps article{
 background:#e4e9df;border-radius:12px;padding:30px;
}
.ae-android-steps article>span{
 font-size:13px;letter-spacing:.16em;color:#8f5b3e;font-weight:700
}
.ae-android-steps h3{
 font-family:'EB Garamond',Georgia,serif;
 font-size:29px;line-height:1.15;margin:20px 0 15px
}
.ae-android-steps p{font-size:16px;line-height:1.75;margin:0}
.ae-android-beta-contact{
 background:#263d34;color:#f2eee4;
 padding:clamp(30px,5vw,60px);border-radius:14px
}
.ae-android-beta-contact h2{color:#f2eee4}
.ae-android-beta-contact p{color:#e1e8dc}
.ae-android-beta-contact .ae-android-contact-note{
 margin:22px 0 0;font-size:14px
}
.ae-android-beta-contact .ae-android-contact-note a{color:#fff}
.ae-android-privacy{font-size:13px;color:#52675a;margin:22px 0 0}
@media(max-width:800px){
 .ae-android-layout{grid-template-columns:1fr;gap:15px}
 .ae-android-illustration{min-height:240px}
 .ae-android-device{transform:rotate(6deg) scale(.72);margin:-45px 0}
 .ae-android-steps{grid-template-columns:1fr}
 .ae-android-beta-content{padding:55px 0}
}
@media(max-width:600px){
 .ae-android-promo{padding:55px 0}
 .ae-android-copy>p,.ae-android-beta-hero p{font-size:17px}
 .ae-android-button{width:100%;text-align:center}
 .ae-android-steps article{padding:24px}
 .ae-android-beta-contact{padding:27px}
}
@media(prefers-reduced-motion:reduce){
 .ae-android-button{transition:none}
 .ae-android-button:hover{transform:none}
}


/* AE-ANDROID-REAL-SCREENSHOT-V1
   Real app screenshot in the homepage phone frame.
   Preserve the full screenshot, including bottom navigation.
*/

.ae-android-device--screenshot {
    width: 225px;
    height: auto;
    padding: 6px;
    display: block;
    overflow: hidden;
    border: 7px solid #172920;
    border-radius: 34px;
    background: #172920;
    box-shadow: 20px 24px 60px rgba(9, 26, 19, .55);
}

.ae-android-device--screenshot img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 22px;
    object-fit: contain;
}

@media (max-width: 800px) {
    .ae-android-device--screenshot {
        transform: rotate(6deg) scale(.78);
        margin: -45px 0;
    }
}


/* AE-ANDROID-BETA-HERO-SCREENSHOT-V1
   Actual Android app screenshot on beta landing page.
*/

.ae-android-beta-hero-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
    align-items: center;
    gap: clamp(35px, 5vw, 85px);
}

.ae-android-beta-hero-copy {
    min-width: 0;
}

.ae-android-beta-hero-phone {
    margin: 0 auto;
    width: min(100%, 255px);
    padding: 6px;
    border: 7px solid #172920;
    border-radius: 34px;
    background: #172920;
    box-shadow: 20px 25px 60px rgba(9, 26, 19, .5);
    transform: rotate(5deg);
    overflow: hidden;
    line-height: 0;
}

.ae-android-beta-hero-phone img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 22px;
}

@media (max-width: 800px) {
    .ae-android-beta-hero-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .ae-android-beta-hero-phone {
        width: min(57vw, 220px);
        transform: rotate(4deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ae-android-beta-hero-phone {
        transition: none;
    }
}

/* AE-GOOGLE-PLAY-EMAIL-GUIDE-V1 */
.ae-google-play-guide {
    padding: clamp(45px, 6vw, 85px) 0;
    background: #f5f3eb;
    color: #24382f;
    text-align: center;
}

.ae-google-play-guide h2 {
    margin: 0 auto 14px;
    max-width: 850px;
}

.ae-google-play-guide p {
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.7;
}

.ae-google-play-guide figure {
    max-width: 980px;
    margin: 32px auto 0;
}

.ae-google-play-guide-image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 12px 35px rgba(20, 40, 30, .12);
}

.ae-google-play-guide figcaption {
    font-size: .9rem;
    line-height: 1.6;
    margin-top: 18px;
    opacity: .8;
}

@media (max-width: 600px) {
    .ae-google-play-guide {
        padding: 40px 0;
    }
    .ae-google-play-guide figure {
        margin-top: 22px;
    }
}

/* AE-GOOGLE-PLAY-GUIDE-POSITION-V2 */
.ae-android-beta-content .ae-google-play-guide {
    padding: clamp(32px, 4vw, 55px) 0;
    background: transparent;
}

.ae-android-beta-content .ae-google-play-guide > .ae-wrap {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.ae-android-beta-content .ae-google-play-guide figure {
    max-width: 800px;
}