:root{
    --am-blue:#1368e8;
    --am-blue-dark:#0e54c8;
    --am-navy:#081832;
    --am-text:#0d1b38;
    --am-text-soft:#617088;
    --am-bg:#f8fafc;
    --am-border:#e4e9f1;
    --am-white:#ffffff;

    --am-feature:#2877ff;
    --am-gold:#f4bd3f;
    --am-red:#f84b4b;
    --am-green:#1aa66f;

    --am-radius:16px;
    --am-radius-lg:22px;

    --am-shadow:
        0 10px 32px
        rgba(14,33,67,.08);

    --am-container:1280px;
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    color:var(--am-text);
    background:#fff;

    font-family:
        "Inter",
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    -webkit-font-smoothing:
        antialiased;
}

a{
    color:inherit;
    text-decoration:none;
}

button,
input{
    font:inherit;
}

img{
    display:block;
    max-width:100%;
}

.am-container{
    width:min(
        var(--am-container),
        calc(100% - 48px)
    );

    margin-inline:auto;
}


/* ========================================================= */
/* HEADER */
/* ========================================================= */

.am-header{
    height:76px;

    background:
        rgba(
            255,
            255,
            255,
            .98
        );

    border-bottom:
        1px solid
        #edf1f6;

    position:sticky;

    top:0;

    z-index:100;
}

.am-header-inner{
    height:100%;

    display:flex;

    align-items:center;

    gap:24px;
}

.am-logo{
    display:flex;

    align-items:center;

    gap:10px;

    flex:0 0 auto;
}

.am-logo-mark{
    width:40px;

    height:40px;

    position:relative;

    display:block;
}

.am-logo-mark span{
    position:absolute;

    bottom:5px;

    width:15px;

    height:33px;

    border-radius:
        10px 10px 5px 5px;

    transform-origin:
        bottom center;
}

.am-logo-mark span:first-child{
    left:6px;

    background:
        linear-gradient(
            180deg,
            #2c78ff,
            #0757d4
        );

    transform:
        rotate(28deg);
}

.am-logo-mark span:last-child{
    right:6px;

    background:
        linear-gradient(
            180deg,
            #33c69c,
            #18a970
        );

    transform:
        rotate(-28deg);
}

.am-logo-text{
    display:flex;

    flex-direction:column;

    line-height:1;
}

.am-logo-text strong,
.am-logo-text b{
    display:inline;

    font-size:18px;

    font-weight:800;
}

.am-logo-text strong{
    color:#122342;
}

.am-logo-text b{
    color:var(--am-blue);
}

.am-logo-text small{
    margin-top:5px;

    font-size:8px;

    font-weight:500;

    color:#718099;
}

.am-main-nav{
    margin-left:auto;

    display:flex;

    align-items:center;

    gap:30px;
}

.am-main-nav a{
    position:relative;

    font-size:13px;

    font-weight:500;

    color:#24344e;

    padding:
        29px 0 27px;
}

.am-main-nav a.is-active{
    color:var(--am-blue);

    font-weight:650;
}

.am-main-nav a.is-active:after{
    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:18px;

    height:2px;

    border-radius:3px;

    background:var(--am-blue);
}

.am-chevron{
    font-size:13px;

    margin-left:3px;
}

.am-header-actions{
    display:flex;

    align-items:center;

    gap:18px;

    margin-left:28px;
}

.am-header-icon{
    width:32px;

    height:32px;

    display:grid;

    place-items:center;

    font-size:24px;

    color:#0b1a35;
}

.am-sign-link{
    font-size:13px;

    font-weight:500;

    color:#13233f;
}

.am-post-button{
    height:44px;

    padding:
        0 20px;

    border-radius:9px;

    background:
        linear-gradient(
            180deg,
            #1c72f2,
            #075fdc
        );

    color:#fff;

    display:inline-flex;

    align-items:center;

    gap:8px;

    font-size:14px;

    font-weight:600;

    box-shadow:
        0 8px 20px
        rgba(16,103,230,.23);
}

.am-post-button span{
    font-size:20px;

    font-weight:400;
}

