*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#243447;background:#f7f8fa}
.hero{height:100vh;background:linear-gradient(rgba(10,20,35,.7),rgba(10,20,35,.8)),url('hero.jpg') center/cover}
nav{display:flex;justify-content:space-between;align-items:center;padding:28px 7%}
.logo{color:#fff;font-size:38px;font-weight:800;letter-spacing:5px}
nav ul{display:flex;gap:28px;list-style:none}nav a{color:#fff;text-decoration:none}
.overlay{height:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:20px}
h1{font-size:62px;max-width:900px} .lead,p{line-height:1.7}
.btn,button{background:#f97316;color:#fff;padding:16px 34px;border:none;border-radius:6px;text-decoration:none;font-weight:bold}
.wrap{width:min(1180px,92%);margin:auto;padding:90px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.cards div,.panel{background:#fff;padding:30px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.dark{background:#0f172a;color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.stats div{text-align:center}.stats strong{display:block;font-size:38px;color:#f97316}
.split{display:grid;grid-template-columns:2fr 1fr;gap:40px}
form{display:grid;gap:15px;max-width:700px;margin:auto}input,textarea{padding:15px;border:1px solid #ddd;border-radius:8px}textarea{min-height:170px}
footer{text-align:center;background:#0f172a;color:#fff;padding:28px}
@media(max-width:800px){h1{font-size:40px}.split,.stats{grid-template-columns:1fr}nav ul{display:none}}