:root{--paper:#f5f3ed;--ink:#163a34;--muted:#58665f;--accent:#e66b38;--line:#d8ded4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.8 'Microsoft YaHei','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #ca582b;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 80px));margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:32px;font-weight:900;letter-spacing:-2px}.brand span{color:var(--accent)}nav{display:flex;gap:28px;font-size:13px;font-weight:700}nav a:hover,.text-link:hover{color:var(--accent)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;margin:0 0 22px}.hero{padding:72px 0 36px}h1{font-size:clamp(38px,5.2vw,68px);line-height:1.3;letter-spacing:-2px;margin:0 0 26px}h1 span{color:var(--accent)}.lead{color:var(--muted);font-size:17px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0}.button{padding:12px 20px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.button:hover{background:#e3e9de}.primary{background:var(--ink);color:white}.primary:hover{background:#295149}.button:disabled{opacity:.4;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:20px}.metrics>div+div{border-left:1px solid var(--line);padding-left:30px}.metrics strong{font-size:48px;line-height:1.2;font-weight:600;letter-spacing:-2px}.metrics strong span{font-size:16px;letter-spacing:0;margin-left:6px}.metrics p{font-size:12px;color:var(--muted);margin:12px 0 0}.note{font-size:12px;color:var(--muted);line-height:1.8}.section{padding:76px 0}h2{font-size:clamp(28px,3.1vw,40px);line-height:1.4;letter-spacing:-1px;margin:0 0 24px}h3{font-size:19px;line-height:1.5;margin:12px 0}p{margin:16px 0}.context{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;border-top:1px solid var(--line)}.context aside{border-left:3px solid var(--accent);padding:8px 0 0 28px;align-self:start}.dark{background:var(--ink);color:var(--paper)}.dark .eyebrow{color:#deae8c}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.num{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:700}.decision{border-top:1px solid #56736b;padding-top:20px}.decision p{font-size:14px;color:#d0dcd4}.section-intro{color:var(--muted);max-width:760px}.real-screen{margin:32px 0;background:white;border:1px solid var(--line);padding:10px;box-shadow:0 18px 50px #173b3310}.real-screen img{display:block;width:100%;height:auto}.real-screen a{display:block}.real-screen figcaption{font-size:12px;color:var(--muted);padding:10px}.tag{display:inline-block;background:#e6edde;padding:3px 9px;color:var(--ink);font-size:11px;letter-spacing:.5px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:36px}.flow h3{font-size:16px}.flow p{font-size:13px;color:var(--muted)}.demo-section{background:#e7ece4}.demo-shell{background:#fff;border:1px solid #cdd8c9;border-radius:12px;padding:30px;margin-top:30px;box-shadow:0 24px 50px #173b330a}.demo-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.demo-head h3{font-size:24px;margin-bottom:0}.quiet{border:0;background:transparent;font-size:12px;color:var(--muted);padding:10px}.demo-note{font-size:12px;color:var(--muted);margin-top:10px}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;margin:28px 0}.steps li{border-top:3px solid var(--line);padding-top:10px;font-size:12px;color:var(--muted)}.steps [aria-current="step"]{border-color:var(--accent);color:var(--ink);font-weight:700}.steps .done{border-color:var(--ink)}.extra{display:flex;gap:12px;align-items:flex-start;background:#f5f6f2;padding:16px;font-size:13px}.extra input{width:18px;height:18px;margin-top:3px;accent-color:var(--ink)}.extra small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.demo-actions .button{font-size:12px;padding:10px 16px}#demo-status{font-size:13px;font-weight:600;min-height:24px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}caption{text-align:left;font-size:11px;color:var(--muted);margin-bottom:10px}th{text-align:left;font-size:11px;color:var(--muted);font-weight:500;background:#f5f6f2}th,td{padding:14px 12px;border-bottom:1px solid var(--line)}td:first-child{font-weight:700}td small{display:block;font-size:11px;color:var(--muted);font-weight:400}.status{font-size:11px;display:inline-block;padding:3px 8px;background:#e5efe6;color:#23563d;white-space:nowrap}.status.fail{background:#f8e2d9;color:#913e26}.status.pending{background:#eef0ec;color:#647267}.empty{text-align:center;padding:45px;color:var(--muted);font-weight:400!important}.iteration-list{margin-top:35px}.iteration{display:grid;grid-template-columns:50px 280px 1fr;gap:22px;padding:24px 0;border-top:1px solid var(--line);align-items:start}.iteration h3{font-size:17px;margin:0}.iteration p{font-size:14px;color:var(--muted);margin:0}.results{background:#ede8dd}.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.result-layout>div>p:first-child{margin-top:0}.cost-chart{background:#f9f7f2;padding:28px}.cost-chart>p{font-size:12px}.cost-chart>p span{float:right}.bar-label{display:flex;justify-content:space-between;font-size:12px;margin:20px 0 8px;gap:15px}.bar-label strong{font-size:15px}.bar{height:12px}.old{width:100%;background:#839890}.current{width:4.817%;min-width:12px;background:var(--accent)}.saving{border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.saving strong{font-size:29px;display:block;color:#bd4d23;letter-spacing:-1px}.learning{margin:48px 0 34px;padding-top:25px;border-top:1px solid #ccd1c5;max-width:820px}footer{padding:32px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px;left:15px;background:white;z-index:5;padding:15px}.skip:focus{top:10px}::selection{background:#e6ba87;color:var(--ink)}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.hero{padding-top:48px}h1{font-size:46px}.context{gap:32px}.decision-grid{gap:22px}.flow-grid{grid-template-columns:repeat(2,1fr)}.iteration{grid-template-columns:30px 1fr;gap:12px}.iteration p{grid-column:2}.result-layout{gap:28px}.metrics strong{font-size:38px}.metrics>div+div{padding-left:15px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.top{padding:17px 0}nav{gap:13px;font-size:11px}.brand{font-size:28px}h1{font-size:36px;letter-spacing:-1.5px}.lead{font-size:14px}.hero{padding-top:38px}.eyebrow{font-size:10px}.metrics{gap:12px;margin-top:36px;padding:22px 0}.metrics strong{font-size:29px;letter-spacing:-1.5px}.metrics strong span{font-size:11px;margin-left:2px}.metrics p{font-size:10px}.metrics>div+div{padding-left:10px}.section{padding:48px 0}.context,.decision-grid,.result-layout{grid-template-columns:1fr;gap:24px}.context p{font-size:14px}.context aside{padding-left:20px}.decision{padding-top:15px}.decision h3{font-size:18px}.decision p{margin-top:8px}.real-screen{padding:4px}.real-screen figcaption{font-size:10px;padding:8px}.flow-grid{gap:16px}.flow p{font-size:12px}.demo-shell{padding:18px 14px}.demo-head h3{font-size:22px}.demo-actions{display:grid;grid-template-columns:1fr 1fr}.demo-actions .button{padding:10px 8px;font-size:11px}.steps{gap:5px}.steps li{font-size:10px}.extra{padding:12px}.demo-note,.note{font-size:11px}h2{font-size:28px}.iteration h3{font-size:16px}.iteration p{font-size:13px}footer{flex-wrap:wrap;gap:10px}footer p{flex:1;margin-left:20px}footer>a:last-child{width:100%;text-align:right}.actions{gap:10px}.button{font-size:12px;padding:11px 16px}.text-link{font-size:13px}.result-layout p{font-size:14px}.result-layout .note{font-size:11px}}
.keep-word{display:inline-block;white-space:nowrap}
.metrics strong{white-space:nowrap}
@media(max-width:360px){.metrics strong{font-size:22px;letter-spacing:-1px}.metrics strong span{font-size:10px}.metrics{gap:6px}.metrics>div+div{padding-left:7px}.metrics p{font-size:10px}.hero h1{font-size:33px}nav{gap:9px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}