:root{--o:#f47b20;--t:#1ca7a6;--c:#fff8ef;}
*{box-sizing:border-box}body{margin:0;font:16px system-ui;background:var(--c);color:#333}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;position:sticky;top:0;background:#fff;box-shadow:0 2px 8px #0002}
nav ul{display:flex;gap:20px;list-style:none}.logo{font-weight:700;color:var(--o)}
a{text-decoration:none;color:#333}
.hero{height:85vh;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),linear-gradient(120deg,var(--o),var(--t));display:grid;place-items:center;color:#fff;text-align:center}
.cta{background:var(--o);padding:14px 30px;border-radius:40px;color:#fff;font-weight:bold}
section{padding:70px 10%;max-width:1200px;margin:auto}
.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.cards>div,.grid>div,form{background:#fff;padding:24px;border-radius:16px;box-shadow:0 8px 20px #0001}
form{display:grid;gap:12px}input,textarea,button{padding:12px;border:1px solid #ddd;border-radius:8px}
button{background:var(--t);color:#fff;border:none;font-weight:700}
footer{text-align:center;padding:30px;background:#222;color:#fff}