:root{

--primary:#0B1120;
--accent:#06B6D4;
--premium:#F59E0B;
--light:#F8FAFC;
--text:#111827;

}


*{
box-sizing:border-box;
font-family:Inter, Arial, Helvetica, sans-serif;
}
html{
scroll-behavior:smooth;
}

body{
margin:0;
background:#f8fafc;
color:white;
}


.container{

max-width:1200px;

margin:auto;

width:100%;

}


/* HEADER */

.topbar{

display:flex;
justify-content:space-between;
align-items:center;

padding:18px 6%;

background:#ffffff;
box-shadow:0 5px 20px rgba(0,0,0,0.05);

position:sticky;
top:0;

z-index:10;

}


.logo{

display:flex;

align-items:center;

}


.logo img{

height:75px;

width:auto;

display:block;

}


nav a{

text-decoration:none;

margin-left:30px;

color:#374151;

font-weight:600;

}

.nav-btn{

background:#06b6d4;

color:white !important;

padding:12px 25px;

border-radius:30px;

margin-left:30px;

}



/* HERO */


.hero{

display:flex;

justify-content:space-between;

align-items:center;

padding:90px 8%;

background:
linear-gradient(135deg,#0B1120,#06B6D4);
color:white;

gap:50px;

}



.hero-content{

max-width:600px;

}



.hero h1{

font-size:56px;

line-height:1.15;

font-weight:800;

letter-spacing:-1px;

margin-bottom:25px;

}


.hero p{

font-size:19px;

line-height:1.8;

opacity:.95;

max-width:650px;

}


.hero-buttons{

margin-top:35px;

}



.primary-btn,
.secondary-btn{

display:inline-block;

padding:15px 35px;

border-radius:40px;

text-decoration:none;

font-weight:bold;

margin-right:15px;

}



.primary-btn{

background:white;

color:#2563eb;

}



.secondary-btn{

border:2px solid white;

color:white;

}





.hero-card{

background:rgba(255,255,255,0.96);

color:#111827;

padding:45px;

border-radius:30px;

width:380px;

box-shadow:
0 30px 60px rgba(0,0,0,0.25);

}


.wave{

font-size:45px;

color:#06B6D4;

margin:20px 0;

}



/* SECTIONS */


section{

padding:80px 8%;

}



.problem{

text-align:center;

background:white;

}



.problem h2,
.features h2,
.how h2,
.customers h2,
.pricing h2{

font-size:38px;

}




.problem p{

max-width:800px;

margin:auto;

font-size:20px;

line-height:1.7;

}





/* FEATURES */


.features{

text-align:center;

}



.cards{

display:flex;

justify-content:center;

align-items:stretch;

gap:30px;

flex-wrap:wrap;

margin-top:50px;

}


.card{

flex:1 1 320px;

max-width:320px;

background:white;

padding:35px 30px;

border-radius:25px;

border:1px solid #e5e7eb;

box-shadow:0 15px 35px rgba(11,17,32,.08);

box-sizing:border-box;

text-align:center;

transition:all .3s ease;

display:flex;

flex-direction:column;

justify-content:flex-start;

}


.card:hover{

transform:translateY(-8px);

border:2px solid #06B6D4;

box-shadow:0 20px 40px rgba(6,182,212,.20);

}


/* HOW STEPS */


.steps{

display:flex;

justify-content:center;

align-items:stretch;

gap:25px;

margin-top:50px;

flex-wrap:nowrap;

}



.steps div{

background:white;

padding:35px 25px;

border-radius:25px;

width:250px;

border:1px solid #e5e7eb;

box-shadow:0 15px 35px rgba(11,17,32,.08);

transition:all .3s ease;

text-align:center;

}



.steps div:hover{

transform:translateY(-8px);

border:1px solid #06B6D4;

box-shadow:0 20px 40px rgba(6,182,212,.20);

}



.steps h3{

font-size:45px;

color:#06B6D4;

margin-bottom:15px;

}




/* CUSTOMERS */

.customer-list{

display:flex;

justify-content:center;

gap:15px;

flex-wrap:nowrap;

margin-top:40px;

}

.customer-list span{

background:white;

color:#0B1120;

padding:18px 22px;

border-radius:20px;

font-size:16px;

font-weight:600;

border:1px solid #e5e7eb;

box-shadow:0 10px 25px rgba(11,17,32,.08);

transition:all .3s ease;

min-width:0;

}

.customer-list span:hover{

border:2px solid #06B6D4;

transform:translateY(-5px);

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

}



/* PRICING */


.pricing{

text-align:center;

background:white;

}



.pricing{

text-align:center;

background:white;

padding:80px 40px;

}


.pricing-container{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:nowrap;

margin-top:50px;

}

.price-box{

background:#111827;

color:white;

width:250px;

padding:35px;

border-radius:30px;

box-sizing:border-box;

transition:all .3s ease;

border:2px solid transparent;

}


.price-box:hover{

border:2px solid #22c55e;

transform:translateY(-8px);

}


.price-box.featured{

border:2px solid #22c55e;

}


.recommended-badge{

display:inline-block;

background:#06b6d4;

color:white;

padding:8px 18px;

border-radius:20px;

font-size:13px;

font-weight:bold;

letter-spacing:1px;

margin-bottom:18px;

text-transform:uppercase;

}



.price-box:hover{

transform:translateY(-8px);

}


.price-box h1{

font-size:45px;

}



.price-box a{

display:inline-block;

margin-top:25px;

background:#06b6d4;

padding:15px 35px;

border-radius:30px;

color:white;

text-decoration:none;

}

.price-box.featured{

border:2px solid #06b6d4;

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

transform:translateY(-12px);

}



/* CTA */


.cta{

text-align:center;

background:#111827;

color:white;

}



.cta a{

display:inline-block;

background:#06b6d4;

color:white;

padding:16px 40px;

border-radius:40px;

text-decoration:none;

font-weight:bold;

}





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

footer{

background:#0B1120;

color:#cbd5e1;

padding:70px 40px 25px;

margin-top:80px;

}


.footer-container{

display:flex;

justify-content:space-between;

align-items:flex-start;

flex-wrap:wrap;

gap:50px;

max-width:1400px;

margin:0 auto;

}


.footer-column{

flex:1;

min-width:220px;

}


.footer-column h3{

color:white;

font-size:28px;

margin-bottom:20px;

}


.footer-column h4{

color:#06B6D4;

font-size:20px;

margin-bottom:20px;

}


.footer-column p{

line-height:1.8;

color:#94A3B8;

}


.footer-column a{

display:block;

color:#CBD5E1;

text-decoration:none;

margin-bottom:12px;

transition:all .3s ease;

}


.footer-column a:hover{

color:#06B6D4;

padding-left:6px;

}


.footer-bottom{

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

margin-top:50px;

padding-top:25px;

text-align:center;

color:#64748B;

font-size:15px;

}



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

@media (max-width:768px){

.footer-container{

flex-direction:column;

gap:40px;

}

.footer-column{

text-align:center;

}

.footer-column a:hover{

padding-left:0;

}

}

/* =====================================
   BRAND YOUR AUDIO - MOBILE CLEAN FIX
   ===================================== */

@media(max-width:768px){

body{
    overflow-x:hidden;
}


/* HEADER */

.topbar{
    padding:15px 20px;
    position:relative;
}


.logo img{
    max-width:180px;
    height:auto;
}




/* HERO */

.hero{
    padding:50px 20px;
}


.container{
    width:100%;
    padding:0 20px;
}


.hero-content h1{

    font-size:32px;
    line-height:1.2;

}


.hero-content p{

    font-size:16px;
    line-height:1.6;

}


.hero-card{

    margin-top:30px;
    width:100%;

}


/* SECTIONS */

section h2{

    font-size:26px;
    line-height:1.3;

}


.cards,
.customer-list,
.steps,
.pricing-container{

    display:flex;
    flex-direction:column;
    width:100%;

}


/* CARDS */

.card,
.price-box{

    width:100%;
    margin-bottom:25px;

}


/* PRICING */

.price-box h1{

    font-size:34px;

}


.plan-description{

    font-size:15px;

}


/* BUTTONS */

.hero-buttons{

    display:flex;
    flex-direction:column;
    gap:15px;

}


.hero-buttons a,
.price-box a{

    width:100%;
    text-align:center;

}


/* FOOTER */

.footer-container{

    display:flex;
    flex-direction:column;
    gap:25px;

}

}



/* =====================================
   BRAND YOUR AUDIO - FINAL MOBILE MENU
   ===================================== */


.menu-toggle{

    display:none;
    background:transparent;
    border:0;
color:#38bdf8;
    font-size:32px;
    cursor:pointer;
    width:auto;
    padding:0;
    line-height:1;

}


@media(max-width:768px){


.topbar{

    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;

}


.menu-toggle{

    display:block;
color:#0B1120;
}



.topbar nav{

position:fixed;
top:70px;
right:20px;
    width:250px;
transition:0.3s ease;

    background:#050816;

    display:none;

    flex-direction:column;

    padding:20px 0;

    z-index:9999;

    border-radius:0 0 12px 12px;

}


.topbar nav.active{

    display:flex;

}



.topbar nav a{

    display:block;

    color:white;

    text-align:center;

    padding:15px;

}


}




/* =========================
   BYA CHATBOT
========================= */

#bya-chat{

position:fixed;
bottom:25px;
right:25px;
z-index:9999;

}


