.math-hero{
background:linear-gradient(135deg,#0f172a,#1e3a8a);
color:white;
text-align:center;
padding:120px 20px;
}

.math-hero h1{
font-size:56px;
margin-bottom:20px;
}

.math-hero p{
font-size:22px;
max-width:900px;
margin:auto;
}

.demo-btn{
background:#FFD700;
color:#000;
padding:15px 35px;
font-size:20px;
font-weight:bold;
border:none;
border-radius:30px;
cursor:pointer;
margin-top:20px;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-top:30px;
}

.card{
padding:25px;
border-radius:15px;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
background:white;
}

section{
padding:70px 10%;
}

.why-us ul li{
margin:12px 0;
font-size:18px;
}