:root{color-scheme:light;--ink:#173d39;--muted:#58726c;--accent:#087e72}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f8fbf9;font:17px/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--accent);text-underline-offset:4px}nav,main,footer{max-width:1100px;margin:auto;padding:28px}nav{display:flex;align-items:center;justify-content:space-between;gap:20px}nav a{color:var(--ink);text-decoration:none}nav .brand{display:flex;align-items:center;gap:12px;font-weight:700}nav img{width:42px;border-radius:12px}.links{display:flex;gap:24px;font-size:14px}.hero{padding:80px 28px 60px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700;color:var(--accent)}h1{font-size:clamp(38px,5.5vw,70px);line-height:1.15;letter-spacing:-2px;margin:20px 0}p{color:var(--muted)}.lead{font-size:20px;max-width:570px}.badge{display:inline-block;padding:9px 18px;border:1px solid #bad9ce;border-radius:50px;font-size:14px;margin:8px 8px 0 0}.demo{padding:45px 32px;border-radius:35px;background:linear-gradient(145deg,#ddf7e9,#ecedf9);box-shadow:0 25px 80px #154b3520}.paper{background:#ffffffd9;border:1px solid white;border-radius:22px;padding:35px 24px;font-size:26px;line-height:2.8;color:#183b36}.paper p{color:inherit;margin:12px 0}ruby{ruby-position:over}rt{font-size:12px;color:#b54541}.english rt{color:#2778a3}.other rt{color:#7c50aa}.demo small{display:block;font-size:11px;line-height:1.6;margin:16px 0 0;color:#59716a}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:60px 0}.features article{padding:28px;background:white;border:1px solid #dfeae5;border-radius:24px}.features h2{font-size:21px;margin-top:0}.document{max-width:820px;padding-top:55px;padding-bottom:80px}.document h1{font-size:42px;letter-spacing:-1px}.document h2{margin-top:40px;font-size:23px}.document p,.document li{color:#405f58}footer{border-top:1px solid #dbe7e1;font-size:13px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}@media(max-width:740px){.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.features{grid-template-columns:1fr;margin-top:40px}.links{gap:13px}nav,main,footer{padding:22px}.lead{font-size:18px}.paper{font-size:23px}}