/* BRAND YOUR AUDIO - PREMIUM DARK PRICING PAGE */


body{
    background:#050816;
    color:white;
}


/* HERO */

.pricing-hero{
    text-align:center;
    padding:100px 20px 70px;
    background:
    radial-gradient(circle at top, #12304a 0%, #050816 55%);
}


.pricing-hero h1{
    font-size:52px;
    margin-bottom:25px;
    letter-spacing:-1px;
}


.pricing-hero p{
    max-width:850px;
    margin:auto;
    font-size:19px;
    line-height:1.7;
    color:#cbd5e1;
}


/* HERO BUTTONS */

.hero-buttons{
    margin-top:35px;
}


.hero-buttons a{
    display:inline-block;
    margin:10px;
    padding:15px 35px;
    background:#06b6d4;
    color:white;
    border-radius:40px;
    text-decoration:none;
    font-weight:bold;
}


.hero-buttons a:hover{
    opacity:.85;
}


/* PRICING SECTION */

.pricing-page{

    padding:80px 30px;
    text-align:center;

}


.pricing-page h2{

    font-size:42px;
    margin-bottom:60px;

}


/* CARDS */

.pricing-container{

    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:35px;
    flex-wrap:wrap;

}



.price-box{

    background:
    linear-gradient(
    145deg,
    rgba(255,255,255,.08),
    rgba(255,255,255,.03)
    );

    backdrop-filter:blur(15px);

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

    width:330px;

    padding:45px 35px;

    border-radius:30px;

    color:white;

    box-shadow:
    0 25px 60px rgba(0,0,0,.4);

    transition:.35s;

}



.price-box:hover{

    transform:translateY(-12px);

    border-color:#06b6d4;

}



/* CARD CONTENT */


.price-box h3{

    font-size:27px;
    margin-bottom:20px;

}



.price-box h1{

    font-size:48px;
    margin:30px 0;

}



.price-box p{

    color:#d1d5db;
    line-height:1.8;
    text-align:left;

}


.plan-description{

    min-height:90px;

}


/* BUTTON */

.price-box a{

    display:block;

    margin-top:35px;

    padding:16px;

    background:#06b6d4;

    color:white;

    border-radius:35px;

    text-decoration:none;

    font-weight:bold;

}


.price-box a:hover{

    background:#0891b2;

}



/* MOST POPULAR */


.recommended-plan{

    transform:scale(1.08);

    border:2px solid #06b6d4;

    box-shadow:
    0 0 45px rgba(6,182,212,.35);

}



.recommended-badge{

    background:#06b6d4;

    color:white;

    padding:10px 22px;

    border-radius:30px;

    font-size:13px;

    font-weight:bold;

    display:inline-block;

    margin-bottom:20px;

}



/* COMPARISON */


.comparison{

    padding:90px 30px;

    background:#08101f;

    text-align:center;

}



.comparison table{

    width:100%;

    max-width:1100px;

    margin:auto;

    background:#111827;

    border-radius:20px;

    overflow:hidden;

}



.comparison th{

    background:#06b6d4;

    color:white;

    padding:20px;

}



.comparison td{

    padding:18px;

    color:#e5e7eb;

    border-bottom:1px solid #1f2937;

}



/* SERVICES */


.services{

    padding:90px 30px;

    text-align:center;

}



.service-list{

    display:flex;

    justify-content:center;

    gap:30px;

    flex-wrap:wrap;

}



.service-card{

    background:#111827;

    width:300px;

    padding:35px;

    border-radius:25px;

    text-align:left;

}



.service-card h4{

    color:#06b6d4;

}



/* ENTERPRISE */


.enterprise{

    padding:100px 30px;

    background:#020617;

    text-align:center;

}



.enterprise-card{

    background:#111827;

    width:260px;

    padding:35px;

    border-radius:25px;

}



/* FAQ */


.faq{

    padding:90px 30px;

}


.faq-item{

    background:#111827;

    padding:30px;

    border-radius:20px;

    margin-bottom:20px;

}


/* MOBILE */

@media(max-width:768px){


.pricing-hero h1{

    font-size:36px;

}


.pricing-page h2{

    font-size:32px;

}


.pricing-container{

    flex-direction:column;

    align-items:center;

}


.price-box{

    width:90%;

}


.recommended-plan{

    transform:none;

}


}