.mtp-demo{--mtp-ink: #15201d;--mtp-muted: #5d6e68;--mtp-accent: var(--accent, #14655f);--mtp-accent-dark: #0d554f;--mtp-soft: #eef7f4;--mtp-line: var(--line, #dce5e2);--mtp-card: var(--card, #fff);max-width:1120px;margin:0 auto;color:var(--mtp-ink)}.mtp-hero{max-width:820px;margin-bottom:26px}.mtp-eyebrow{margin:0 0 7px;color:var(--mtp-accent);font-size:.78rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.mtp-hero h1{max-width:18ch;margin:0 0 12px;font-size:clamp(2.25rem,5vw,4.2rem);letter-spacing:-.045em;line-height:1}.mtp-lead{max-width:73ch;margin:0;color:var(--mtp-muted);font-size:1.05rem}.mtp-story{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;margin:0 0 22px;padding:20px 22px;border:1px solid #c9e7df;border-radius:16px;background:linear-gradient(135deg,#eef9f5,#f8fbef)}.mtp-story-number{display:grid;width:64px;height:64px;place-items:center;border-radius:50%;background:var(--mtp-accent);color:#fff;font-size:2rem;font-weight:800}.mtp-story h2{margin:0 0 6px;font-size:1.15rem}.mtp-story p{margin:0;color:var(--mtp-muted);line-height:1.65}.mtp-study{display:grid;gap:18px;margin-bottom:34px}.mtp-study-copy,.mtp-study-data,.mtp-chart-card,.mtp-second-layer,.mtp-conclusion{padding:24px;border:1px solid var(--mtp-line);border-radius:16px;background:var(--mtp-card)}.mtp-study h2,.mtp-demo-heading h2{margin:0 0 8px;font-size:1.35rem}.mtp-study p,.mtp-demo-heading>p:last-child{margin:0;color:var(--mtp-muted);line-height:1.65}.mtp-source-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;font-size:.85rem}.mtp-study-data dl{display:grid;gap:0;margin:12px 0 0}.mtp-study-data dl>div{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:9px 0;border-top:1px solid var(--mtp-line)}.mtp-study-data dt{font-weight:750}.mtp-study-data dd{margin:0;color:var(--mtp-muted)}.mtp-overall-chart{display:grid;gap:10px;margin-top:18px}.mtp-bar-row{display:grid;grid-template-columns:150px minmax(100px,1fr) 70px;gap:10px;align-items:center;font-size:.84rem}.mtp-bar-row>div,.mtp-mini-bar>div{height:12px;overflow:hidden;border-radius:999px;background:#edf1ef}.mtp-bar-row i,.mtp-mini-bar i{display:block;width:var(--mtp-width);height:100%;min-width:2px;border-radius:inherit;background:#75938c}.is-traditional i{background:#0f766e}.is-xgboost i{background:#d97706}.is-mist i{background:#6d5bd0}.is-mlp i{background:#2f80b7}.is-engineered i,.is-binary i,.is-count i,.is-globals i{background:#9ca3af}.mtp-bar-row>span{text-align:right;font-variant-numeric:tabular-nums}.mtp-target-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.mtp-target-chart article{padding:14px;border:1px solid var(--mtp-line);border-radius:12px}.mtp-target-chart h3{margin:0 0 9px;font-size:.85rem}.mtp-mini-bar{display:grid;grid-template-columns:82px 1fr 48px;gap:7px;align-items:center;margin-top:5px;font-size:.7rem}.mtp-mini-bar>div{height:7px}.mtp-mini-bar small{text-align:right;font-size:.68rem;font-variant-numeric:tabular-nums}.mtp-conclusion{border-color:#b9ddd4;background:#f1faf7}.mtp-second-layer{display:grid;grid-template-columns:minmax(150px,.45fr) 1fr;gap:22px;align-items:center;border-color:#d8d0f3;background:#f8f6ff}.mtp-second-layer>div{color:#6d5bd0;font-size:clamp(1.35rem,4vw,2.1rem);font-variant-numeric:tabular-nums;font-weight:750;text-align:center}.mtp-second-layer h2{margin:0 0 8px}.mtp-demo-heading{margin:34px 0 18px}.mtp-workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:18px;align-items:start}.mtp-input-panel,.mtp-model-panel,.mtp-results,.mtp-limitations{border:1px solid var(--mtp-line);border-radius:16px;background:var(--mtp-card);box-shadow:0 14px 40px #1a312b0f}.mtp-input-panel{padding:22px}.mtp-api-status{display:flex;gap:11px;align-items:flex-start;margin-bottom:20px;padding:13px 14px;border:1px solid var(--mtp-line);border-radius:11px;background:#f7faf9}.mtp-api-status>div{display:grid;gap:2px}.mtp-api-status strong{font-size:.92rem}.mtp-api-status span:not(.mtp-api-dot){color:var(--mtp-muted);font-size:.82rem}.mtp-api-dot{width:10px;height:10px;flex:none;margin-top:5px;border-radius:50%;background:#9b6b1d;box-shadow:0 0 0 4px #9b6b1d1f}.mtp-api-status.is-ready,.mtp-api-status.is-success{border-color:#a9d5c9;background:var(--mtp-soft)}.mtp-api-status.is-ready .mtp-api-dot,.mtp-api-status.is-success .mtp-api-dot{background:#23856f;box-shadow:0 0 0 4px #23856f21}.mtp-api-status.is-loading .mtp-api-dot{animation:mtp-pulse 1.1s ease-in-out infinite}.mtp-api-status.is-error{border-color:#e4b8ad;background:#fff4f1}.mtp-api-status.is-error .mtp-api-dot{background:#b34b35;box-shadow:0 0 0 4px #b34b351f}@keyframes mtp-pulse{50%{opacity:.35;transform:scale(.8)}}.mtp-input-panel form>label{display:block;margin-bottom:7px;font-size:.82rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.mtp-input-panel textarea{display:block;width:100%;min-height:92px;resize:vertical;padding:13px 14px;border:1px solid #b9c8c3;border-radius:10px;background:#fbfdfc;color:var(--mtp-ink);font:500 .96rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mtp-input-panel textarea:focus{border-color:var(--mtp-accent);outline:3px solid rgba(20,101,95,.12)}.mtp-input-panel textarea:read-only{opacity:.68}.mtp-help{margin:7px 0 14px;color:var(--mtp-muted);font-size:.82rem}.mtp-examples{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.mtp-examples>span{margin-right:2px;color:var(--mtp-muted);font-size:.78rem;font-weight:700}.mtp-examples button{padding:6px 9px;border:1px solid var(--mtp-line);border-radius:999px;background:#f7faf9;color:var(--mtp-ink);cursor:pointer;font:inherit;font-size:.76rem}.mtp-examples button:hover{border-color:var(--mtp-accent)}.mtp-examples button:disabled{cursor:wait;opacity:.55}.mtp-examples code{font-size:.74rem}.mtp-form-error{margin:13px 0 0;padding:10px 11px;border-left:3px solid #b34b35;background:#fff4f1;color:#8a3425;font-size:.84rem}.mtp-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.mtp-actions button{min-height:44px;padding:9px 15px;border-radius:9px;cursor:pointer;font:inherit;font-size:.86rem;font-weight:750}.mtp-primary{border:1px solid var(--mtp-accent);background:var(--mtp-accent);color:#fff}.mtp-primary:hover{background:var(--mtp-accent-dark)}.mtp-primary:disabled{cursor:not-allowed;opacity:.5}.mtp-secondary{border:1px solid var(--mtp-line);background:#fff;color:var(--mtp-ink)}.mtp-contract{margin-top:18px;padding-top:15px;border-top:1px solid var(--mtp-line)}.mtp-contract summary{color:var(--mtp-accent-dark);cursor:pointer;font-size:.84rem;font-weight:700}.mtp-contract p{margin:8px 0 0;color:var(--mtp-muted);font-size:.82rem}.mtp-model-panel{padding:20px}.mtp-model-panel h2{margin:0 0 13px;font-size:1rem}.mtp-model-panel ol{display:grid;gap:13px;margin:0;padding:0;list-style:none;counter-reset:mtp-model}.mtp-model-panel li{display:grid;grid-template-columns:25px 1fr;column-gap:8px;counter-increment:mtp-model}.mtp-model-panel li:before{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:var(--mtp-soft);color:var(--mtp-accent-dark);content:counter(mtp-model);font-size:.72rem;font-weight:800}.mtp-model-panel li strong{font-size:.85rem}.mtp-model-panel li span{grid-column:2;color:var(--mtp-muted);font-size:.78rem}.mtp-results{margin-top:18px;padding:22px}.mtp-results[hidden]{display:none}.mtp-results-header{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:16px}.mtp-results-header p{margin:0 0 3px;color:var(--mtp-accent);font-size:.73rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.mtp-results-header h2{margin:0;font-size:1.2rem}.mtp-results-header code{overflow-wrap:anywhere;color:var(--mtp-accent-dark)}.mtp-results-header>span{flex:none;padding:5px 9px;border:1px solid #e2c87d;border-radius:999px;background:#fff9e8;color:#775b17;font-size:.72rem;font-weight:700}.mtp-focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.mtp-focus-card{padding:13px;border:1px solid #b7d8d0;border-radius:11px;background:var(--mtp-soft)}.mtp-focus-card>div,.mtp-focus-card dl>div{display:flex;justify-content:space-between;gap:8px}.mtp-focus-card h3,.mtp-focus-card dl{margin:0}.mtp-focus-card h3{font-size:.82rem}.mtp-focus-card>div>span{color:var(--mtp-muted);font-size:.7rem}.mtp-focus-card dl{margin-top:10px}.mtp-focus-card dl>div{padding:3px 0;border-top:1px solid rgba(20,101,95,.11)}.mtp-focus-card dt{color:var(--mtp-muted);font-size:.7rem}.mtp-focus-card dd{margin:0;font:700 .73rem ui-monospace,SFMono-Regular,Menlo,monospace}.mtp-table-wrap{overflow-x:auto;border:1px solid var(--mtp-line);border-radius:10px}.mtp-table-wrap table{width:100%;min-width:790px;border-collapse:collapse;font-size:.78rem}.mtp-table-wrap caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mtp-table-wrap th,.mtp-table-wrap td{padding:9px 10px;border-bottom:1px solid var(--mtp-line);text-align:right;white-space:nowrap}.mtp-table-wrap thead th{background:#f4f8f7;color:var(--mtp-muted);font-size:.7rem;letter-spacing:.03em}.mtp-table-wrap th:first-child{text-align:left}.mtp-table-wrap tbody th{color:var(--mtp-ink);font-weight:650}.mtp-table-wrap tbody tr.is-highlighted{background:var(--mtp-soft)}.mtp-table-wrap tbody tr:last-child th,.mtp-table-wrap tbody tr:last-child td{border-bottom:0}.mtp-limitations{margin-top:18px;padding:20px 22px;box-shadow:none}.mtp-limitations h2{margin:0 0 10px;font-size:1rem}.mtp-limitations ul{display:grid;gap:6px;margin:0;padding-left:20px}.mtp-limitations li{color:var(--mtp-muted);font-size:.84rem}.mtp-privacy{margin:13px 0 0;padding-top:11px;border-top:1px solid var(--mtp-line);color:#775b17;font-size:.78rem}.mtp-links{display:flex;flex-wrap:wrap;gap:20px;margin:18px 0 0;font-size:.88rem}@media(max-width:820px){.mtp-workspace,.mtp-story,.mtp-focus-grid,.mtp-target-chart,.mtp-second-layer{grid-template-columns:1fr}}@media(max-width:560px){.mtp-study-copy,.mtp-study-data,.mtp-chart-card,.mtp-second-layer,.mtp-conclusion{padding:17px}.mtp-study-data dl>div{grid-template-columns:1fr;gap:3px}.mtp-bar-row{grid-template-columns:110px minmax(70px,1fr) 60px}.mtp-input-panel,.mtp-model-panel,.mtp-results,.mtp-limitations{border-radius:12px}.mtp-input-panel,.mtp-results{padding:16px}.mtp-results-header{display:grid}.mtp-results-header>span{width:max-content}.mtp-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.mtp-api-status.is-loading .mtp-api-dot{animation:none}}