#chat-button{

width:60px;
height:60px;

border-radius:50%;

border:none;

background:linear-gradient(
135deg,
#2563eb,
#7c3aed
);

color:white;

font-size:28px;

cursor:pointer;

box-shadow:
0 10px 30px rgba(37,99,235,0.45);

transition:0.3s;

}


#chat-button:hover{

transform:scale(1.08);

}



#chat-window{

display:none;

position:absolute;

bottom:80px;
right:0;

width:330px;

background:
rgba(15,23,42,0.95);

backdrop-filter:blur(15px);

border-radius:18px;

overflow:hidden;

box-shadow:
0 20px 50px rgba(0,0,0,0.4);

color:white;

}



#chat-window.open{

display:block;

}



.chat-header{

padding:18px;

background:
linear-gradient(
135deg,
#2563eb,
#7c3aed
);

font-weight:600;

display:flex;

justify-content:space-between;

}



#chat-close{

cursor:pointer;

font-size:22px;

}



#chat-messages{

padding:18px;

max-height:250px;

overflow-y:auto;

}



.bot-message,
.user-message{

padding:12px 14px;

border-radius:12px;

margin-bottom:10px;

font-size:14px;

line-height:1.5;

}



.bot-message{

background:
rgba(255,255,255,0.1);

}



