body {margin:0; font-family: 'Open Sans', sans-serif; background:#f0f0f0; color:#1c1c1c;}
header {display:flex; justify-content:space-between; align-items:center; background:#1c1c1c; color:white; padding:1em 2em;}
header a {color:white; margin:0 10px; text-decoration:none;}
.logo {font-weight:bold; font-size:1.5em;}
.hero {position:relative; text-align:center; color:white;}
.hero img {width:100%; max-height:500px; object-fit:cover; filter:brightness(0.6);}
.hero-text {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.btn {background:#0077b6; padding:0.8em 1.5em; color:white; text-decoration:none; border-radius:5px;}
section {padding:4em 2em; max-width:1000px; margin:2em auto; background:white; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,0.05);}
h1,h2,h3 {color:#0077b6;}
.services-grid, .features-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2em;}
.service-card, .feature-card {padding:1em; border:1px solid #ddd; border-radius:8px; background:#f9f9f9;}
form input, form textarea {width:100%; padding:0.8em; margin:0.5em 0; border:1px solid #ccc; border-radius:5px;}
button {background:#0077b6; color:white; padding:0.8em 1.2em; border:none; border-radius:5px;}
footer {background:#1c1c1c; color:white; text-align:center; padding:2em;}
blockquote {font-style:italic; border-left:4px solid #0077b6; margin:1em 0; padding-left:1em;}
details summary {cursor:pointer; font-weight:bold; margin:0.5em 0;}