*{box-sizing:border-box}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;color:#1d2433;background:#fffdf8}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}
a{color:#c47a00}
.top{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px;flex-wrap:wrap;gap:12px}
.logo{display:flex;align-items:center;gap:10px;font-size:20px;color:#1d2433;text-decoration:none}
.logo b{font-weight:600;color:#c47a00}
.sun{width:22px;height:22px;border-radius:50%;background:radial-gradient(#ffd36b,#f5a623)}
nav a{margin-left:20px;color:#1d2433;text-decoration:none}
nav a:hover{color:#c47a00}
.hero{padding-top:80px;padding-bottom:80px}
.hero h1{font-size:clamp(34px,6vw,56px);line-height:1.1;margin:0 0 20px;max-width:14em}
.hero p{font-size:20px;max-width:34em;color:#4a5263}
section{padding-bottom:56px}
h2{font-size:28px}
.card{background:#fff;border:1px solid #f0e3c8;border-radius:16px;padding:32px;box-shadow:0 6px 24px rgba(196,122,0,.08)}
.card h3{margin:0;font-size:26px}
.tag{margin:4px 0 12px;color:#c47a00;font-weight:600}
.btn{display:inline-block;margin-top:12px;padding:12px 22px;border-radius:999px;background:#f5a623;color:#1d2433;font-weight:600;text-decoration:none}
.btn:hover{background:#e69500}
.more{color:#6b7280}
footer{border-top:1px solid #f0e3c8;padding-top:20px;padding-bottom:40px;color:#6b7280;font-size:14px}
@media(max-width:560px){nav a{margin:0 16px 0 0}}
.page{padding-top:40px;padding-bottom:40px;max-width:720px}
.page h1{font-size:36px;margin-bottom:0}
footer p{margin:6px 0}
footer a{color:#6b7280}