.user-message{

background:#2563eb;

text-align:right;

}



.chat-options{

padding:15px;

display:flex;

flex-direction:column;

gap:10px;

}



.chat-options button{

border:none;

padding:12px;

border-radius:10px;

cursor:pointer;

background:
rgba(255,255,255,0.1);

color:white;

transition:0.3s;

}



.chat-options button:hover{

background:
rgba(255,255,255,0.2);

}



/* Mobile */

@media(max-width:600px){


#bya-chat{

right:15px;

bottom:15px;

}


#chat-window{

width:290px;

}



}



/* BYA CHATBOT MOBILE FIX */

@media(max-width:600px){

#bya-chat{

position:fixed !important;
right:15px;
bottom:15px;
z-index:99999;

}


#chat-button{

position:relative;
z-index:99999;

}


#chat-window{

position:fixed !important;

right:15px;
bottom:85px;

width:300px;
max-width:calc(100vw - 30px);

z-index:99999;

}


}


/* BYA CHATBOT FINAL MOBILE FIX */

#chat-window{
    display:none !important;
}


#chat-window.open{
    display:block !important;
}


@media(max-width:600px){

    #bya-chat{
        position:fixed !important;
        right:15px !important;
        bottom:15px !important;
        z-index:999999 !important;
    }


    #chat-window{
        position:fixed !important;
        right:15px !important;
        bottom:85px !important;
        width:300px !important;
        max-width:calc(100vw - 30px) !important;
    }

}

/* LIGHT SECTION TEXT VISIBILITY FIX */

.problem,
.features,
.how,
.customers,
.pricing{
    color:#111827;
}

.problem h2,
.features h2,
.how h2,
.customers h2,
.pricing h2{
    color:#111827;
}

