html{color-scheme:light}body{margin:0;background:#fbf4e6;color:#3b2a1a;font:17px/1.65 system-ui,sans-serif}main{max-width:760px;margin:auto;padding:40px 24px}nav{display:flex;flex-wrap:wrap;gap:20px;margin:24px 0}a{color:#195ea7}h1{font-size:clamp(28px,6vw,42px);line-height:1.2}h2{font-size:23px;margin-top:32px}img{border-radius:22px}footer{border-top:1px solid #d8c3a0;margin-top:36px;padding-top:20px;font-size:14px}code{overflow-wrap:anywhere}
.landing main{max-width:980px;padding:8px 20px 40px}.landing nav{margin:12px 0 8px;font-size:15px}
.landing img{max-width:100%;height:auto}.hero{text-align:center;padding:8px 0 20px}.hero .logo{width:min(420px,80%);border-radius:0}
.hero h1{margin:12px auto 12px;max-width:820px}.hero h1 em{font-style:normal;color:#b8763c}.lead{max-width:680px;margin:0 auto 20px;font-size:19px}
.cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin:20px 0}.cta span{flex-basis:100%;font-size:14px;color:#7a6145}
.button{display:inline-block;background:#3d7bd9;color:#fff;text-decoration:none;font-weight:800;font-size:18px;padding:14px 26px;border-radius:14px;box-shadow:0 4px 0 #2a5ba6}
.button:hover{background:#3570c8}.button.secondary{background:#e9dcc4;color:#3b2a1a;box-shadow:0 4px 0 #c9b28c}
.shot{margin:8px 0 28px;text-align:center}.shot img{box-shadow:0 8px 24px rgba(59,42,26,.25)}figcaption{font-size:14px;color:#7a6145;margin-top:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:#fff;border:2px solid #ead9bb;border-radius:18px;padding:4px 18px 10px}
.card h3,.feature h3{font-size:19px;margin:14px 0 4px}.card p{margin:4px 0 8px}
.feature{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center}.feature img{box-shadow:0 8px 24px rgba(59,42,26,.25)}
.villagers{display:flex;justify-content:center;align-items:flex-end;gap:28px;margin:28px 0 0}.villagers img{border-radius:0;height:150px;width:auto}
.center{text-align:center;color:#7a6145;font-size:15px}
.start{background:#fff;border:2px solid #ead9bb;border-radius:22px;padding:6px 24px 10px;margin-top:36px}.start ol{padding-left:22px}.start li{margin:8px 0}
.note{font-size:15px;color:#7a6145}footer img{vertical-align:middle;border-radius:10px;margin-right:6px}
@media (max-width:680px){.feature{grid-template-columns:1fr}.button{font-size:17px;padding:13px 20px}.lead{font-size:17px}}