.am-mobile-toggle{
    display:none;

    background:transparent;

    border:0;

    font-size:24px;
}


/* ========================================================= */
/* HERO */
/* ========================================================= */

.am-hero{
    min-height:500px;

    position:relative;

    overflow:hidden;

    background-image:
        var(--am-hero-image);

    background-size:cover;

    background-position:center;

    color:#fff;
}

.am-hero-overlay{
    position:absolute;

    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(3,16,29,.88) 0%,
            rgba(6,20,35,.72) 37%,
            rgba(9,22,36,.23) 71%,
            rgba(9,22,36,.18) 100%
        );
}

.am-hero-inner{
    min-height:500px;

    position:relative;

    z-index:2;

    padding-top:70px;

    padding-bottom:45px;
}

.am-hero-copy{
    max-width:770px;
}

.am-eyebrow{
    margin-bottom:11px;

    font-size:14px;

    line-height:1;

    font-weight:600;

    letter-spacing:3.5px;

    color:#fff;
}

.am-hero h1{
    margin:0;

    font-size:66px;

    line-height:.99;

    letter-spacing:-2.7px;

    font-weight:800;

    max-width:650px;
}

.am-hero-copy > p{
    max-width:620px;

    margin:
        20px 0 24px;

    font-size:16px;

    line-height:1.75;

    color:
        rgba(
            255,
            255,
            255,
            .92
        );
}

.am-hero-search{
    width:min(780px,100%);

    min-height:64px;

    display:grid;

    grid-template-columns:
        1.25fr
        .85fr
        148px;

    gap:0;

    padding:5px;

    border-radius:14px;

    background:#fff;

    box-shadow:
        0 16px 45px
        rgba(0,0,0,.20);
}

.am-search-field{
    min-width:0;

    display:flex;

    align-items:center;

    gap:11px;

    padding:
        0 18px;
}

.am-search-keyword{
    border-right:
        1px solid
        #e6eaf0;
}

.am-search-field input{
    width:100%;

    border:0;

    outline:0;

    background:
        transparent;

    font-size:14px;

    color:#172640;
}

.am-search-field input::placeholder{
    color:#8896a9;
}

.am-search-icon{
    color:#091b37;

    font-size:22px;

    line-height:1;
}

.am-dropdown-icon{
    color:#122541;
}

.am-search-submit{
    border:0;

    border-radius:10px;

    background:
        linear-gradient(
            180deg,
            #2479ff,
            #0862e5
        );

    color:#fff;

    font-size:14px;

    font-weight:700;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    box-shadow:
        0 8px 16px
        rgba(24,105,236,.22);
}

.am-search-submit span{
    font-size:10px;
}

.am-popular-row{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-top:19px;

    font-size:12px;
}

.am-popular-row strong{
    color:#fff;

    margin-right:1px;
}

.am-popular-row a{
    height:30px;

    padding:
        0 13px;

    display:flex;

    align-items:center;

    border-radius:999px;

    background:
        rgba(
            255,
            255,
            255,
            .15
        );

    color:#fff;

    border:
        1px solid
        rgba(
            255,
            255,
            255,
            .08
        );

    backdrop-filter:
        blur(8px);
}

.am-hero-dream-card{
    position:absolute;

    top:66px;

    right:0;

    width:247px;

    min-height:104px;

    padding:
        22px 23px;

    border-radius:
        54px 54px
        54px 54px;

    background:
        rgba(
            255,
            255,
            255,
            .95
        );

    color:#0b1932;

    display:flex;

    align-items:center;

    gap:15px;

    box-shadow:
        0 15px 35px
        rgba(0,0,0,.13);
}

.am-dream-arrow{
    width:46px;

    height:46px;

    border-radius:50%;

    display:grid;

    place-items:center;

    background:#082248;

    color:#fff;

    font-size:22px;
}

.am-hero-dream-card strong{
    display:block;

    font-size:15px;

    line-height:1.2;
}

.am-hero-dream-card small{
    display:block;

    margin-top:7px;

    font-size:10px;

    color:#33425a;
}