.features .card{
    color:#111827;
}

.how p,
.customers p,
.pricing p{
    color:#111827;
}


/* PORTAL SECTION TEXT VISIBILITY FIX */

.portal{
    color:#111827;
}

.portal h2{
    color:#111827;
}

.portal p{
    color:#111827;
}

.portal .card{
    color:#111827;
}


/* PRICING CARD TEXT VISIBILITY FIX */
.price-box p{color:white;}
.price-box h3{color:white;}
.price-box h1{color:white;}

/* LOGIN AND SIGNUP MOBILE HEADER FIX */

@media(max-width:768px){

    .topbar{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:10px 15px;
        overflow:hidden;
    }

    .topbar .logo{
        flex:1;
        min-width:0;
    }

    .topbar .logo img{
        height:50px;
        max-width:170px;
        object-fit:contain;
    }

    .menu-toggle{
        flex:0 0 auto;
        margin-left:10px;
    }

}



/* =========================================
   BRAND YOUR AUDIO - SOLUTIONS SECTION
========================================= */

.solutions-section{
    padding:110px 20px;
    background:#f8fafc;
}


.solutions-section .container{
    max-width:1200px;
    margin:auto;
}


.solutions-section .section-label{
    text-align:center;
    color:#06B6D4;
    font-size:13px;
    font-weight:bold;
    letter-spacing:3px;
    margin-bottom:20px;
}


.solutions-section h2{
    text-align:center;
    font-size:44px;
    line-height:1.2;
    letter-spacing:-1px;
    margin-bottom:25px;
    color:#0B1120;
}


.solutions-intro{
    max-width:780px;
    margin:0 auto 60px;
    text-align:center;
    font-size:18px;
    line-height:1.8;
    color:#64748b;
}


.solutions-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}


.solution-card{
    position:relative;
    background:white;
    padding:35px;
    border-radius:22px;
    border:1px solid #e5e7eb;
    display:flex;
    flex-direction:column;
    transition:all .3s ease;
}


.solution-card:hover{
    transform:translateY(-7px);
    border-color:#06B6D4;
    box-shadow:0 18px 40px rgba(6,182,212,.10);
}


.solution-number{
    color:#06B6D4;
    font-size:13px;
    font-weight:bold;
    letter-spacing:2px;
    margin-bottom:22px;
}


.solution-card h3{
    font-size:23px;
    color:#0B1120;
    margin-bottom:15px;
}


.solution-card > p{
    font-size:15px;
    line-height:1.75;
    color:#475569;
    margin-bottom:22px;
}


.solution-benefit{
    padding:16px 0;
    margin-bottom:20px;
    border-top:1px solid #e5e7eb;
    border-bottom:1px solid #e5e7eb;
    font-size:14px;
    line-height:1.6;
    color:#64748b;
}


.solution-benefit strong{
    color:#0B1120;
}


