:root{--ink:#1d2726;--muted:#83908b;--border:#e5eae5;--green:#3d836d;--purple:#8e75b4}*{box-sizing:border-box}body{margin:0;background:#fbfcfa;color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}main{max-width:1000px;margin:auto;padding:0 44px}header{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:650;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand>span{color:#91b76f}.brand small{font-size:9px;letter-spacing:2px;color:#97a28f;font-weight:500;margin-left:10px}.back{font-size:11px;color:#859580;text-decoration:none}.back:hover{color:var(--ink)}.intro{text-align:center;padding:30px 0 35px}.eyebrow{font-size:9px;letter-spacing:2px;color:#86967c}h1{font-size:49px;letter-spacing:-2.2px;font-weight:500;line-height:1.15;margin:14px 0 17px}.intro p{font-size:14px;line-height:1.8;color:#8a9684;margin:0 0 18px}.intro p strong{color:#5c7053;font-weight:500}.badge{font-size:9px;border:1px solid #e2e8db;border-radius:20px;padding:6px 12px;color:#8c9c7c;background:#f7f9f2}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px}.method{background:#fff;border:1px solid var(--border);border-radius:12px;padding:27px 28px 19px}.method-label{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1.3px;font-weight:600;color:var(--green)}.dot{width:6px;height:6px;background:currentColor;border-radius:50%}.kind{margin-left:auto;font-size:7px;background:#f2f7ef;color:#8b9d7b;border-radius:4px;padding:3px 5px;letter-spacing:1px}.quantum .method-label{color:var(--purple)}.quantum .kind{background:#f5f2f9;color:#a795ba}.time{font-size:55px;font-weight:450;letter-spacing:-2.5px;line-height:1.2;margin:19px 0 11px;font-variant-numeric:tabular-nums}.time small{font-size:22px;letter-spacing:-.5px;color:#9ca990;font-weight:400;margin-left:5px}.method-description{font-size:15px;color:#7c8d71;line-height:1.6;margin:0 0 25px}.quantum .method-description{color:#8d819d}.quality{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0e8;padding:14px 0 18px;gap:10px}.quality>span{color:#a0ab94;font-size:9px}.quality strong{display:block;font-size:16px;font-weight:500;color:#63785a;margin-top:3px}.quantum .quality strong{color:#8b769d}.flow{display:flex;gap:4px;align-items:center;justify-content:space-between}.flow button{font:inherit;font-size:9px;padding:7px 9px;border:1px solid #e2eade;background:#f7f9f3;color:#7d956b;border-radius:5px;cursor:pointer;white-space:nowrap}.flow button:hover,.flow button.selected{background:#e8f0df;border-color:#bfd1ac}.flow i{font-size:10px;font-style:normal;color:#c2cdb6}.quantum .flow button{border-color:#ebe4f1;background:#faf8fc;color:#a18bb5}.quantum .flow button:hover,.quantum .flow button.selected{background:#eee8f5;border-color:#d6c9e4}.step-detail{font-size:10px;color:#9aa58e;line-height:1.8;min-height:54px;margin:14px 0 0}.quantum .step-detail{color:#a69aaf}.timing{padding:27px 0 17px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}h2{font-size:13px;font-weight:500;margin:0}.section-head label{font-size:9px;color:#97a28c;display:flex;align-items:center;gap:5px;cursor:pointer}input{accent-color:var(--green);width:11px;height:11px}.bar-row{display:grid;grid-template-columns:132px 1fr 64px;gap:16px;align-items:center;margin:15px 0}.bar-row>span{font-size:10px;color:#92a087}.bar-row>strong{font-size:11px;text-align:right;font-weight:500;color:#7e9071;font-variant-numeric:tabular-nums}.track{background:#f0f3eb;height:13px;border-radius:4px;overflow:hidden}.bar{height:100%;display:flex;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;transition:width .3s}.classical-bar{background:var(--green)}.quantum-bar{background:var(--purple)}.scale-note{font-size:9px;color:#acb69e;margin-top:17px}#step-times{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--border);padding-top:13px;margin-top:18px}#step-times[hidden]{display:none}.step-time{display:flex;justify-content:space-between;font-size:9px;color:#98a58c;margin:5px 0}.step-time span:first-child{display:flex;align-items:center;gap:5px}.step-time i{width:5px;height:5px;border-radius:1px}.finding{display:flex;align-items:center;gap:13px;padding:15px 18px;border-radius:7px;border:1px solid #e5ebde;background:#f5f8ef}.finding-icon{font-size:20px;color:#89a36d}.finding p{font-size:12px;color:#7d9266;margin:0}.finding strong{font-weight:600;color:#5e7b42}.important{text-align:center;color:#a9b39b;font-size:10px;line-height:1.9;margin:23px 0 20px}.important strong{color:#889c74;font-weight:500}details{border-top:1px solid var(--border);padding:14px 0;font-size:10px;color:#a0ac92}summary{cursor:pointer;color:#8a9d78}details>div{padding:5px 0 8px;max-width:800px;line-height:1.9}details a{color:#7f9b67}footer{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.8px;color:#b1bba5;padding:19px 0 24px;border-top:1px solid var(--border)}#error{padding:15px;background:#fff1eb;color:#a16a55}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #a9c38c;outline-offset:4px}@media(max-width:700px){main{padding:0 20px}header{height:67px}.brand{font-size:23px}.brand small{font-size:8px}.intro{padding:28px 0}h1{font-size:37px;letter-spacing:-1.5px}.intro p{font-size:12px}.comparison{gap:12px}.method{padding:18px 15px 13px}.method-label{font-size:8px;letter-spacing:.7px;flex-wrap:wrap}.kind{font-size:6px;margin-left:0}.time{font-size:40px;letter-spacing:-1.8px}.time small{font-size:17px}.method-description{font-size:12px}.quality{grid-template-columns:1fr;gap:8px}.quality strong{font-size:14px}.flow{flex-direction:column;align-items:stretch;gap:3px}.flow button{padding:5px;font-size:8px}.flow i{text-align:center;transform:rotate(90deg)}.step-detail{font-size:8px;min-height:70px}.bar-row{grid-template-columns:98px 1fr 51px;gap:8px}.bar-row>span{font-size:8px}.bar-row>strong{font-size:10px}.track{height:11px}.finding p{font-size:10px}.finding{padding:12px}.important{font-size:9px}footer{gap:16px;font-size:6px}#step-times{gap:13px}.step-time{font-size:8px;gap:5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}