.summary-conclusion{
margin-top:25px;
padding-top:20px;
border-top:1px solid #bfdbfe;
font-size:17px;
line-height:1.8;
color:#374151;
}
    
    
.cholibrium-hero{
position:relative;
overflow:hidden;
font-family:Arial,sans-serif;
background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 50%,#ffffff 100%);
padding:90px 20px 110px;
border-bottom:1px solid #e5e7eb;
}

.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:radial-gradient(circle at top right,rgba(59,130,246,.08),transparent 50%);
}

.hero-content{
position:relative;
z-index:2;
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
}

.hero-text{
flex:1;
}

.hero-label{
display:inline-block;
padding:8px 16px;
background:#dbeafe;
color:#1d4ed8;
border-radius:30px;
font-size:14px;
font-weight:600;
margin-bottom:20px;
}

.hero-text h1{
font-size:56px;
line-height:1.1;
margin-bottom:20px;
color:#111827;
}

.hero-text p{
font-size:20px;
line-height:1.8;
color:#4b5563;
margin-bottom:30px;
max-width:650px;
}

.hero-buttons{
display:flex;
gap:15px;
flex-wrap:wrap;
margin-bottom:30px;
}

.btn-primary{
background:#048070;
color:#fff;
padding:14px 28px;
border-radius:8px;
text-decoration:none;
font-weight:700;
}

.btn-secondary{
background:#fff;
color:#374151;
padding:14px 28px;
border-radius:8px;
text-decoration:none;
font-weight:700;
border:1px solid #d1d5db;
}

.hero-highlights{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
list-style:none;
padding:0;
margin:0;
max-width:500px;
}

.hero-highlights li{
background:#fff;
border:1px solid #e5e7eb;
padding:14px 18px;
border-radius:8px;
font-size:15px;
font-weight:500;
color:#374151;
}

.hero-image{
flex:0 0 480px;
text-align:center;
}

.hero-image img{
max-width:440px;
width:100%;
height:auto;
filter:drop-shadow(0 20px 30px rgba(0,0,0,.12));
}

/* BENEFITS */

.benefits-page{
padding:80px 20px;
background:#f8fafc;
font-family:Arial,sans-serif;
}

.benefits-page .container{
max-width:900px;
margin:0 auto;
}

.category-label{
display:inline-block;
padding:8px 16px;
background:#e0f2fe;
color:#0369a1;
border-radius:30px;
font-size:14px;
font-weight:600;
margin-bottom:15px;
}

.section-title{
font-size:42px;
line-height:1.2;
font-weight:700;
color:#111827;
margin-bottom:20px;
}

.intro{
font-size:19px;
line-height:1.9;
color:#000000;
margin-bottom:40px;
}

.benefit-section{
background:#fff;
padding:35px;
margin-bottom:25px;
border-radius:14px;
border:1px solid #e5e7eb;
box-shadow:0 4px 18px rgba(0,0,0,.04);
}

.benefit-section h2{
font-size:28px;
margin-bottom:15px;
color:#111827;
}

.benefit-section p{
font-size:19px;
line-height:1.9;
color:#000000;
margin-bottom:15px;
}

.summary-box{
margin-top:40px;
padding:35px;
background:#eff6ff;
border:1px solid #bfdbfe;
border-radius:14px;
}

.summary-box h2{
font-size:30px;
color:#1e3a8a;
margin-bottom:20px;
}

.summary-box li{
font-size:19px;
line-height:1.8;
color:#374151;
margin-bottom:12px;
}

@media(max-width:992px){

.hero-content{
flex-direction:column;
text-align:center;
}

.hero-highlights{
grid-template-columns:1fr;
margin:auto;
}

.hero-image{
max-width:320px;
flex:auto;
}

.hero-text h1{
font-size:42px;
}
    
        

}
    
 
    
.top-header{ background:#ffffff; border-bottom:1px solid #e5e7eb; padding:15px 20px; position:sticky; top:0; z-index:1000; } .top-header .container{ max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; } .site-logo{ font-size:28px; font-weight:700; color:#111827; text-decoration:none; } .site-logo span{ color:#dc2626; } .header-btn{ background:#dc2626; color:#fff; padding:12px 22px; border-radius:8px; text-decoration:none; font-weight:700; font-size:15px; } .header-btn:hover{ background:#b91c1c; } @media(max-width:768px){ .top-header .container{ flex-direction:column; gap:15px; } .site-logo{ font-size:24px; } }    
    
    
    

@media(max-width:768px){

.hero-text h1{
font-size:34px;
}

.section-title{
font-size:30px;
}

.benefit-section{
padding:25px;
}

.benefit-section h2{
font-size:24px;
}

.benefit-section p,
.intro{
font-size:19px;
}

.hero-buttons{
justify-content:center;
}

}




.site-footer{ background:#111827; padding:50px 20px; margin-top:60px; font-family:Arial,sans-serif; } .footer-container{ max-width:1200px; margin:0 auto; text-align:center; } .footer-links{ margin-bottom:25px; } .footer-links a{ color:#e5e7eb; text-decoration:none; margin:0 15px; font-size:15px; font-weight:500; } .footer-links a:hover{ color:#ffffff; text-decoration:underline; } .footer-disclaimer{ max-width:850px; margin:0 auto 20px; color:#9ca3af; font-size:14px; line-height:1.8; } .footer-copyright{ color:#6b7280; font-size:14px; margin:0; } @media(max-width:768px){ .footer-links{ display:flex; flex-direction:column; gap:12px; } .footer-links a{ margin:0; } }