.solution-card a{
    margin-top:auto;
    color:#0891B2;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}


.solution-card a:hover{
    color:#06B6D4;
}


/* SOLUTIONS MOBILE */

@media(max-width:768px){

    .solutions-section{
        padding:75px 20px;
    }

    .solutions-section h2{
        font-size:34px;
        line-height:1.25;
    }

    .solutions-intro{
        font-size:16px;
        line-height:1.7;
        margin-bottom:40px;
    }

    .solutions-grid{
        grid-template-columns:1fr;
    }

    .solution-card{
        padding:30px;
    }

    .solution-card h3{
        font-size:22px;
    }

}


/* =========================================
   BYA DIFFERENCE SECTION
   ========================================= */

.bya-difference{

    padding:90px 20px;

    background:#f8fafc;

    color:#111827;

}


.bya-difference .container{

    max-width:1100px;

    margin:0 auto;

    text-align:center;

}


.bya-difference .section-label{

    color:#0284c7;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:15px;

}


.bya-difference h2{

    font-size:42px;

    line-height:1.2;

    margin-bottom:20px;

    color:#0f172a;

}


.bya-difference-intro{

    max-width:760px;

    margin:0 auto 12px;

    font-size:18px;

    line-height:1.7;

    color:#475569;

}


.bya-difference-intro + .bya-difference-intro{

    font-size:22px;

    font-weight:700;

    color:#0284c7;

    margin-top:20px;

    margin-bottom:50px;

}


/* COMPARISON */

.bya-comparison{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;

    text-align:left;

    margin:0 auto 70px;

}


.comparison-column{

    background:white;

    padding:40px;

    border-radius:18px;

    border:1px solid #e2e8f0;

    box-shadow:0 10px 30px rgba(15,23,42,.06);

}


.comparison-column h3{

    font-size:24px;

    margin-bottom:25px;

    color:#0f172a;

}


.comparison-column ul{

    list-style:none;

    padding:0;

    margin:0;

}


.comparison-column li{

    position:relative;

    padding:14px 0 14px 28px;

    border-bottom:1px solid #e2e8f0;

    color:#475569;

    line-height:1.6;

}


.comparison-column li:last-child{

    border-bottom:none;

}


.comparison-column li::before{

    content:"•";

    position:absolute;

    left:4px;

    top:13px;

    color:#94a3b8;

    font-size:20px;

    font-weight:bold;

}


/* BYA HIGHLIGHT */

.bya-column{

    border:2px solid #38bdf8;

    box-shadow:0 15px 40px rgba(14,165,233,.15);

    position:relative;

}


.bya-column::before{

    content:"BUILT FOR YOUR BUSINESS";

    position:absolute;

    top:-14px;

    left:30px;

    background:#38bdf8;

    color:#0f172a;

    padding:6px 14px;

    border-radius:20px;

    font-size:11px;

    font-weight:800;

    letter-spacing:1px;

}


.bya-column h3{

    color:#0284c7;

}


.bya-column li::before{

    content:"✓";

    color:#0284c7;

}


/* BOTTOM CONTENT */

.bya-difference-bottom{

    max-width:1000px;

    margin:0 auto;

}


.bya-difference-bottom > h3{

    font-size:32px;

    color:#0f172a;

    margin-bottom:15px;

}


.bya-difference-bottom > p{

    max-width:750px;

    margin:0 auto 45px;

    color:#475569;

    font-size:17px;

    line-height:1.7;

}


/* BENEFIT GRID */

.bya-benefits{

    display:grid;

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

    gap:20px;

    text-align:left;

    margin-bottom:50px;

}


.bya-benefits > div{

    background:white;

    padding:25px;

    border-radius:15px;

    border:1px solid #e2e8f0;

    box-shadow:0 8px 25px rgba(15,23,42,.05);

}


.bya-benefits h4{

    font-size:17px;

    color:#0f172a;

    margin-bottom:10px;

}


.bya-benefits p{

    font-size:14px;

    line-height:1.6;

    color:#64748b;

    margin:0;

}


/* CLOSING STATEMENT */

.bya-closing{

    font-size:24px !important;

    font-weight:700;

    color:#0284c7 !important;

    margin:20px auto 0 !important;

    max-width:800px;

}


/* MOBILE */

@media(max-width:768px){

    .bya-difference{

        padding:65px 18px;

    }


    .bya-difference h2{

        font-size:32px;

    }


    .bya-difference-intro{

        font-size:16px;

    }


    .bya-difference-intro + .bya-difference-intro{

        font-size:20px;

        margin-bottom:40px;

    }


    .bya-comparison{

        grid-template-columns:1fr;

        gap:35px;

        margin-bottom:55px;

    }


    .comparison-column{

        padding:30px 25px;

    }


    .comparison-column h3{

        font-size:22px;

    }


    .bya-column::before{

        left:20px;

        font-size:10px;

    }


    .bya-difference-bottom > h3{

        font-size:27px;

    }


    .bya-benefits{

        grid-template-columns:1fr;

        gap:15px;

    }


    .bya-benefits > div{

        padding:22px;

    }


    .bya-closing{

        font-size:21px !important;

    }

}


/* BYA HERO AUDIO VISUALIZER */

.hero-audio-preview{

display:block;

text-decoration:none;

color:#111827;

text-align:center;

}


.hero-audio-preview h2{

margin-top:0;

margin-bottom:12px;

}


.hero-audio-preview p{

margin-bottom:25px;

}


.audio-visualizer{

height:75px;

display:flex;

align-items:center;

justify-content:center;

gap:6px;

margin:25px 0;

}


.audio-visualizer span{

display:block;

width:6px;

height:25px;

background:#06B6D4;

border-radius:10px;

animation:byaAudioWave 1.1s ease-in-out infinite;

}


.audio-visualizer span:nth-child(1){
animation-delay:.05s;
}

.audio-visualizer span:nth-child(2){
animation-delay:.15s;
}

.audio-visualizer span:nth-child(3){
animation-delay:.25s;
}

.audio-visualizer span:nth-child(4){
animation-delay:.35s;
}

.audio-visualizer span:nth-child(5){
animation-delay:.45s;
}

.audio-visualizer span:nth-child(6){
animation-delay:.55s;
}

.audio-visualizer span:nth-child(7){
animation-delay:.65s;
}

.audio-visualizer span:nth-child(8){
animation-delay:.55s;
}

.audio-visualizer span:nth-child(9){
animation-delay:.45s;
}

.audio-visualizer span:nth-child(10){
animation-delay:.35s;
}

.audio-visualizer span:nth-child(11){
animation-delay:.25s;
}

.audio-visualizer span:nth-child(12){
animation-delay:.15s;
}


@keyframes byaAudioWave{

0%,
100%{

height:20px;

opacity:.55;

}

50%{

height:65px;

opacity:1;

}

}


.hero-audio-action{

display:inline-block;

padding:12px 22px;

border-radius:30px;

background:#06B6D4;

color:white;

font-size:14px;

font-weight:700;

}


.hero-audio-preview:hover .hero-audio-action{

background:#0891B2;

}


/* =========================================
   HERO MINI AUDIO EXPERIENCE
   ========================================= */

.hero-buttons{

display:flex;

align-items:center;

flex-wrap:wrap;

gap:15px;

}


.hero-live-audio{

display:flex;

align-items:center;

gap:15px;

}


.hero-mini-audio{

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

text-decoration:none;

min-width:180px;

}


.hero-mini-visualizer{

height:42px;

display:flex;

align-items:center;

justify-content:center;

gap:4px;

}


.hero-mini-visualizer span{

display:block;

width:4px;

height:14px;

background:#ffffff;

border-radius:10px;

animation:
byaMiniWave
1s
ease-in-out
infinite;

}


.hero-mini-visualizer span:nth-child(1){
animation-delay:.05s;
}

.hero-mini-visualizer span:nth-child(2){
animation-delay:.15s;
}

.hero-mini-visualizer span:nth-child(3){
animation-delay:.25s;
}

.hero-mini-visualizer span:nth-child(4){
animation-delay:.35s;
}

.hero-mini-visualizer span:nth-child(5){
animation-delay:.45s;
}

.hero-mini-visualizer span:nth-child(6){
animation-delay:.55s;
}

.hero-mini-visualizer span:nth-child(7){
animation-delay:.45s;
}

.hero-mini-visualizer span:nth-child(8){
animation-delay:.35s;
}

.hero-mini-visualizer span:nth-child(9){
animation-delay:.25s;
}

.hero-mini-visualizer span:nth-child(10){
animation-delay:.15s;
}


@keyframes byaMiniWave{

0%,
100%{

height:10px;

opacity:.55;

}

50%{

height:38px;

opacity:1;

}

}


.hero-mini-audio-text{

font-size:12px;

font-weight:700;

color:white;

white-space:nowrap;

margin-top:2px;

}


.hero-mini-audio:hover
.hero-mini-audio-text{

opacity:.8;

}


/* MOBILE */

@media(max-width:768px){

.hero-live-audio{

flex-direction:column;

align-items:flex-start;

width:100%;

}

.hero-mini-audio{

align-items:flex-start;

}

}


/* TERMS PAGE TEXT VISIBILITY FIX */

body.terms-page {
    background: #ffffff;
    color: #111827;
}

body.terms-page .content-section {
    color: #111827;
}

body.terms-page .content-section h1,
body.terms-page .content-section h2,
body.terms-page .content-section h3 {
    color: #111827;
}

body.terms-page .content-section p,
body.terms-page .content-section li {
    color: #374151;
}

body.terms-page .content-section strong {
    color: #111827;
}