*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#111827;background:#f4f5f7;line-height:1.6}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:3px solid #0f172a}header .wrap{display:flex;justify-content:space-between;align-items:center;min-height:64px;flex-wrap:wrap;gap:8px}
.logo{font-weight:800;color:#111827;text-decoration:none;font-size:20px;letter-spacing:.5px;text-transform:uppercase}nav a{margin-left:18px;color:#374151;text-decoration:none}nav a:hover{color:#0f172a}
.hero{padding:56px 0 28px}.hero h1{font-size:34px;margin:0 0 12px}.hero p{font-size:18px;color:#4b5563;max-width:680px}
.btn{display:inline-block;margin-top:12px;background:#0f172a;color:#fff;padding:11px 22px;border-radius:10px;text-decoration:none;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding-bottom:64px}
.grid div{background:#fff;border:1px solid #e5e7eb;border-top:3px solid #0f172a;border-radius:10px;padding:22px}
.grid h3{margin-top:0}
.cats{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:24px}
.cats span{background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:6px 14px;font-size:15px;color:#374151}
.menu{max-width:680px;padding-bottom:64px}
.menu .row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e5e7eb;font-size:17px}
.menu .row b{color:#0f172a;white-space:nowrap}
footer{border-top:1px solid #e5e7eb;padding:24px 0;color:#6b7280;font-size:14px}