.am-hero-listing-caption{
    position:absolute;

    right:24px;

    bottom:53px;

    text-align:right;

    display:flex;

    flex-direction:column;

    gap:1px;
}

.am-hero-listing-caption strong{
    font-size:16px;

    line-height:1.1;
}

.am-hero-listing-caption span{
    font-size:13px;
}

.am-hero-listing-caption small{
    margin-top:3px;

    font-size:11px;

    color:
        rgba(
            255,
            255,
            255,
            .84
        );
}

.am-hero-dots{
    position:absolute;

    right:0;

    bottom:18px;

    display:flex;

    gap:8px;
}

.am-hero-dots span{
    width:38px;

    height:4px;

    border-radius:9px;

    background:
        rgba(
            255,
            255,
            255,
            .28
        );
}

.am-hero-dots span.active{
    background:#fff;
}


/* ========================================================= */
/* CATEGORY STRIP */
/* ========================================================= */

.am-category-strip{
    padding:
        27px 0 23px;

    background:#fff;
}

.am-category-grid{
    display:grid;

    grid-template-columns:
        repeat(10,1fr);

    gap:15px;
}

.am-category-item{
    min-width:0;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;
}

.am-category-icon{
    width:58px;

    height:58px;

    border-radius:14px;

    display:grid;

    place-items:center;

    margin-bottom:10px;

    font-size:27px;

    font-weight:700;
}

.am-category-color-1{
    color:#1260df;

    background:#e8f1ff;
}

.am-category-color-2{
    color:#20a260;

    background:#e3f6ec;
}

.am-category-color-3{
    color:#1464c9;

    background:#e4f0ff;
}

.am-category-color-4{
    color:#ef3c3c;

    background:#fde9eb;
}

.am-category-color-5{
    color:#1166d7;

    background:#e8f2ff;
}

.am-category-color-6{
    color:#be6908;

    background:#fff0df;
}

.am-category-color-7{
    color:#1e9b59;

    background:#e4f6ed;
}

.am-category-color-8{
    color:#071b3d;

    background:#eff2f6;
}

.am-category-item strong{
    font-size:13px;

    line-height:1.2;

    font-weight:700;
}

.am-category-item small{
    margin-top:4px;

    font-size:10px;

    color:#718097;
}


/* ========================================================= */
/* PROMOS */
/* ========================================================= */

.am-promos{
    padding:
        0 0 28px;

    background:#fff;
}

.am-promos-grid{
    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:20px;
}

.am-promo{
    height:147px;

    border-radius:16px;

    overflow:hidden;

    position:relative;

    display:flex;

    align-items:center;
}

.am-promo-dark{
    background:
        radial-gradient(
            circle at 85% 30%,
            rgba(23,114,237,.28),
            transparent 28%
        ),
        linear-gradient(
            110deg,
            #06172f,
            #092a59
        );

    color:#fff;
}

.am-promo-property{
    background:
        linear-gradient(
            90deg,
            rgba(230,242,255,.98) 0%,
            rgba(230,242,255,.89) 47%,
            rgba(230,242,255,.10) 73%
        ),
        var(--am-property-image);

    background-size:
        cover;

    background-position:
        center;
}

.am-promo-copy{
    position:relative;

    z-index:3;

    padding:
        24px 28px;
}

.am-promo-copy h2{
    margin:0;

    font-size:24px;

    line-height:1.15;

    font-weight:800;

    letter-spacing:-.5px;
}

.am-promo-copy p{
    margin:
        6px 0 15px;

    font-size:13px;

    color:inherit;

    opacity:.90;
}

.am-promo-button{
    height:40px;

    padding:
        0 16px;

    border-radius:8px;

    background:#0865e8;

    color:#fff;

    display:inline-flex;

    align-items:center;

    gap:14px;

    font-size:12px;

    font-weight:650;
}

.am-promo-chart{
    position:absolute;

    right:36px;

    bottom:19px;

    width:200px;

    height:100px;

    display:flex;

    align-items:end;

    justify-content:flex-end;

    gap:10px;

    border-bottom:
        1px solid
        rgba(
            255,
            255,
            255,
            .20
        );
}

