@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&family=Playfair+Display:wght@400;500;600&display=swap');


*{

box-sizing:border-box;

}


body{

margin:0;

font-family:'Montserrat',sans-serif;

color:white;

background:white;

}



/* HERO */


.hero{

text-align:center;

padding:55px 20px 120px;

background:linear-gradient(

180deg,

#000000 0%,

#0d0d0d 45%,

#ffffff 100%

);

}



.logo{

width:260px;

display:block;

margin:0 auto 20px;

}



.brand-name{

font-size:13px;

letter-spacing:8px;

font-weight:500;

margin-bottom:55px;

color:white;

}



.hero h1{

font-family:'Playfair Display',serif;

font-size:56px;

font-weight:400;

margin:0;

color:white;

}



.gold-divider{

display:flex;

justify-content:center;

align-items:center;

gap:18px;

margin:25px 0;

color:#c9a24d;

font-size:28px;

}



.gold-divider span{

width:90px;

height:1px;

background:#c9a24d;

}



.intro{

max-width:650px;

margin:0 auto;

font-size:17px;

line-height:1.8;

font-weight:300;

color:white;

}



/* FEATURES */


.features{

display:flex;

justify-content:center;

gap:60px;

max-width:900px;

margin:55px auto 0;

}



.feature{

max-width:230px;

}



.feature h3{

font-size:16px;

font-weight:600;

margin-bottom:10px;

color:white;

}



.feature p{

font-size:13px;

line-height:1.6;

font-weight:300;

color:white;

}



/* CHECKOUT */


.checkout-area{

background:transparent;

padding:0 20px 100px;

margin-top:-1px;

}



.checkout-card{

max-width:850px;

margin:-80px auto 0;

background:white;

border-radius:25px;

padding:50px;

box-shadow:
0 20px 60px rgba(0,0,0,.15);

position:relative;

z-index:2;

overflow:hidden;

}


/* CHECKOUT NOTE */


.checkout-note{

max-width:650px;

margin:0 auto 24px;

text-align:center;

font-size:13px;

line-height:1.7;

color:#666;

font-weight:400;

}


.checkout-note strong{

display:block;

margin-bottom:6px;

color:#222;

font-size:14px;

font-weight:600;

}

.checkout-fee{
    display:block;
    margin-top:10px;

    font-size:0.82rem;
    line-height:1.45;

    color:#7a7a7a;
    font-style:italic;
}

/* STRIPE */


#checkout{

width:100%;

}





@media(max-width:768px){


.hero{

padding-top:35px;

}



.logo{

width:210px;

}



.hero h1{

font-size:38px;

}



.features{

flex-direction:column;

gap:30px;

}



.feature{

margin:auto;

}



.checkout-card{

padding:20px;

}



}

/* ---------- TRIP SELECTOR ---------- */

.trip-selector{

    text-align:center;

    margin-bottom:30px;

}


.trip-selector h2{

    font-family:'Playfair Display',serif;

    font-size:28px;

    color:#111;

    margin-bottom:25px;

}


.trip-selector button{

    display:block;

    width:100%;

    max-width:350px;

    margin:15px auto;

    padding:16px;

    border-radius:30px;

    border:none;

    background:#111;

    color:white;

    font-family:'Montserrat',sans-serif;

    cursor:pointer;

    font-size:15px;

}