:root{color:#1f1f1c;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;min-height:100%;margin:0}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #6c5ce773}:root{--ink:#1c1c19;--muted:#68675f;--line:#deddd5;--paper:#f7f6f1;--paper-bright:#fffefa;--green:#2f9e44;--green-soft:#dff5e4;--violet:#6c5ce7;--violet-soft:#ebe8ff;--yellow:#f4d35e;--radius:22px}.site-page{background:var(--paper);min-height:100vh;color:var(--ink);overflow:hidden}.section-shell,.site-header{width:min(1180px,100% - 40px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;min-height:76px;display:flex}.site-header-compact{background:#faf9f5f5;width:100%;min-height:64px;padding:0 18px}.wordmark{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:.96rem;font-weight:760;text-decoration:none;display:inline-flex}.wordmark-mark{border:1.5px solid;border-radius:8px 10px 7px 9px;place-items:center;width:29px;height:29px;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:.9rem;display:grid;transform:rotate(-2deg)}.site-nav{align-items:center;gap:4px;display:flex}.nav-link{color:#55544d;border-radius:10px;padding:9px 12px;font-size:.84rem;font-weight:620;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover,.nav-link-active{color:var(--ink);background:#ebe9e1}.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:11px;min-height:44px;padding:0 18px;font-size:.86rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-dark{background:var(--ink);color:#fff;box-shadow:0 8px 20px #1c1c1929}.button-dark:hover{background:#30302c;box-shadow:0 10px 24px #1c1c1938}.button-ghost{color:var(--ink);background:#ffffff70;border-color:#cfcdc4}.button-small{border-radius:10px;min-height:38px;margin-left:8px;padding-inline:14px;font-size:.79rem}.canvas-live-label{color:#376a41;background:#edf7ef;border:1px solid #cbdccf;border-radius:10px;align-items:center;margin-left:9px;padding:9px 12px;font-size:.72rem;font-weight:760;display:inline-flex}.canvas-live-label .live-dot{margin-bottom:0}.section-kicker,.card-overline,.doc-step{color:#6f6d65;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px;font-size:.69rem;font-weight:760}.live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;margin:0 8px 1px 0;display:inline-block;box-shadow:0 0 0 4px #2f9e441f}.hero{grid-template-columns:minmax(0,1.02fr) minmax(480px,.98fr);align-items:center;gap:clamp(42px,7vw,92px);min-height:700px;padding-block:86px 104px;display:grid}.hero h1,.benchmark-hero h1,.docs-hero h1{letter-spacing:-.065em;max-width:790px;margin:0;font-size:clamp(3.25rem,6vw,5.7rem);font-weight:670;line-height:.96}.hero-lede,.benchmark-hero>p:last-child,.docs-hero>p:last-child{max-width:650px;color:var(--muted);margin:28px 0 0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.proof-row{border-top:1px solid var(--line);gap:0;margin-top:58px;display:flex}.proof-item{gap:3px;min-width:132px;padding:18px 22px 0 0;display:grid}.proof-item+.proof-item{border-left:1px solid var(--line);padding-left:22px}.proof-item strong{letter-spacing:-.04em;font-size:1.3rem}.proof-item span{color:#747269;font-size:.69rem}.hero-art{background:var(--paper-bright);border:1px solid #d7d4ca;border-radius:31px 26px 34px 25px;min-height:570px;position:relative;overflow:hidden;transform:rotate(.7deg);box-shadow:0 36px 70px #3430241c}.art-grid{background-image:linear-gradient(#49463b0d 1px,#0000 1px),linear-gradient(90deg,#49463b0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 92%);mask-image:radial-gradient(circle,#000,#0000 92%)}.sketch-card{border:2px solid #2b2a26;gap:8px;min-width:205px;padding:25px 26px;font-family:Comic Sans MS,Bradley Hand,cursive;display:grid;position:absolute;box-shadow:5px 7px #25242014}.sketch-card strong{font-size:1.05rem;font-weight:600}.sketch-label{color:#67645c;letter-spacing:.12em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.62rem;font-weight:800}.sketch-human{background:#d9e8ff;border-radius:5px 9px 4px 8px;top:108px;left:64px;transform:rotate(-2deg)}.sketch-agent{background:var(--green-soft);border-radius:47% 53% 49% 51%/51% 47% 53% 49%;bottom:116px;right:58px;transform:rotate(2deg)}.selection-corner{border:2px solid var(--violet);background:#fff;width:9px;height:9px;position:absolute}.corner-one{top:-6px;left:-6px}.corner-two{top:-6px;right:-6px}.corner-three{bottom:-6px;left:-6px}.corner-four{bottom:-6px;right:-6px}.sketch-arrow{font-family:Comic Sans MS,cursive;font-size:5.2rem;position:absolute;top:235px;left:49%;transform:translate(-50%)rotate(4deg)}.tool-receipt{color:#4f4d46;background:#ffffffe0;border:1px solid #d4d2c9;border-radius:11px;align-items:center;gap:9px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;display:flex;position:absolute;top:34px;right:36px;box-shadow:0 10px 25px #25231d14}.tool-receipt>span:last-child{color:#89867c}.receipt-light{background:var(--green);border-radius:50%;width:7px;height:7px}.pencil-trace{opacity:.7;border-top:3px solid #2b2a26;border-radius:50%;width:160px;height:58px;position:absolute;bottom:65px;left:54px;transform:rotate(-8deg)}.comparison-section,.boundaries-section{color:#f8f7f1;background:#23231f;padding-block:118px}.section-heading{margin-bottom:48px}.split-heading{grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);align-items:end;gap:64px;display:grid}.section-heading h2,.tool-section h2,.closing-section h2,.protocol-copy h2,.benchmark-cta h2{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(2.35rem,4.5vw,4.4rem);font-weight:650;line-height:1.02}.split-heading>p,.protocol-copy>p:last-child{color:#8b8980;margin:0;font-size:.93rem;line-height:1.7}.comparison-section .section-kicker,.boundaries-section .section-kicker{color:#a5a298}.comparison-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.lane-card{border-radius:var(--radius);background:#2b2b27;border:1px solid #ffffff21;grid-template-rows:auto auto 1fr auto;min-height:530px;padding:clamp(26px,4vw,44px);display:grid}.lane-card-mcp{background:linear-gradient(145deg,#2d2a37,#272629)}.lane-card-webmcp{background:linear-gradient(145deg,#263129,#262a26)}.lane-card-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.lane-card h3{letter-spacing:-.035em;margin:0;font-size:1.45rem}.card-overline{color:#a9a69d;margin-bottom:7px}.protocol-chip{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:7px 9px;font-size:.64rem;font-weight:800}.protocol-chip-violet{background:var(--violet-soft);color:#4b3ab9}.protocol-chip-green{background:var(--green-soft);color:#237a35}.flow{align-items:center;margin:62px 0 52px;display:flex}.flow-step-wrap{flex:1;align-items:center;min-width:0;display:flex}.flow-step-wrap:last-child{flex:0 auto}.flow-step{text-align:center;background:#ffffff0a;border:1px solid #ffffff36;border-radius:12px;place-items:center;min-height:62px;padding:9px 12px;font-size:.7rem;font-weight:700;display:grid}.flow-violet .flow-step{box-shadow:inset 0 2px #6c5ce7cc}.flow-green .flow-step{box-shadow:inset 0 2px #2f9e44e6}.flow-arrow{color:#76736c;text-align:center;flex:1}.lane-summary{color:#b8b5ac;max-width:500px;margin:0;font-size:.9rem;line-height:1.7}.lane-facts{border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;margin:38px 0 0;display:grid;overflow:hidden}.lane-facts div{background:#ffffff09;gap:5px;padding:14px;display:grid}.lane-facts dt{color:#8e8b83;font-size:.62rem}.lane-facts dd{margin:0;font-size:.75rem;font-weight:720}.measurement-section{padding-block:120px}.measurement-board{grid-template-columns:minmax(220px,.65fr) minmax(400px,1.35fr);gap:18px;display:grid}.metric-callout,.metric-visual{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-bright)}.metric-callout{background:var(--green-soft);align-content:center;padding:36px;display:grid}.metric-callout p{color:#43704b;margin:0;font-size:.75rem;font-weight:700}.metric-callout strong{letter-spacing:-.07em;margin:11px 0 5px;font-size:clamp(2.8rem,5vw,5rem)}.metric-callout span{color:#59755e;font-size:.69rem;line-height:1.5}.metric-visual{gap:23px;padding:42px;display:grid}.metric-row{grid-template-columns:170px 1fr 62px;align-items:center;gap:16px;font-size:.73rem;display:grid}.metric-row>strong{color:var(--green);text-transform:uppercase;font-size:.63rem}.metric-track{background:#e9e7de;border-radius:999px;height:8px;overflow:hidden}.metric-track i{border-radius:inherit;height:100%;display:block}.metric-fill{background:var(--green);width:28%}.metric-fill-official{background:var(--violet);width:58%}.metric-row-official>strong{color:var(--violet)}.metric-row-pending>strong{color:#8d8a81}.metric-row-pending .metric-track{background:repeating-linear-gradient(135deg,#e8e5dc 0 6px,#f5f3ec 6px 12px)}.metric-note{border-top:1px solid var(--line);color:#7a776e;padding-top:20px;font-size:.75rem;line-height:1.6}.text-link{color:var(--ink);grid-column:2;justify-self:end;font-size:.79rem;font-weight:760;text-decoration:none}.tool-section{border-block:1px solid var(--line);background:#efede5;padding-block:104px}.tool-section-inner{grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;display:grid}.tool-section h2{font-size:clamp(2.4rem,4vw,3.8rem)}.tool-cloud{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.tool-cloud code{color:#3f3d37;background:#faf9f4;border:1px solid #d2cfc5;border-radius:11px;padding:12px 14px;font-size:.72rem;box-shadow:0 4px 10px #2c2a240a}.closing-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:540px;display:flex}.closing-section h2{max-width:810px;margin-bottom:34px}.site-footer{border-top:1px solid var(--line);color:#817e75;justify-content:space-between;align-items:center;gap:24px;min-height:80px;font-size:.68rem;display:flex}.canvas-page{background:var(--paper);grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:600px;display:grid}.canvas-shell,.drawmcp-workspace,.drawmcp-canvas{height:100%;min-height:0}.drawmcp-workspace{position:relative}.canvas-loading{color:#716f66;justify-content:center;align-items:center;gap:12px;height:100%;font-size:.82rem;display:flex}.loading-mark{border:2px solid #c9c6bc;border-top-color:var(--ink);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.webmcp-status{z-index:5;color:#504c44;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffefaeb;border:1px solid #d9d5cc;border-radius:10px;align-items:center;gap:8px;min-height:34px;padding:7px 11px;font-size:.72rem;font-weight:600;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 28px #302d261a}.status-dot{background:#d59f24;border-radius:50%;width:8px;height:8px}.status-registered{background:var(--green)}.status-unsupported,.status-error,.status-disposed{background:#e03131}.status-divider{background:#d8d3c9;width:1px;height:14px}.docs-layout{grid-template-columns:210px minmax(0,760px);justify-content:center;gap:84px;padding-block:76px 140px;display:grid}.docs-sidebar{gap:5px;height:fit-content;padding-top:8px;display:grid;position:sticky;top:28px}.docs-sidebar p{color:#99968d;letter-spacing:.12em;text-transform:uppercase;margin:20px 0 5px;font-size:.64rem;font-weight:800}.docs-sidebar p:first-child{margin-top:0}.docs-sidebar a{color:#5f5d56;padding:6px 0;font-size:.76rem;text-decoration:none}.docs-sidebar a:hover{color:var(--ink)}.docs-hero{border-bottom:1px solid var(--line);padding-bottom:75px}.docs-hero h1{max-width:720px;font-size:clamp(3rem,6vw,5.4rem)}.docs-content>section{border-bottom:1px solid var(--line);padding:74px 0;scroll-margin-top:28px}.docs-content h2{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(1.85rem,3.5vw,3rem)}.docs-content p,.docs-content li{color:#5e5c55;font-size:.92rem;line-height:1.8}.docs-content a{color:#286b37;font-weight:650}.doc-step{color:var(--green)}.doc-steps{gap:13px;padding-left:24px;display:grid}.doc-list{gap:10px;padding-left:21px;display:grid}.callout{background:#eeece4;border:1px solid #d5d2c9;border-radius:14px;gap:5px;margin:28px 0;padding:20px 22px;font-size:.79rem;display:grid}.callout span{color:#6c6960;line-height:1.55}.callout-green{background:var(--green-soft);border-color:#badfc2}.inline-code,.tool-reference code{color:#383731;background:#e9e7df;border-radius:5px;padding:2px 6px;font-size:.78em}.code-block{color:#f3f1e9;background:#252521;border:1px solid #383833;border-radius:14px;margin:25px 0;padding:22px;font-size:.76rem;line-height:1.7;overflow-x:auto}.tool-reference{border:1px solid var(--line);background:var(--paper-bright);border-radius:15px;margin:30px 0;overflow:hidden}.tool-reference-row{grid-template-columns:190px 1fr;align-items:center;gap:22px;padding:17px 19px;display:grid}.tool-reference-row+.tool-reference-row{border-top:1px solid var(--line)}.tool-reference-row p{margin:0;font-size:.79rem;line-height:1.55}.revision-flow{align-items:center;gap:10px;margin:30px 0;display:flex;overflow-x:auto}.revision-flow span{background:var(--paper-bright);border:1px solid #d3d0c6;border-radius:10px;flex:none;padding:12px 14px;font-size:.7rem;font-weight:700}.revision-flow b{color:#96938a;font-weight:400}.benchmark-hero{padding-block:110px 78px}.benchmark-hero h1{max-width:980px}.benchmark-hero>p:last-child{max-width:780px}.benchmark-snapshot{grid-template-columns:repeat(3,1fr);gap:13px;padding-bottom:110px;display:grid}.observed-section{border-top:1px solid var(--line);padding-block:110px}.observed-table{border:1px solid var(--line);background:var(--paper-bright);border-radius:18px;overflow:hidden}.observed-table>div{color:#5e5b53;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(90px,.5fr));align-items:center;gap:18px;padding:19px 22px;font-size:.76rem;display:grid}.observed-table>div+div{border-top:1px solid var(--line)}.observed-table .observed-head{color:#8a877e;letter-spacing:.08em;text-transform:uppercase;background:#eeece4;font-size:.62rem;font-weight:800}.observed-table strong{color:var(--ink)}.observation-note{justify-content:space-between;align-items:flex-start;gap:40px;margin-top:22px;display:flex}.observation-note p{color:#77746b;max-width:760px;margin:0;font-size:.75rem;line-height:1.7}.observation-note .text-link{flex:none}.snapshot-card{border:1px solid var(--line);background:var(--paper-bright);border-radius:18px;align-content:end;min-height:220px;padding:28px;display:grid}.snapshot-card-primary{background:var(--green-soft);border-color:#b8ddc0}.snapshot-card p{color:#747168;align-self:start;margin:0 0 auto;font-size:.72rem}.snapshot-card strong{letter-spacing:-.065em;font-size:clamp(2.7rem,5vw,5rem)}.snapshot-card small{letter-spacing:0;font-size:.34em}.snapshot-card span{color:#77746b;font-size:.69rem}.timeline-section{border-top:1px solid var(--line);padding-block:110px}.timeline-board{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-bright);grid-template-columns:100px 1fr;align-items:center;gap:26px 18px;padding:40px;display:grid}.timeline-label{font-size:.7rem;font-weight:800}.timeline-track{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.timeline-phase{gap:9px;min-width:0;display:grid}.timeline-phase i{background:#d9d6cc;border-radius:6px;height:28px}.timeline-track-webmcp .timeline-phase i{background:hsl(calc(132 + var(--phase) * 3) 50% calc(68% - var(--phase) * 3%))}.timeline-track-pending .timeline-phase i{background:repeating-linear-gradient(135deg,#e1dfd7 0 6px,#f3f1ea 6px 12px)}.timeline-phase span{color:#747168;text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.timeline-caption{color:#858279;grid-column:2;margin:4px 0 0;font-size:.68rem}.protocol-section{grid-template-columns:1fr 1fr;gap:90px;padding-block:120px;display:grid}.protocol-copy h2{font-size:clamp(2.5rem,4vw,4rem)}.protocol-copy>p:last-child{margin-top:26px}.protocol-checks{border:1px solid var(--line);background:var(--paper-bright);border-radius:18px;overflow:hidden}.protocol-checks div{color:#57554e;align-items:center;gap:12px;padding:18px 20px;font-size:.79rem;display:flex}.protocol-checks div+div{border-top:1px solid var(--line)}.protocol-checks span{background:var(--green-soft);width:23px;height:23px;color:var(--green);border-radius:50%;place-items:center;font-weight:900;display:grid}.boundary-grid{border:1px solid #ffffff1a;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:38px;display:grid;overflow:hidden}.boundary-grid article{background:#2a2a26;min-height:220px;padding:27px}.boundary-grid span{color:#77746d;font-family:ui-monospace,monospace;font-size:.66rem}.boundary-grid h3{margin:62px 0 10px;font-size:1.12rem}.boundary-grid p{color:#aaa79e;margin:0;font-size:.76rem;line-height:1.6}.benchmark-cta{justify-content:space-between;align-items:center;gap:60px;min-height:430px;display:flex}.benchmark-cta h2{max-width:780px;font-size:clamp(2.4rem,4vw,4rem)}@media (width<=980px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{width:min(100%,620px);min-height:520px}.split-heading,.tool-section-inner,.protocol-section{grid-template-columns:1fr;gap:34px}.comparison-grid{grid-template-columns:1fr}.tool-cloud{justify-content:flex-start}.docs-layout{grid-template-columns:1fr}.docs-sidebar{display:none}.boundary-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.section-shell,.site-header{width:min(100% - 24px,1180px)}.site-header{min-height:66px}.site-header-compact{width:100%}.site-nav .nav-link{display:none}.button-small{margin-left:0}.hero{min-height:auto;padding-block:58px 76px}.hero h1,.benchmark-hero h1,.docs-hero h1{font-size:clamp(2.8rem,14vw,4.5rem)}.proof-row{flex-wrap:wrap}.proof-item{min-width:50%}.proof-item:nth-child(3){border-left:0;margin-top:16px;padding-left:0}.hero-art{min-height:450px}.sketch-human{top:105px;left:24px}.sketch-agent{bottom:92px;right:24px}.tool-receipt{top:24px;right:18px}.comparison-section,.measurement-section,.tool-section,.timeline-section,.protocol-section,.boundaries-section{padding-block:78px}.flow{margin-block:42px;overflow-x:auto}.flow-step-wrap{min-width:120px}.lane-facts,.measurement-board{grid-template-columns:1fr}.text-link{grid-column:1}.metric-row{grid-template-columns:1fr;gap:8px}.benchmark-snapshot{grid-template-columns:1fr}.snapshot-card{min-height:190px}.timeline-board{grid-template-columns:1fr;padding:24px;overflow-x:auto}.timeline-label{margin-top:12px}.timeline-track{min-width:620px}.timeline-caption{grid-column:1;min-width:620px}.boundary-grid{grid-template-columns:1fr}.benchmark-cta{flex-direction:column;justify-content:center;align-items:flex-start;min-height:430px}.tool-reference-row{grid-template-columns:1fr;gap:7px}.observed-table{overflow-x:auto}.observed-table>div{min-width:690px}.observation-note{flex-direction:column}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start}.webmcp-status{max-width:calc(100% - 16px);bottom:8px;right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}