:root {
  --cream:#fbf6f0; --paper:#fffaf6; --rose:#c9877e; --rose2:#e8c3ba;
  --terracotta:#a95f55; --coffee:#4b352f; --gold:#b68a47; --muted:#7a655f;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--coffee);line-height:1.65}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.08;margin-top:0}
h1{font-size:clamp(3.1rem,8vw,6.6rem);letter-spacing:-.04em}
h2{font-size:clamp(2rem,5vw,3.8rem);letter-spacing:-.025em}
h3{font-size:1.35rem}
p{font-size:1.06rem}
.wrap{width:min(1120px,90%);margin:auto}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--gold);font-weight:700}
.hero{padding:72px 0 48px;background:linear-gradient(135deg,#fffaf6,#f4e4dc)}
.hero-grid,.two{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
.hero h1 span{display:block;color:var(--rose)}
.lead{font-size:1.22rem;max-width:620px;color:#624c46}
.price{font-family:Georgia,serif;font-size:2.3rem;margin:22px 0 16px}
.btn{display:inline-block;background:var(--terracotta);color:white;text-decoration:none;padding:16px 26px;border-radius:999px;font-weight:700;box-shadow:0 8px 24px #a95f5533}
.btn:hover{filter:brightness(.95)}
.hero img,.photo{width:100%;border-radius:26px;display:block;box-shadow:0 22px 60px #6b453421}
section{padding:82px 0}
.center{text-align:center;max-width:790px;margin:auto}
.soft{background:#f3e4dc}
.white{background:#fffdfa}
.problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:34px}
.card{background:#fffaf6;border:1px solid #ead7ce;border-radius:20px;padding:22px}
.card strong{font-family:Georgia,serif;font-size:1.15rem}
.quote{font-family:Georgia,serif;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.25;color:var(--terracotta);margin:28px 0}
.full-img{width:min(1040px,94%);margin:36px auto 0;display:block;border-radius:24px;box-shadow:0 18px 48px #6b45341f}
.contents{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.contents .card{background:white}
.num{font-family:Georgia,serif;font-size:2rem;color:var(--rose)}
.offer{background:var(--coffee);color:#fff8f2;text-align:center}
.offer .price{font-size:3.2rem;color:#f1cfc4}
.offer .btn{background:#d89488}
.faq{max-width:820px;margin:auto}
details{border-bottom:1px solid #ddc9c0;padding:18px 0}
summary{cursor:pointer;font-weight:700}
footer{padding:42px 0;text-align:center;color:var(--muted);font-size:.88rem}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.badge{border:1px solid #dec9bf;border-radius:999px;padding:8px 13px;font-size:.84rem;background:#fffaf6}
@media(max-width:800px){
 .hero{padding-top:40px}
 .hero-grid,.two{grid-template-columns:1fr;gap:30px}
 .hero-grid>div:first-child{order:1} .hero-grid>div:last-child{order:2}
 section{padding:58px 0}
 .problem-grid,.contents{grid-template-columns:1fr}
 h1{font-size:3.45rem}
}