body{

margin:0;

font-family:'Inter',sans-serif;

background:#f4f6f8;

color:#333;

line-height:1.6;

}


.container{

max-width:900px;

margin:auto;

background:white;

padding:40px 50px;

box-shadow:0 10px 30px rgba(0,0,0,0.05);

border-radius:10px;

margin-top:40px;

margin-bottom:40px;

}


header{

text-align:center;

margin-bottom:30px;

}


.logo-title{

display:flex;

align-items:center;

justify-content:center;

gap:15px;

}


.logo{

width:55px;

}


h1{

margin:0;

font-weight:600;

letter-spacing:1px;

}


.sub{

color:#777;

font-size:14px;

margin-top:5px;

}


.hero{

text-align:center;

padding:30px 0;

border-bottom:1px solid #eee;

}


.hero h2{

margin-bottom:10px;

}


.buttons{

margin-top:25px;

display:flex;

justify-content:center;

gap:15px;

flex-wrap:wrap;

}


button{

padding:12px 22px;

font-size:15px;

border:none;

background:#222;

color:white;

border-radius:6px;

cursor:pointer;

transition:0.2s;

}


button:hover{

background:#444;

transform:translateY(-1px);

}


.whatsapp{

background:#25D366;

}


section{

padding:30px 0;

}


.about ul{

padding-left:18px;

}


.iso{

margin-top:15px;

font-weight:500;

}


.contact{

text-align:center;

}


footer{

text-align:center;

padding-top:20px;

color:#888;

font-size:13px;

border-top:1px solid #eee;

}