.am-promo-chart span{
    width:24px;

    border-radius:
        4px 4px 0 0;

    background:
        linear-gradient(
            180deg,
            #147cff,
            #0563df
        );

    box-shadow:
        0 0 16px
        rgba(22,114,255,.25);
}


/* ========================================================= */
/* SECTIONS */
/* ========================================================= */

.am-section{
    padding:
        9px 0 32px;

    background:#fff;
}

.am-section-heading{
    display:flex;

    align-items:end;

    justify-content:space-between;

    gap:20px;

    margin-bottom:18px;
}

.am-section-title{
    display:flex;

    align-items:center;

    gap:13px;
}

.am-crown{
    color:#f1af2a;

    font-size:35px;
}

.am-section-title h2,
.am-how-copy > h2{
    margin:0;

    font-size:30px;

    line-height:1.1;

    letter-spacing:-.7px;

    font-weight:800;
}

.am-section-title p,
.am-how-copy > p{
    margin:
        4px 0 0;

    font-size:12px;

    color:#65758d;
}

.am-feature-tabs{
    display:flex;

    align-items:center;

    gap:8px;
}

.am-feature-tabs a,
.am-feature-tabs button{
    height:34px;

    border:0;

    border-radius:9px;

    padding:
        0 15px;

    background:#f1f4f9;

    color:#15243e;

    display:flex;

    align-items:center;

    font-size:11px;

    cursor:pointer;
}

.am-feature-tabs .active{
    background:#0d55c5;

    color:#fff;

    font-weight:700;
}

.am-feature-tabs .am-view-all{
    margin-left:10px;

    color:#075edc;

    background:#f0f5ff;

    font-weight:650;
}


/* ========================================================= */
/* LISTING CARDS */
/* ========================================================= */

.am-featured-grid{
    display:grid;

    grid-template-columns:
        repeat(5,1fr);

    gap:16px;
}

.am-listing-card{
    min-width:0;

    border:
        1px solid
        #e1e7ef;

    border-radius:12px;

    background:#fff;

    overflow:hidden;

    box-shadow:
        0 5px 18px
        rgba(20,37,63,.04);
}

.am-listing-photo{
    height:158px;

    display:block;

    position:relative;

    background:#eaf0f6;

    overflow:hidden;
}

.am-listing-photo img{
    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform .3s ease;
}

.am-listing-card:hover
.am-listing-photo img{
    transform:
        scale(1.035);
}

.am-listing-badge{
    position:absolute;

    left:10px;

    top:10px;

    height:27px;

    border-radius:6px;

    padding:
        0 9px;

    display:flex;

    align-items:center;

    color:#fff;

    font-size:10px;

    font-weight:700;
}

.am-listing-badge.featured{
    background:#2479ff;
}

.am-listing-badge.premium{
    color:#332100;

    background:#f3be3c;
}

.am-listing-badge.hot{
    background:#ef4747;
}

.am-listing-heart{
    position:absolute;

    right:9px;

    top:9px;

    width:30px;

    height:30px;

    border-radius:50%;

    background:
        rgba(
            0,
            0,
            0,
            .55
        );

    color:#fff;

    display:grid;

    place-items:center;

    font-size:19px;

    backdrop-filter:
        blur(6px);
}

.am-listing-body{
    padding:
        13px 13px 12px;
}

.am-listing-title{
    min-height:36px;

    display:block;

    font-size:14px;

    line-height:1.3;

    font-weight:700;

    color:#11203c;
}

.am-listing-price{
    margin-top:7px;

    font-size:18px;

    font-weight:800;

    color:#0c1a35;
}

.am-listing-meta{
    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:10px;

    margin-top:8px;

    color:#6c7d94;

    font-size:10px;
}


/* ========================================================= */
/* HOW IT WORKS */
/* ========================================================= */

.am-how-section{
    padding-top:16px;
}

.am-how-grid{
    display:grid;

    grid-template-columns:
        1.24fr .86fr;

    gap:28px;
}

.am-how-copy{
    padding:
        11px 0 0 13px;
}

