.promo-container {
    box-sizing: border-box;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.promo-header {
    padding: 80px 0;
}

@media screen and (max-width: 636px) {
    .promo-header {
        padding: 64px 0;
    }
}

.promo-eyebrow{
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: 16px;
    color: #6b7280;
    text-transform:uppercase;
}

.promo-h1 {
    font-size: 48px;
    line-height: 48px;
    margin: 8px 0 0;
    font-weight: bold;
}

@media screen and (max-width: 636px) {
    .promo-h1 {
        font-size: 36px;
        line-height: 40px;
    }
}

.promo-lead{
    max-width: 760px;
}

.promo-lead p {
    color: #374151;
    margin-top: 14px;
    font-size: 18px;
    line-height: 28px;
}

@media screen and (max-width: 636px) {
    .promo-lead p  {
        font-size: 16px;
        line-height: 24px;
    }
}


.promo-cta-row{
    gap:10px;
}

.promo-cta-btn{
    display: inline-flex;
    font-size: 14px;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    font-weight: 500;
    padding: 12px 20px;
    color: black;
    background-color: white;
    text-decoration: none;
    box-shadow: #E7E7E7FF 0px 0px 0px 0px, #E7E7E7FF 0px 0px 0px 0px, #E7E7E7FF 0px 0px 0px 0px, #E7E7E7FF 0px 0px 0px 0px, #E7E7E7FF 0px 1px 3px 0px, #E7E7E7FF 0px 1px 2px -1px;
}

.promo-cta-btn:hover{
    background-color: #F6F6F6FF;
    color: black;
}

.promo-cta-btn-ghost{
    font-size: 14px;
    font-weight: 500;
    padding: 12px 20px;
    color: black;
}

.promo-cta-btn-ghost:hover{
    color: black;
    text-decoration: none;
}

.promo-nav{
    /*position: sticky;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*z-index: 1;*/

}

.promo-nav-wrapper{
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    backdrop-filter: blur(8px);
    background-color: rgb(255 255 255 / 0.8);
}

.promo-nav ul{
    list-style: none;
    overflow-x: auto;
    gap: 16px;
    padding: 0;
    margin: 0;
}

.promo-nav ul a{
    font-size: 14px;
    color: #111827;
    text-decoration: none;
}

.promo-nav ul a:hover{
    text-decoration: underline;
}

.promo-about{
    padding-top: 64px;
}

.promo-h4{
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.promo-about-text{
    max-width: 768px;
}

.promo-text p{
    line-height: 24px;
    margin: 0;
}

.promo-join-card{
    border-radius: 16px;
    padding: 24px;
    border: 1px solid #e5e7eb;
    background-color: white;
}

.promo-join-card-body ol{
    padding: 0;
    margin: 0;
    list-style-position: inside;
}

.promo-join-card-body ol li{
    color: #374151;
    margin-top: 8px;
}

.promo-join-card-title{
    font-size: 16px;
    margin: 0;
    font-weight: 500;
}

.promo-earn-text p{
    margin-bottom: 8px;
}

.promo-table-wrapper{
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    overflow-x: auto;
}

.promo-table-wrapper table{
    border: none;
    width: 100%;
}

.promo-table-wrapper table thead{
    background-color: #f9fafb;
}

.promo-table-wrapper table th,
.promo-table-wrapper table td{
    font-size: 14px;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e7eb;
}

.promo-table-wrapper table th{
    font-weight: 500;
}

.promo-table-wrapper table tr:last-child td{
    border-bottom: none;
}

.promo-upgrade{
    max-width: 768px;
}

.promo-faq{
    margin-bottom: 64px;
}

.promo-accordion{
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.promo-accordion-item .accordion-button{
    padding: 16px;
    font-weight: 500;
}

.promo-accordion-item .accordion-button.collapsed{
    border-bottom: 1px solid #e5e7eb;
}

.promo-accordion-item .accordion-button:not(.collapsed){
    color: inherit;
    background-color: transparent;
}

.promo-accordion-item .accordion-button::after{
    display: none;
}

.promo-accordion-body.accordion-body{
    padding: 0 16px 16px;
    border-bottom: 1px solid #e5e7eb;
}

.promo-alert{
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 16px;
    color: #4b5563;
    background-color: #f9fafb;
}

.promo-alert-title{
    font-size: 14px;
    font-weight: 500;
}

.promo-alert-text{
    margin-top: 8px;
}

.promo-alert ul{
    margin: 0 0 0 2px;
    padding: 0;
    list-style: inside;
}

.promo-alert ul li{
    font-size: 14px;
    margin-top: 4px;
}

.promo-alert ul li a{
    color: #4b5563;
}

.promo-cta{
    padding: 32px;
    border-radius: 24px;
    border: 1px solid #e5e7eb;
}

.promo-cta-title{
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.promo-cta p{
    margin-bottom: 15px;
}

.qr-code-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.qr-code-container {
    margin: 20px 0 0;
    padding: 0 20px 0;
}

.qr-code {
    max-width: 200px;
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    background: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.promo-white-container{
    padding: 12px;
    margin-left: -12px;
    margin-right: -12px;
    background-color: rgba(255, 255, 255, 0.8);
}

/*.promo-white-container-header{*/
/*    padding-bottom: 80px;*/
/*}*/

/*@media screen and (max-width: 636px) {*/
/*    .promo-white-container-header {*/
/*        padding-bottom: 64px;*/
/*    }*/
/*}*/


/*.promo-white-container-about{*/
/*    padding-top: 64px;*/
/*}*/