*{
    box-sizing:border-box;
}


body{

    margin:0;

    background:#f6f8f6;

    font-family:Arial,Helvetica,sans-serif;

    color:#102342;

}


.page{

    width:100%;

    max-width:430px;

    margin:auto;

    background:#fff;

    min-height:100vh;

}





/* HERO */

.hero{

    position:relative;

    width:100%;

    height:205px;

    overflow:hidden;

}


.hero img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center top;

}



.hero-content{

    position:absolute;

    top:8px;

    left:0;

    right:0;

    padding:10px;

    text-align:center;

}



.badge{

    display:inline-block;

    background:#10a957;

    color:white;

    padding:6px 15px;

    border-radius:20px;

    font-size:12px;

    font-weight:bold;

}



.hero h1{

    font-size:22px;

    line-height:1.05;

    font-weight:900;

    margin:28px 0 0;

    color:#0a2ed3;

}



.hero h1 span{

    color:#10a957;

}





/* WhatsApp */

.whatsapp-box{

    margin:15px;

    padding:15px 12px;

    background:#f1faf3;

    border-radius:16px;

    text-align:center;

}



.whatsapp-box h2{

    font-size:24px;

    line-height:1.15;

    margin:0 0 10px;

}



.whatsapp-box p{

    font-size:14px;

    line-height:1.35;

    margin:8px 0;

}





.phone{

    background:white;

    width:90%;

    margin:12px auto;

    padding:8px;

    border-radius:10px;

    font-size:30px;

    font-weight:bold;

    color:#10a957;

}





/* COPY BUTTON */

button{

    width:90%;

    padding:13px;

    border:0;

    border-radius:10px;

    background:#10b957;

    color:white;

    font-size:18px;

    cursor:pointer;

}



button:hover{

    opacity:.9;

}



.click-hand{

    display:inline-block;

    font-size:24px;

    margin-right:8px;

    animation:

    handMove 1s infinite,

    handScale 1s infinite;

}



@keyframes handMove{

    0%,100%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(7px);

    }

}



@keyframes handScale{

    0%,100%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.15);

    }

}





/* 底部信任模块 */

.bottom-box{

    margin:12px 15px;

    padding:12px;

    background:#fff8e8;

    border-radius:16px;

    text-align:center;

}



.bottom-box div{

    margin-bottom:15px;

}



.bottom-box div:last-child{

    margin-bottom:0;

}



.bottom-box h3{

    margin:5px 0;

    font-size:16px;

}



.bottom-box p{

    margin:5px 0;

    font-size:13px;

    color:#666;

}





/* 小屏手机 */

@media(max-height:700px){


    .hero{

        height:185px;

    }


    .hero h1{

        font-size:27px;

        margin-top:20px;

    }


    .whatsapp-box{

        margin-top:10px;

        padding:12px 10px;

    }


    .phone{

        font-size:26px;

        margin:8px auto;

    }


    button{

        padding:12px;

    }


    .bottom-box{

        margin-top:8px;

    }


}




@media(max-width:380px){


    .hero h1{

        font-size:25px;

    }


    .badge{

        font-size:11px;

    }


    .whatsapp-box h2{

        font-size:22px;

    }


    .phone{

        font-size:24px;

    }


}