body{margin:0;font-family:sans-serif;line-height:1.5}
.container{width:min(1000px,92%);margin:0 auto}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #ddd;padding:10px 0;z-index:100}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.brand{text-decoration:none;font-weight:bold;color:#000}
.mark{margin-right:6px}
.nav{display:flex;gap:10px}
.nav a{text-decoration:none;color:#000;padding:6px 10px}
.btn-primary{background:#0ea5e9;color:#fff;border-radius:6px}
.hero{padding:60px 0;text-align:center;background:#f0f4f8}
.hero h1{margin:0;font-size:2em}
.section{padding:40px 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.site-footer{background:#0b1220;color:#eee;padding:20px 0;text-align:center;margin-top:40px}