@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');
:root{
--primary:#5B8076;
--secondary:#EAF3F1;
--accent:#E6DED3;
--text:#1f2f2c;
--max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
font-family:'Inter',system-ui,sans-serif;
color:var(--text);
line-height:1.75;
background:#fff;
}
.container{max-width:var(--max);margin:auto;padding:5rem 1.5rem}
.narrow{max-width:760px}
.header{border-bottom:1px solid #e2ece9;background:#fff}
.nav{display:flex;justify-content:space-between;align-items:center}
.nav a{margin-left:2rem;text-decoration:none;color:var(--text);font-weight:500}
.brand{font-weight:600;letter-spacing:.3px}
.hero{background:linear-gradient(#ffffff,#EAF3F1)}
.hero-inner{max-width:860px}
.hero h1{font-size:3rem;margin-bottom:1.4rem}
.section{padding:5rem 1.5rem}
.soft{background:#f8fbfa}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3rem}
.card,.step{padding:2.5rem;border:1px solid #e2ece9;border-radius:6px;background:#fff}
.service{margin-bottom:2.5rem}
.btn-primary{
display:inline-block;
margin-top:2rem;
background:var(--primary);
color:#fff;
padding:1.1rem 2.6rem;
border-radius:4px;
text-decoration:none;
}
.btn-secondary{
display:inline-block;
margin-top:2rem;
border:1px solid var(--primary);
color:var(--primary);
padding:1.1rem 2.6rem;
text-decoration:none;
}
.cta{text-align:center;background:var(--secondary)}
.footer{
border-top:1px solid #e2ece9;
text-align:center;
padding:2.5rem;
font-size:.9rem;
}
.contact-form{
margin-top:2rem;
display:grid;
gap:1.2rem;
}
.contact-form input,.contact-form textarea{
padding:1rem;
border:1px solid #dce6e3;
font-family:inherit;
}
.contact-form button{
background:var(--primary);
color:#fff;
padding:1rem;
border:none;
cursor:pointer;
}