:root{--bg:#f7f3ee;--ink:#2a2420;--muted:#7a6d63;--clay:#b8643c;--sand:#e8dccd;--card:#fffdf9;--line:#e3d8ca}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Georgia,"Times New Roman",serif}
a{color:var(--clay)}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.2rem 5vw;border-bottom:1px solid var(--line)}
.logo{font-size:1.4rem;letter-spacing:.04em;text-decoration:none;color:var(--ink)}.logo b{color:var(--clay)}
nav a{margin-left:1.4rem;color:var(--muted);text-decoration:none;font-family:system-ui,sans-serif;font-size:.95rem}nav a:hover{color:var(--ink)}
.hero{padding:4.5rem 5vw 3rem;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.12;margin:0 0 1rem;font-weight:normal}
.hero p{color:var(--muted);max-width:34rem}.btn{display:inline-block;margin-top:1rem;padding:.8rem 1.5rem;background:var(--ink);color:#fff;text-decoration:none;border-radius:999px;font-family:system-ui,sans-serif;font-size:.95rem}
.hero svg{width:100%;height:auto}
section{padding:2.5rem 5vw}h2{font-weight:normal;font-size:1.8rem;margin:0 0 1.5rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.6rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.card svg{display:block;width:100%;height:auto;background:var(--sand)}.card div{padding:1rem 1.1rem 1.2rem}
.card h3{margin:0;font-weight:normal;font-size:1.1rem}.card p{margin:.3rem 0 0;color:var(--muted);font-size:.92rem}
.price{font-family:system-ui,sans-serif;font-weight:600;color:var(--ink)!important;margin-top:.6rem!important}
.note{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.5rem 1.8rem;max-width:46rem}
footer{padding:2.5rem 5vw;color:var(--muted);font-family:system-ui,sans-serif;font-size:.85rem;border-top:1px solid var(--line);margin-top:2rem}
form{display:grid;gap:.9rem;max-width:30rem}input,textarea{font:inherit;padding:.7rem .9rem;border:1px solid var(--line);border-radius:10px;background:#fff}
button{font:600 .95rem system-ui,sans-serif;padding:.8rem 1.4rem;border:0;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;justify-self:start}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:2.5rem}nav a{margin:0 1rem 0 0}}