:root{--bg:#f4f1eb;--paper:#fffdf8;--ink:#1e293b;--muted:#64748b;--line:#d8d3c8;--accent:#ea580c;--blue:#2563eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75}main{width:min(920px,100%);margin:auto;padding:44px 20px 80px}.hero{padding:72px 52px;border-radius:24px;background:#172033;color:white;box-shadow:0 24px 60px #17203326}.kicker{margin:0 0 24px;color:#fdba74;font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(42px,8vw,76px);line-height:1.04;letter-spacing:-.055em}.lead{max-width:650px;margin:24px 0 30px;color:#dbe4f0;font-size:18px}.button{display:inline-block;padding:12px 18px;border-radius:10px;background:var(--accent);color:white!important;text-decoration:none;font-weight:750}.button.secondary{background:var(--blue)}.toc,section{margin-top:24px;padding:34px 40px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.toc ol{columns:2;margin-bottom:0}.toc a{color:var(--ink);text-decoration-color:#cbd5e1}section{margin-top:18px}.step{color:var(--accent);font:800 12px/1.2 ui-monospace,monospace;letter-spacing:.08em}h2{margin:10px 0 16px;font-size:clamp(27px,4vw,38px);line-height:1.22;letter-spacing:-.035em}p{margin:13px 0}.words{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.words span{padding:7px 12px;border:1px solid #fdba74;border-radius:999px;background:#fff7ed;color:#9a3412;font:700 14px ui-monospace,monospace}.analogy,.note,.example{margin:22px 0;padding:17px 19px;border-radius:12px;background:#fff7ed;border-left:4px solid var(--accent)}code{padding:2px 6px;border-radius:5px;background:#e8edf3;font:600 .92em ui-monospace,monospace}.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:28px 0}.pipeline div,.qflow div{padding:15px 10px;border:1px solid var(--line);border-radius:10px;background:white;text-align:center}.pipeline small{display:block;color:var(--muted);font:12px ui-monospace,monospace}.pipeline .score{grid-row:1/3;grid-column:5}.pipeline div:nth-of-type(4){grid-column:1}.pipeline div:nth-of-type(5){grid-column:3}.pipeline i,.qflow i{color:var(--accent);font-size:22px;font-style:normal}.equation{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0;font-family:ui-monospace,monospace}.equation span{padding:12px;border:1px solid var(--line);border-radius:8px;background:white}.legend{display:grid;grid-template-columns:1fr 1fr 1fr;overflow:hidden;border-radius:8px;color:white;text-align:center;font-size:13px}.blue{background:#3b4cc0}.neutral{background:#ddd;color:#333}.red{background:#b40426}.qflow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin:28px 0}.practice{padding-left:24px}.practice li{margin:8px 0}.demo-section{padding-left:24px;padding-right:24px}iframe{display:block;width:100%;height:900px;margin-top:24px;border:1px solid var(--line);border-radius:14px;background:white}footer{padding:30px 8px;color:var(--muted);font-size:13px;text-align:center}@media(max-width:700px){main{padding:14px 10px 50px}.hero{padding:44px 24px;border-radius:16px}.toc,section{padding:26px 20px}.toc ol{columns:1}.pipeline{grid-template-columns:1fr}.pipeline div,.pipeline .score,.pipeline div:nth-of-type(4),.pipeline div:nth-of-type(5){grid-column:auto;grid-row:auto}.pipeline i{display:none}.qflow{grid-template-columns:1fr}.qflow i{transform:rotate(90deg);text-align:center}.equation{flex-wrap:wrap;font-size:13px}iframe{height:780px}}