:root{--cream:#faf6ee;--ivory:#fffdf8;--gold:#c8a45d;--gold-soft:#e9d9b4;--sage:#4f6b5a;--sage-d:#34493d;--ink:#2d2a26}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}
h1,h2,h3,.logo{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;color:var(--sage-d)}
a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;background:rgba(250,246,238,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--gold-soft)}
.logo{font-size:1.35rem;letter-spacing:.08em}.logo span{color:var(--gold)}
.nav nav{display:none;gap:1.4rem;font-size:.9rem}
.hero{text-align:center;padding:4.5rem 1.4rem 4rem;background:radial-gradient(circle at 50% 0,#fff8e3 0,var(--cream) 70%)}
.eyebrow{color:var(--gold);letter-spacing:.2em;font-size:.8rem;text-transform:uppercase}
.hero h1{font-size:2.5rem;line-height:1.15;margin:1rem 0}.hero em{color:var(--gold);font-style:italic}
.lead{max-width:36rem;margin:0 auto 2rem;color:#5a554d}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.btn{display:inline-block;padding:.8rem 1.6rem;border-radius:999px;background:var(--sage);color:#fff;font-weight:500;transition:.2s}
.btn:hover{background:var(--sage-d)}
.btn.ghost{background:transparent;color:var(--sage);border:1.5px solid var(--gold)}
.btn.ghost:hover{background:var(--gold-soft)}
.section{padding:3.5rem 1.2rem;max-width:72rem;margin:0 auto;text-align:center}
.section h2{font-size:2rem;margin-bottom:.4rem}
.sub{color:#7a7368;font-size:.9rem;margin-bottom:2rem}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;text-align:left}
.card{background:var(--ivory);border:1px solid var(--gold-soft);border-radius:18px;padding:1rem;display:flex;flex-direction:column;gap:.35rem;transition:.25s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(79,107,90,.12)}
.img{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;font-size:2.6rem;margin-bottom:.5rem}
.i1{background:linear-gradient(135deg,#f3e7cc,#fdf9ef)}.i2{background:linear-gradient(135deg,#dfe8df,#f7f5ee)}.i3{background:linear-gradient(135deg,#efe1c2,#e3eadf)}
.card h3{font-size:1.2rem}.card p{font-size:.85rem;color:#6b655c;flex:1}
.price{font-weight:600;color:var(--gold)}
.about{background:var(--ivory);border-radius:24px;max-width:56rem}
.about p{max-width:40rem;margin:1rem auto 2rem}
.values{display:grid;gap:1rem}
.values div{padding:1rem;border-top:2px solid var(--gold)}
.values strong{display:block;font-family:"Cormorant Garamond",serif;font-size:1.4rem;color:var(--sage)}
.values span{font-size:.85rem;color:#7a7368}
.social p{margin-bottom:1.2rem}
.faq{max-width:44rem;text-align:left}.faq h2{text-align:center;margin-bottom:1.5rem}
details{background:var(--ivory);border:1px solid var(--gold-soft);border-radius:12px;padding:1rem 1.2rem;margin-bottom:.7rem}
summary{cursor:pointer;font-weight:500;color:var(--sage-d)}
details p{margin-top:.6rem;color:#5a554d}
footer{text-align:center;padding:2rem;background:var(--sage-d);color:var(--gold-soft);font-size:.9rem}
.small{opacity:.7;font-size:.8rem}
.wa{position:fixed;right:1rem;bottom:1rem;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:1.6rem;box-shadow:0 6px 18px rgba(0,0,0,.2)}
@media(min-width:700px){.nav nav{display:flex}.hero{padding:7rem 2rem 6rem}.hero h1{font-size:3.8rem}.grid{grid-template-columns:repeat(3,1fr);gap:1.4rem}.values{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}