* { box-sizing: border-box; }
body { margin: 0; font: 17px/1.6 Georgia, "Times New Roman", serif; color: #2b2118; background: #fbf7f1; }
a { color: inherit; }
.wrap { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
nav { position: sticky; top: 0; background: rgba(251,247,241,.92); backdrop-filter: blur(6px); border-bottom: 1px solid #eadfce; z-index: 10; }
nav .wrap { display: flex; align-items: center; gap: 28px; height: 68px; font-family: -apple-system, system-ui, sans-serif; font-size: 15px; }
.brand { font-family: Georgia, serif; font-size: 22px; font-weight: 700; text-decoration: none; margin-right: auto; }
nav a { text-decoration: none; }
.pill { background: #2b2118; color: #fbf7f1; padding: 10px 18px; border-radius: 999px; }
.hero { padding: 96px 0 72px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
.hero h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.02; margin: 0 0 20px; letter-spacing: -.02em; }
.hero p { font-size: 20px; color: #5b4b3c; max-width: 30ch; }
.hero .art { aspect-ratio: 4/5; border-radius: 28px; background: radial-gradient(circle at 30% 30%, #c98a4b, #6b3d1f 70%); box-shadow: 0 30px 60px rgba(60,30,10,.25); }
.btns { display: flex; gap: 12px; margin-top: 28px; font-family: -apple-system, system-ui, sans-serif; }
.btns a { padding: 14px 24px; border-radius: 999px; text-decoration: none; font-weight: 600; font-size: 15px; }
.btns .main { background: #b5652a; color: #fff; }
.btns .ghost { border: 1px solid #2b2118; }
section.features { padding: 80px 0; border-top: 1px solid #eadfce; }
section h2 { font-size: 40px; margin: 0 0 32px; }
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card { background: #fff; border-radius: 20px; padding: 28px; border: 1px solid #eadfce; }
.card h3 { margin: 0 0 8px; font-size: 22px; }
.card p { margin: 0; color: #6b5a49; font-size: 16px; }
.pricing { padding: 80px 0 100px; background: #2b2118; color: #fbf7f1; }
.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.plan { border: 1px solid #4a3a2c; border-radius: 20px; padding: 28px; }
.plan .price { font-size: 44px; margin: 8px 0; }
footer { padding: 40px 0; font-family: -apple-system, system-ui, sans-serif; font-size: 14px; color: #7a6a59; }
@media (max-width: 820px) { .hero, .cards, .plans { grid-template-columns: 1fr; } nav .links { display: none; } }