:root{--ink:#12303a;--paper:#f6f4ee;--accent:#2f6d7a}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.6}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid #dcd6c8}
.nav nav a{margin-left:20px;color:var(--ink);text-decoration:none}
.mark img{height:28px}
main{max-width:900px;margin:0 auto;padding:48px 32px}
.hero h1{font-size:44px;margin:0 0 12px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:#fff;border:1px solid #dcd6c8;padding:20px}
.price{font-weight:700;color:var(--accent)}
.buy{background:var(--accent);color:#fff;border:0;padding:10px 16px;font:inherit;cursor:pointer}
footer{padding:32px;border-top:1px solid #dcd6c8;text-align:center}