*{box-sizing:border-box}body{font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;margin:0;color:#0f172a;background:#f8fafc}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;gap:12px;align-items:center}
.logo-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.brand-text h1{margin:0;font-size:20px}
.brand-text .tag{margin:0;font-size:13px;color:#c7d2fe}
.hero{background:linear-gradient(90deg,#0f62fe,#7c3aed);color:#fff;padding:36px 0}
.contacts{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;text-decoration:none;border:0;font-weight:600}
.btn.contact{background:#fff;color:#0f62fe}
.btn.whatsapp{background:#25D366;color:#fff}
.btn.email{background:#ef4444;color:#fff}
main{padding:40px 0}
.services h2, .about h2, .contact h2{font-size:28px;margin-bottom:18px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(1,1fr);gap:18px}
@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(4,1fr)}}
.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(2,6,23,0.08);text-align:center}
.card img{width:100%;height:160px;object-fit:cover;display:block}
.card h3{margin:14px 12px 6px;font-size:18px}
.card p{margin:0 12px 16px;color:#475569;font-size:14px}
.about{background:#fff;padding:28px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,0.04);margin:28px 0}
.contact form{background:#fff;padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,0.04)}
.form-row{margin-bottom:12px;display:flex;flex-direction:column}
.form-row label{font-weight:600;margin-bottom:6px}
.form-row input,.form-row textarea{padding:10px;border-radius:8px;border:1px solid #e6e9ef}
.btn.primary{background:#0f62fe;color:#fff;border:none;padding:12px 18px;border-radius:10px;cursor:pointer}
.form-status{margin-top:10px;color:#334155;font-weight:600}
.site-footer{background:#0b1220;color:#cbd5e1;padding:18px 0;margin-top:28px;text-align:center}