*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#0f172a;background:#ffffff}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.site-header{position:sticky;top:0;background:#ffffffcc;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #e5e7eb}
.site-header .container{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.logo{font-size:22px;margin:0}
.logo span{color:#2563eb}
nav a{margin-left:16px;text-decoration:none;color:#334155}
nav a:hover{color:#111827}
.hero{padding:80px 0;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%)}
.hero h2{font-size:40px;margin:0 0 10px}
.hero p{font-size:18px;color:#475569;max-width:700px}
.button{display:inline-block;margin-top:16px;padding:12px 18px;border-radius:999px;border:1px solid #2563eb;text-decoration:none}
.button:hover{background:#2563eb;color:#fff}
.services{padding:48px 0;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card{border:1px solid #e5e7eb;border-radius:12px;padding:18px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.04)}
.about,.contact{padding:48px 0}
.site-footer{padding:24px 0;border-top:1px solid #e5e7eb;background:#fafafa;text-align:center;color:#64748b}