/* CommerceGuard Lab · interface tokens */
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#263631;background:#f4f5f0;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #b08035;outline-offset:3px}.shell{max-width:1600px;margin:auto;background:#f7f8f4}.site-header{height:74px;padding:0 max(5.5%,32px);display:flex;align-items:center;gap:48px;background:#172621;color:#f6f8f0}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:700;font-size:15px;letter-spacing:-.025em;white-space:nowrap}.brand b{color:#a4b8aa;font-weight:500}.brandmark{font-family:Georgia,serif;font-size:28px;letter-spacing:-.14em;color:#c5dd9c}.brandmark span{font-size:13px;vertical-align:top}.site-header nav{display:flex;align-items:center;gap:30px;margin-left:auto}.site-header nav a{font-size:13px;font-weight:500;color:#c4d0c9}.site-header nav a:hover{color:white}.header-status{font-size:12px;color:#d4e4d0;border:1px solid #4b6255;border-radius:30px;padding:8px 13px;white-space:nowrap}.header-status span{display:inline-block;width:7px;height:7px;background:#a7d88e;border-radius:50%;margin-right:7px}.section{padding:88px max(5.5%,32px);border-bottom:1px solid #dce2d9}.experiment{padding-top:55px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:.13em;color:#587769}.section h1,.section h2{font-weight:650;letter-spacing:-.04em;line-height:1.1;color:#172b23}.section h1{font-size:clamp(32px,3.4vw,46px);margin:12px 0 12px}.section h2{font-size:clamp(28px,2.8vw,38px);margin:12px 0}.section-heading p{max-width:640px;margin:0;color:#66776e;font-size:14px;line-height:1.65}.context-note{display:flex;gap:10px;align-items:flex-start;max-width:315px;color:#738178;font-size:11px;line-height:1.55}.context-note strong{color:#41584c;font-size:12px}.context-icon{display:grid;place-items:center;flex:0 0 20px;height:20px;border:1px solid #aabdb0;color:#506b5b;border-radius:50%;font-weight:700;font-family:Georgia,serif}.experiment-grid{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:16px;align-items:stretch}.panel{background:#fff;border:1px solid #dbe3d9;border-radius:8px;box-shadow:0 2px 10px #25382b09}.controls,.results{padding:25px 26px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e4eae2;padding-bottom:17px;font-size:10px;font-weight:750;letter-spacing:.1em;color:#6c7e72}.panel-index{font-family:ui-monospace,monospace;color:#9eaea3;letter-spacing:0}.intent-label,.catalog>span{font-size:10px;font-weight:750;letter-spacing:.1em;color:#708479}.intent-label{margin-top:28px}blockquote{margin:12px 0 24px;font:400 19px/1.5 Georgia,serif;color:#263d30;letter-spacing:-.015em}.catalog{padding:15px 16px;background:#f4f7f0;border-left:3px solid #86a88a;border-radius:0 4px 4px 0;margin-bottom:27px}.catalog p{font-size:12px;line-height:1.8;color:#65786c;margin:8px 0 0}.catalog strong{color:#30493a}.controls label{display:block;color:#2b4335;font-size:13px;font-weight:700;margin-bottom:5px}.field-help{font-size:12px;color:#728278;line-height:1.5;margin:0 0 10px}select{width:100%;min-height:47px;background:#fff;color:#253a2e;border:1px solid #b9c9bd;border-radius:5px;padding:11px 13px;font-size:13px;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-radius:5px;cursor:pointer;font-size:13px;font-weight:700;padding:14px 16px}.primary{background:#264c39;color:white}.primary:hover{background:#193c2b}.full{width:100%;margin-top:12px}.micro{font-size:11px;color:#7d8d82;margin:15px 0 0}.micro span{color:#77a986;margin-right:3px}.result-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:23px}.result-overline{font-size:10px;color:#718277;letter-spacing:.08em;font-weight:700}.result-title h3{font:600 23px/1.25 system-ui,sans-serif;letter-spacing:-.03em;margin:7px 0 0;color:#20352a}.status{border-radius:4px;padding:7px 10px;font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.pass{color:#2c7048;background:#e8f3e9}.fail{color:#a04736;background:#fbece7}.result-description{font-size:12px;color:#6d7d73;line-height:1.55;margin:13px 0 0}.finding{border-left:3px solid #c39a5f;background:#fbf7ef;border-radius:0 4px 4px 0;padding:11px 13px;margin-top:16px;font-size:12px;color:#685333}.finding p{margin:5px 0 0;color:#786b56;line-height:1.5}.compare-head,.check{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:10px}.compare-head{font-size:9px;letter-spacing:.09em;font-weight:750;color:#8a9a8e;margin-top:23px;padding-bottom:9px;border-bottom:1px solid #e0e8df}.check{padding:10px 0;border-bottom:1px solid #edf1ec;font-size:12px;color:#4e6255;line-height:1.35}.check b{color:#6d9c79;margin-right:5px}.check.bad,.check.bad b{color:#a04736}.timeline-title{display:flex;justify-content:space-between;gap:10px;font-size:10px;font-weight:750;letter-spacing:.09em;color:#6d8073;margin:26px 0 13px}.timeline-title span{color:#9aa99e;font-size:9px}.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.timeline div{border-top:2px solid #d4e0d4;padding-top:10px;display:flex;gap:7px}.timeline b{font-size:10px;color:#779786}.timeline strong,.timeline small{display:block;font-size:10px;line-height:1.5}.timeline strong{color:#40574a}.timeline small{color:#88998d;margin-top:5px}#run-id{font-family:ui-monospace,monospace;letter-spacing:0;font-size:9px;overflow-wrap:anywhere;text-align:right;min-width:0;color:#8d9d92}.run-comparison{margin-top:16px;border:1px solid #dbe3d9;background:#eff4eb;border-radius:7px;padding:17px 24px}.comparison-hint{margin:0;color:#687e70;font-size:12px}.comparison-title{display:flex;justify-content:space-between;gap:10px;color:#6c8072;font-size:10px;letter-spacing:.09em;font-weight:750}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.comparison-grid>div{border-top:1px solid #cedbcd;padding-top:11px;display:grid;gap:5px;font-size:12px;color:#687c6f}.comparison-grid small{text-transform:uppercase;letter-spacing:.08em;color:#84958a;font-size:10px}.comparison-grid strong{color:#263e2f;font-size:14px}.comparison-pass{color:#367a50}.comparison-fail{color:#a04736}.analytics{background:#edf2eb}.data-tag{border:1px solid #c8d8c8;border-radius:30px;padding:8px 11px;color:#50765a;background:#f8fbf6;font-size:10px;letter-spacing:.08em;font-weight:750;white-space:nowrap}.data-tag span{color:#70a67c}.loading{color:#6c8072;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #dbe3d9;border-radius:8px;overflow:hidden}.metric{padding:23px 24px;border-right:1px solid #e4ebe1}.metric:last-child{border-right:0}.metric small{font-size:10px;letter-spacing:.08em;font-weight:750;color:#788b7d}.metric strong{display:block;font:600 34px/1.1 system-ui,sans-serif;color:#1e3929;letter-spacing:-.04em;margin:15px 0 8px}.metric em{font-size:20px;font-style:normal;color:#6c9170}.metric p{font-size:11px;color:#819186;margin:0;line-height:1.5}.analytics-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;margin-top:16px}.chart{padding:21px 22px}.bar-row{display:grid;grid-template-columns:1fr 1fr 32px;align-items:center;gap:10px;margin-top:16px;font-size:11px;color:#667a6d;text-transform:capitalize}.bar-row div{height:5px;background:#e7eee5;border-radius:4px}.bar-row i{display:block;height:100%;background:#87a993;border-radius:4px}.bar-row b,.funnel-row b{text-align:right;color:#344e3d;font-size:11px}.funnel-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf1ec;font-size:12px;color:#687c6f;text-transform:capitalize}.chart-note{color:#819087;font-size:11px;line-height:1.55;margin-bottom:0}.quality-chart{margin-top:16px}.pipeline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:25px;align-items:center}.pipeline>div{border-top:2px solid #b7cbb9;padding:20px 0 5px}.pipeline>span{color:#8aa996}.pipeline small{color:#6b8c75;font-size:10px;letter-spacing:.09em;font-weight:750}.pipeline h3,.engineering-bottom h3,.contract-panel h3{font-size:19px;font-weight:650;letter-spacing:-.025em;color:#263d30;margin:12px 0}.pipeline p,.engineering-bottom p,.contract-panel p{font-size:13px;line-height:1.7;color:#6e8073}.pipeline code{display:inline-block;color:#5a7c64;font-size:11px;margin-top:6px}.contract-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:28px;margin-top:36px}.contract-panel p{max-width:480px}.text-link{font-size:12px;font-weight:700;color:#326347}.text-link:hover{text-decoration:underline}.sample-link{display:inline-block;margin-top:10px}.contract-fields{display:grid;gap:8px;align-content:start}.contract-fields span{font-size:9px;letter-spacing:.1em;color:#819487;font-weight:750;margin-top:7px}.contract-fields code{font-size:11px;line-height:1.6;color:#536e5c;overflow-wrap:anywhere}.engineering-bottom{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px;padding-top:24px;border-top:1px solid #dce4da}.engineering-bottom p{max-width:500px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px max(5.5%,32px);background:#172621;color:#b5c7ba;font-size:10px;letter-spacing:.08em}footer .brand{color:#f1f5eb;letter-spacing:-.025em}footer>a{letter-spacing:0;font-size:12px;color:#dce9db}@media(max-width:850px){.site-header{gap:20px}.site-header nav{gap:17px}.experiment-grid,.engineering-bottom{grid-template-columns:1fr}.analytics-grid{grid-template-columns:1fr}.section{padding-top:58px;padding-bottom:58px}.experiment{padding-top:38px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.context-note{max-width:none}.timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.pipeline{grid-template-columns:1fr;gap:8px}.pipeline>span{display:none}.contract-panel{grid-template-columns:1fr;gap:16px}.engineering-bottom{gap:10px}}@media(max-width:540px){.site-header{height:auto;min-height:68px;flex-wrap:wrap;padding:14px 20px;gap:14px}.site-header nav{order:3;width:100%;margin:0;justify-content:space-between}.header-status{margin-left:auto}.section{padding-left:20px;padding-right:20px}.controls,.results{padding:21px 19px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:18px;border-bottom:1px solid #e4ebe1}.metric:nth-child(2){border-right:0}.metric:nth-child(n+3){border-bottom:0}.metric strong{font-size:27px}.compare-head,.check{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:6px;font-size:11px}.timeline{grid-template-columns:1fr 1fr}.timeline-title span{display:none}.comparison-grid{grid-template-columns:1fr}.comparison-title{flex-wrap:wrap}.contract-panel{padding:20px}footer{padding:28px 20px;flex-wrap:wrap}footer>span{width:100%;order:3}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}