:root{--primary:#0ea5a4;--accent:#ff7a59;--bg:#ffffff;--text:#0b1220;--muted:#475569}
body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;color:var(--text);background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:28px}
.header{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.header h1{color:var(--primary);margin:0}
.nav a{margin-left:14px;color:var(--muted);text-decoration:none}
.hero{background:linear-gradient(180deg,#f6fffd, #ffffff);padding:40px;border-radius:12px;margin:20px 0}
.hero h2{margin:0 0 10px}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{border:1px solid #eef2f6;padding:16px;border-radius:10px}
.footer{border-top:1px solid #f1f5f9;padding:20px;margin-top:30px;color:var(--muted)}
.cta{background:var(--primary);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}
.modal{background:#fff;padding:20px;border-radius:10px;max-width:700px;width:92%}
.honeypot{position:absolute;left:-9999px}
@media(max-width:700px){.header{flex-direction:column;align-items:flex-start}}