body { margin:0; font-family:Arial, Helvetica, sans-serif; line-height:1.6; color:#1f2937; background:#f8fafc; }
header { background:linear-gradient(135deg, #0f172a, #334155); color:#fff; padding:80px 20px; text-align:center; }
header h1 { font-size:3rem; margin-bottom:10px; }
header p { max-width:700px; margin:0 auto; font-size:1.2rem; opacity:0.9; }
section { padding:60px 20px; max-width:1100px; margin:auto; }
h2 { font-size:2rem; margin-bottom:20px; }
.services { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:24px; }
.card { background:#fff; padding:24px; border-radius:16px; box-shadow:0 10px 25px rgba(0,0,0,0.05); }
.card h3 { margin-top:0; margin-bottom:10px; }
.why ul { list-style:none; padding:0; }
.why li { margin-bottom:10px; padding-left:20px; position:relative; }
.why li::before { content:"•"; position:absolute; left:0; color:#0f172a; font-weight:bold; }
.contact { background:#0f172a; color:#fff; }
.contact-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; text-align:center; }
footer { background:#e5e7eb; text-align:center; padding:20px; font-size:0.9rem; color:#4b5563; }
@media(max-width:600px){ header h1 { font-size:2.2rem; } }