:root{--bean:#3b2418;--roast:#6f4126;--crema:#d9a066;--milk:#fbf3e8;--foam:#f3e3cf;--ink:#2a1a12}
*{box-sizing:border-box}body{margin:0;font:16px/1.65 -apple-system,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--milk)}
.wrap{max-width:1080px;margin:auto;padding:0 20px}a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;background:rgba(59,36,24,.95);color:var(--milk);z-index:9}.row{display:flex;justify-content:space-between;align-items:center;height:56px}
.logo{font-weight:800;font-size:1.15rem}nav{display:flex;gap:14px;align-items:center;font-size:.92rem}nav a{display:none}
#lang{background:var(--crema);border:0;border-radius:99px;padding:5px 12px;font-weight:700;color:var(--bean);cursor:pointer}
.hero{background:radial-gradient(circle at 80% 0,#8a5534,transparent 60%),var(--bean);color:var(--milk);padding:64px 0 72px}
.tag{color:var(--crema);font-weight:600;font-size:.9rem}h1{font-size:2.1rem;line-height:1.25;margin:.3em 0}.sub{opacity:.88;max-width:640px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-block;background:var(--crema);color:var(--bean);font-weight:800;padding:13px 22px;border-radius:12px}
.btn.ghost{background:transparent;color:var(--milk);border:2px solid var(--crema)}
section{padding:56px 0}.alt{background:var(--foam)}h2{font-size:1.6rem;margin:0 0 24px;color:var(--roast)}
.grid3{display:grid;gap:20px}figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(59,36,24,.12)}
video{width:100%;aspect-ratio:9/16;display:block;background:#000;object-fit:cover}figcaption{padding:12px 14px}figcaption b,figcaption span{display:block}figcaption span{font-size:.88rem;color:#7a5b48}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:16px}.steps li{background:#fff;border-radius:14px;padding:18px}.steps i{font-style:normal;display:inline grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--roast);color:#fff;font-weight:800;margin-right:10px}.steps p{margin:.4em 0 0}
.plan{position:relative;background:#fff;border-radius:16px;padding:24px;border:2px solid var(--foam)}.plan.hot{border-color:var(--crema)}.plan h3{margin:0}
.price{font-size:2rem;font-weight:800;color:var(--roast);margin:.2em 0}.price small{font-size:.9rem;color:#7a5b48}.plan ul{padding-left:18px;margin:0}
.badge{position:absolute;top:-12px;right:16px;background:#c0392b;color:#fff;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:99px}
details{background:#fff;border-radius:12px;padding:14px 18px;margin-bottom:10px}summary{font-weight:700;cursor:pointer}
.contact{display:grid;gap:8px}.todo{background:#ffe7a3;border:1px dashed #b8860b;padding:2px 8px;border-radius:6px;font-family:monospace}
footer{background:var(--bean);color:var(--foam);padding:22px 0;font-size:.85rem}
@media(min-width:760px){nav a{display:inline}h1{font-size:3rem}.grid3,.steps{grid-template-columns:repeat(3,1fr)}.hero{padding:96px 0 104px}}