.am-how-steps{
    display:grid;

    grid-template-columns:
        1fr 30px
        1fr 30px
        1fr;

    align-items:center;

    gap:12px;

    margin-top:27px;
}

.am-how-step{
    min-width:0;
}

.am-step-icon{
    width:70px;

    height:70px;

    border-radius:50%;

    display:grid;

    place-items:center;

    margin-bottom:15px;

    background:#eaf2ff;

    color:#0868e9;

    font-size:27px;

    font-weight:700;
}

.am-how-step strong{
    display:block;

    font-size:13px;

    line-height:1.25;
}

.am-how-step p{
    margin:
        8px 0 0;

    max-width:180px;

    font-size:12px;

    line-height:1.6;

    color:#66758d;
}

.am-step-arrow{
    color:#6681a6;

    font-size:26px;

    text-align:center;
}

.am-community-card{
    min-height:260px;

    border-radius:16px;

    overflow:hidden;

    background:
        linear-gradient(
            118deg,
            #e9f3ff,
            #cee4ff
        );

    position:relative;

    display:flex;

    justify-content:space-between;
}

.am-community-copy{
    padding:
        34px 0 28px 30px;

    position:relative;

    z-index:3;
}

.am-community-copy h3{
    margin:0;

    font-size:20px;

    line-height:1.16;

    letter-spacing:-.5px;

    font-weight:800;
}

.am-community-copy ul{
    list-style:none;

    margin:
        20px 0 0;

    padding:0;
}

.am-community-copy li{
    margin:
        11px 0;

    font-size:12px;

    color:#1d304e;
}

.am-community-copy li::first-letter{
    color:#076aea;
}

.am-community-art{
    flex:
        0 0 47%;

    position:relative;

    display:flex;

    align-items:flex-end;

    justify-content:center;

    overflow:visible;
}

.am-phone-person{
    font-size:160px;

    line-height:1;

    transform:
        translateY(15px);
}

.am-sold-card{
    position:absolute;

    right:-7px;

    bottom:18px;

    width:164px;

    min-height:67px;

    border-radius:13px;

    background:#fff;

    box-shadow:
        0 12px 28px
        rgba(13,40,79,.14);

    padding:
        11px 14px;

    display:flex;

    align-items:center;

    gap:10px;
}

.am-sold-card > span{
    width:34px;

    height:34px;

    flex:
        0 0 34px;

    border-radius:50%;

    background:#20ae62;

    color:#fff;

    display:grid;

    place-items:center;
}

.am-sold-card b{
    display:block;

    font-size:10px;
}

.am-sold-card small{
    display:block;

    margin-top:3px;

    font-size:8px;

    color:#718098;
}


/* ========================================================= */
/* TRENDING */
/* ========================================================= */

.am-trending{
    padding:
        24px 0 25px;

    background:#fff;

    border-top:
        1px solid
        #f1f4f7;
}

.am-trending-heading{
    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:15px;
}

.am-trending-heading h3{
    margin:0;

    font-size:18px;

    font-weight:800;
}

.am-trending-heading p{
    margin:
        3px 0 0;

    color:#6d7d93;

    font-size:10px;
}

.am-trending-arrows{
    display:flex;

    gap:9px;
}

.am-trending-arrows button{
    width:36px;

    height:36px;

    border-radius:50%;

    border:
        1px solid
        #e3e8f0;

    background:#fff;

    color:#22344e;

    font-size:21px;
}

.am-trending-row{
    display:grid;

    grid-template-columns:
        repeat(10,1fr);

    gap:12px;
}

.am-trending-card{
    min-width:0;

    text-align:center;
}

.am-trending-card img{
    width:100%;

    height:61px;

    object-fit:cover;

    border-radius:9px;

    background:#eef2f6;
}

.am-trending-card span{
    display:block;

    margin-top:7px;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    font-size:9px;

    font-weight:650;
}


/* ========================================================= */
/* APP / TRUST STRIP */
/* ========================================================= */

