:root { --ground:#FFF8EE; --ink:#3B1A08; --muted:#7A4A2A; --accent:#C2410C; --accent-dark:#9A3412; --line:#F1DFC6; --card:#FFFFFF; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--ground); color:var(--ink); font:17px/1.55 system-ui, -apple-system, "Segoe UI", "Noto Sans", sans-serif; }
a { color:var(--accent); }
.wrap { max-width:720px; margin:0 auto; padding:0 16px; }
header.top { padding:20px 0; }
header.top a { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:700; font-size:19px; }
header.top img { width:40px; height:40px; }
.hero { text-align:center; padding:24px 0 8px; }
.hero img.sun { width:120px; height:120px; }
.hero h1 { font-size:clamp(30px, 7vw, 46px); line-height:1.1; margin:12px 0; }
.hero .lead { font-size:clamp(18px, 4vw, 21px); margin:0 auto 28px; max-width:560px; }
.play { display:block; max-width:420px; margin:0 auto; background:var(--accent); color:#fff; text-decoration:none; font-size:21px;
        font-weight:700; padding:22px 16px; border-radius:18px; box-shadow:0 5px 0 var(--accent-dark); text-align:center; }
.play:active { transform:translateY(3px); box-shadow:0 2px 0 var(--accent-dark); }
.note { text-align:center; color:var(--muted); font-size:15px; margin:14px 0 0; }
.langs { list-style:none; padding:0; margin:40px 0; display:grid; gap:12px; }
.langs li { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:12px 16px; font-size:17px; }
.langs li span { display:block; color:var(--muted); font-size:13px; }
.points { display:grid; gap:12px; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); margin:8px 0 40px; }
.points div { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px 18px; }
.points b { display:block; font-size:17px; }
article h1 { font-size:28px; line-height:1.2; margin:8px 0 4px; }
article h2 { font-size:20px; margin:32px 0 6px; }
article p, article li { max-width:66ch; }
footer { border-top:1px solid var(--line); margin-top:48px; padding:24px 0 40px; color:var(--muted); font-size:14px; }
footer a { margin-right:16px; }