@import "https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&display=swap";
:root{--ink:#1f2933;--paper:#fffdf8;--accent:#a4482d;--muted:#65727e;--border:#e7dfd3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}main{max-width:1200px;margin:0 auto;padding:0 32px}.nav,footer{justify-content:space-between;align-items:center;display:flex}.nav{height:80px}.nav a{color:var(--ink);font-size:.95rem;text-decoration:none}.wordmark{letter-spacing:-.045em;font-family:Sora,ui-sans-serif,system-ui,sans-serif;font-size:1.22rem;font-weight:600}.hero{grid-template-columns:1fr .8fr;align-items:center;gap:80px;min-height:620px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.13em;margin:0 0 16px;font-size:.72rem;font-weight:700}h1,h2,h3{letter-spacing:-.045em;font-family:Georgia,serif}h1{margin:0;font-size:clamp(3rem,5.8vw,5.4rem);line-height:.98}h2{margin:0;font-size:clamp(2.6rem,5vw,4.3rem);line-height:.95}.lede{max-width:510px;color:var(--muted);margin:28px 0 34px;font-size:1.17rem;line-height:1.65}.button{background:var(--accent);color:#fff;border-radius:5px;padding:14px 20px;font-weight:700;text-decoration:none;display:inline-block}.hero h1+.button{margin-top:34px}.reader-card{border:1px solid var(--border);background:#fffefa;border-radius:18px;min-height:390px;padding:36px;box-shadow:16px 18px #f0e7dc}.chapter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 28px;font-size:.78rem}.hanzi{margin:0 0 24px;font-family:Georgia,serif;font-size:1.52rem;line-height:2}.definition{border-left:3px solid var(--accent);background:#f9eee8;gap:4px;margin:-2px 0 20px;padding:11px 13px;font-size:.83rem;display:grid}.definition span{color:var(--accent);font-weight:700}.steps{border-top:1px solid var(--border);padding:110px 0 120px}.step-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px;display:grid}.step-grid article{border:1px solid var(--border);border-radius:10px;padding:28px}.step-number{color:var(--accent);letter-spacing:.1em;font-size:.76rem;font-weight:700}.step-grid h3{margin:38px 0 10px;font-size:1.55rem}.step-grid p{color:var(--muted);margin:0;line-height:1.55}footer{border-top:1px solid var(--border);min-height:90px;color:var(--muted);font-size:.85rem}@media (max-width:720px){main{padding:0 20px}.hero{grid-template-columns:1fr;gap:56px;min-height:auto;padding:74px 0 90px}.reader-card{min-height:320px;padding:28px}.step-grid{grid-template-columns:1fr;margin-top:36px}.steps{padding:78px 0}}