.am-app-strip{
    padding:
        25px 0 46px;

    background:
        linear-gradient(
            180deg,
            #f4f8ff,
            #eaf3ff
        );

    border-top:
        1px solid
        #e8eef7;
}

.am-app-grid{
    display:grid;

    grid-template-columns:
        2.2fr
        .7fr
        .8fr
        .8fr
        .8fr
        .8fr
        1.35fr;

    align-items:center;

    gap:20px;
}

.am-app-intro h3{
    margin:0;

    font-size:17px;

    font-weight:800;
}

.am-app-intro p{
    margin:
        5px 0 12px;

    font-size:10px;

    color:#65758c;
}

.am-app-buttons{
    display:flex;

    gap:10px;
}

.am-store-button{
    min-width:132px;

    height:49px;

    border-radius:7px;

    padding:
        7px 14px;

    background:#050505;

    color:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;
}

.am-store-button small{
    font-size:7px;
}

.am-store-button b{
    margin-top:2px;

    font-size:15px;
}

.am-qr-box{
    width:76px;

    height:76px;

    border-radius:7px;

    background:#fff;

    display:grid;

    place-items:center;

    font-size:48px;

    color:#101010;
}

.am-stat{
    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;
}

.am-stat > span{
    width:50px;

    height:50px;

    border-radius:50%;

    background:#e1edff;

    display:grid;

    place-items:center;

    margin-bottom:7px;

    color:#0a66e8;

    font-size:22px;
}

.am-stat strong{
    font-size:18px;

    font-weight:800;
}

.am-stat small{
    margin-top:2px;

    color:#66768e;

    font-size:9px;
}

.am-marketplace-signature{
    color:#5978a9;

    font-family:
        cursive;

    font-size:23px;

    line-height:1.25;

    font-style:italic;

    transform:
        rotate(-4deg);

    position:relative;
}

.am-marketplace-signature span{
    display:block;

    width:105px;

    height:4px;

    border-radius:99px;

    margin-top:6px;

    background:#e9ad26;

    transform:
        rotate(-8deg);
}


/* ========================================================= */
/* FOOTER */
/* ========================================================= */

.am-footer{
    background:#07172d;

    color:#d9e2ed;

    padding:
        25px 0;
}

.am-footer-inner{
    display:flex;

    align-items:center;

    gap:32px;
}

.am-footer
.am-logo-text strong{
    color:#fff;
}

.am-footer-copy{
    font-size:11px;

    color:#8fa0b6;
}

.am-footer-links{
    margin-left:auto;

    display:flex;

    gap:20px;

    font-size:11px;
}


/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */

@media(max-width:1180px){

    .am-main-nav{
        gap:18px;
    }

    .am-main-nav a{
        font-size:12px;
    }

    .am-header-actions{
        margin-left:8px;

        gap:9px;
    }

    .am-featured-grid{
        grid-template-columns:
            repeat(4,1fr);
    }

    .am-featured-grid
    .am-listing-card:nth-child(5){
        display:none;
    }

    .am-category-grid{
        grid-template-columns:
            repeat(5,1fr);

        row-gap:25px;
    }

    .am-trending-row{
        grid-template-columns:
            repeat(5,1fr);
    }

    .am-app-grid{
        grid-template-columns:
            2fr 1fr
            repeat(4,1fr);
    }

    .am-marketplace-signature{
        display:none;
    }

}


