body{
margin:0;
background:#f5f5f5;
color:#222;
}

.hero{
background: linear-gradient(135deg, var(--tu-cherry) 0%, #111 140%);
color: #fff;
text-align:center;
padding:80px 20px;
/*background:#fafafa;*/
}

.nsbe-pill {
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    border-radius: 999px;
    padding: 8px 14px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

.tag{
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #fff;
    border-radius: 999px;
    padding: 8px 14px;
    display: inline-flex;
    gap: 10px;
    align-items: center;
}

.hero h1{
font-size:60px;
margin:20px 0;
}

.gradient{
background:linear-gradient(90deg,var(--tu-cherry));
-webkit-background-clip:text;
color:transparent;
}

.hero-text{
max-width:700px;
margin:auto;
font-size:20px;
color:white;
}

.section{
padding:80px 10%;
background:white;
}

.section.alt{
background:#f7f7f7;
}

.grid-2{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.title-row{
display:flex;
align-items:center;
gap:10px;
}

.values-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
}

@media (max-width: 768px) {
.grid-2{
grid-template-columns:1fr;
gap:30px;
}

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

.card{
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
transition:.3s;
}

.card:hover{
transform:translateY(-5px);
}

.timeline-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:20px;
margin-top:40px;
}

.timeline-card{
background:white;
padding:20px;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
}

.year{
font-size:28px;
font-weight:bold;
color:var(--tu-cherry);
}

.center{
text-align:center;
}

.subtitle{
color:#666;
}

.vision-card{
background:#222;
color:white;
padding:40px;
border-radius:14px;
}

.list{
margin-top:20px;
line-height:1.8;
}