/* Minimal, clean styling */
:root { --bg:#faf7f2; --ink:#2b2b2b; --wine:#7b2335; --accent:#b88a44; --border:#e7ddcf; --muted:#6b6b6b; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);}
a{color:var(--wine);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:24px}
nav{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.nav-inner{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1100px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:var(--wine)}
.brand span.small{display:block;font-weight:500;color:var(--muted);font-size:12px;margin-top:-6px}
.menu{display:flex;gap:14px;flex-wrap:wrap}
.menu a{padding:8px 10px;border-radius:8px}
.menu a.active, .menu a:hover{background:var(--wine);color:#fff;text-decoration:none}
.hero{background:linear-gradient(180deg, #fefdfb, #f7efe3);border-bottom:1px solid var(--border)}
.hero-inner{max-width:1100px;margin:0 auto;padding:56px 24px;display:grid;grid-template-columns:1.15fr 0.85fr;gap:28px}
.hero h1{margin:0 0 10px 0;font-size:40px;line-height:1.1;color:var(--wine)}
.badge{display:inline-block;background:var(--accent);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.3px}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
footer{border-top:1px solid var(--border);margin-top:40px;background:#fff}
footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 24px}
h2{color:var(--wine)}
.small{color:var(--muted);font-size:14px}
hr{border:0;border-top:1px solid var(--border);margin:24px 0}
.banner{width:100%;height:220px;background:repeating-linear-gradient(45deg, #7b2335 0 12px, #8a2b3e 12px 24px);border-radius:16px}
.list{list-style:none;padding-left:0;margin:0;display:grid;gap:10px}
.list li{padding:10px 12px;border:1px dashed var(--border);border-radius:12px;background:#fff}
blockquote{border-left:4px solid var(--accent);margin:0;padding:8px 12px;background:#fff7e8;border-radius:10px}
@media (max-width: 880px){
  .hero-inner{grid-template-columns:1fr}
  .grid, .grid-2{grid-template-columns:1fr}
}