@media(max-width:900px){

    .am-container{
        width:
            calc(100% - 32px);
    }

    .am-main-nav{
        display:none;
    }

    .am-mobile-toggle{
        display:block;

        margin-left:auto;
    }

    .am-header-actions{
        display:none;
    }

    .am-menu-open
    .am-main-nav{
        display:flex;

        position:absolute;

        left:16px;

        right:16px;

        top:70px;

        padding:18px;

        border-radius:15px;

        background:#fff;

        flex-direction:column;

        align-items:flex-start;

        box-shadow:
            0 16px 45px
            rgba(0,0,0,.12);
    }

    .am-menu-open
    .am-main-nav a{
        width:100%;

        padding:
            10px 0;
    }

    .am-main-nav a.is-active:after{
        display:none;
    }

    .am-hero{
        min-height:540px;
    }

    .am-hero-inner{
        min-height:540px;

        padding-top:55px;
    }

    .am-hero h1{
        font-size:54px;
    }

    .am-hero-dream-card{
        display:none;
    }

    .am-hero-listing-caption{
        display:none;
    }

    .am-hero-search{
        grid-template-columns:1fr;

        gap:4px;

        background:
            rgba(
                255,
                255,
                255,
                .98
            );
    }

    .am-search-field{
        min-height:50px;
    }

    .am-search-keyword{
        border-right:0;

        border-bottom:
            1px solid
            #e7ebf1;
    }

    .am-search-submit{
        min-height:48px;
    }

    .am-promos-grid{
        grid-template-columns:1fr;
    }

    .am-featured-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

    .am-featured-grid
    .am-listing-card:nth-child(5){
        display:block;
    }

    .am-section-heading{
        align-items:flex-start;

        flex-direction:column;
    }

    .am-feature-tabs{
        width:100%;

        overflow:auto;

        padding-bottom:3px;
    }

    .am-how-grid{
        grid-template-columns:1fr;
    }

    .am-app-grid{
        grid-template-columns:
            repeat(3,1fr);
    }

    .am-app-intro{
        grid-column:
            1 / -1;
    }

    .am-footer-inner{
        flex-wrap:wrap;
    }

}


@media(max-width:600px){

    .am-header{
        height:68px;
    }

    .am-logo-mark{
        width:35px;

        height:35px;
    }

    .am-logo-text strong,
    .am-logo-text b{
        font-size:16px;
    }

    .am-hero{
        min-height:520px;
    }

    .am-hero-inner{
        min-height:520px;

        padding-top:45px;
    }

    .am-eyebrow{
        font-size:11px;

        letter-spacing:2px;
    }

    .am-hero h1{
        font-size:42px;

        letter-spacing:-1.6px;
    }

    .am-hero-copy > p{
        font-size:14px;

        line-height:1.65;
    }

    .am-popular-row{
        gap:7px;
    }

    .am-popular-row a{
        height:27px;

        padding:
            0 10px;

        font-size:10px;
    }

    .am-category-grid{
        display:flex;

        overflow-x:auto;

        gap:20px;

        padding-bottom:5px;
    }

    .am-category-item{
        flex:
            0 0 80px;
    }

    .am-category-icon{
        width:54px;

        height:54px;
    }

    .am-promos{
        padding-top:4px;
    }

    .am-promo{
        height:140px;
    }

    .am-promo-copy{
        padding:
            22px 20px;
    }

    .am-promo-copy h2{
        font-size:20px;
    }

    .am-promo-chart{
        opacity:.55;

        right:5px;
    }

    .am-section-title h2,
    .am-how-copy > h2{
        font-size:25px;
    }

    .am-featured-grid{
        gap:11px;
    }

    .am-listing-photo{
        height:125px;
    }

    .am-listing-title{
        font-size:12px;
    }

    .am-listing-price{
        font-size:16px;
    }

    .am-listing-meta{
        flex-direction:column;

        align-items:flex-start;

        gap:3px;
    }

    .am-how-steps{
        grid-template-columns:1fr;

        gap:20px;
    }

    .am-step-arrow{
        display:none;
    }

    .am-how-step{
        display:grid;

        grid-template-columns:
            62px 1fr;

        column-gap:12px;
    }

    .am-step-icon{
        width:56px;

        height:56px;

        grid-row:
            1 / 3;

        margin:0;
    }

    .am-community-card{
        min-height:240px;
    }

    .am-community-art{
        opacity:.62;
    }

    .am-trending-row{
        display:flex;

        overflow:auto;
    }

    .am-trending-card{
        flex:
            0 0 95px;
    }

    .am-app-grid{
        grid-template-columns:
            repeat(2,1fr);
    }

    .am-qr-box{
        display:none;
    }

    .am-store-button{
        min-width:112px;
    }

    .am-footer-links{
        width:100%;

        margin-left:0;

        flex-wrap:wrap;
    }

}