.mtpb-app{--mtpb-ink:#20342f;--mtpb-paper:#f4f0e7;--mtpb-cream:#fbf8f1;--mtpb-orange:#e96c42;--mtpb-line:#c9c7b9;color:var(--mtpb-ink);background:var(--mtpb-paper);border:1px solid var(--mtpb-line);font-family:Arial,Helvetica,sans-serif;line-height:1.4;overflow:hidden;max-width:1180px;margin:28px auto}.mtpb-app *{box-sizing:border-box}.mtpb-intro{text-align:center;padding:52px 24px 28px}.mtpb-kicker,.mtpb-label{font-size:10px!important;letter-spacing:2px;text-transform:uppercase;font-weight:700}.mtpb-intro h2,.mtpb-results-heading h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1;margin:14px 0;font-size:clamp(38px,5vw,62px)}.mtpb-intro>p:last-child{font-family:Georgia,serif;color:#52615d}.mtpb-form{background:var(--mtpb-cream);border:1px solid #aaa99c;box-shadow:6px 6px 0 var(--mtpb-ink);padding:22px;margin:10px auto 52px;max-width:760px}.mtpb-form label{display:block;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700;margin-bottom:8px}.mtpb-input-row{display:grid;grid-template-columns:1fr auto;border:1px solid var(--mtpb-ink);background:#fff}.mtpb-input{width:100%;min-width:0;border:0!important;box-shadow:none!important;outline:0!important;padding:16px 18px!important;color:var(--mtpb-ink)!important;background:#fff!important;font:20px Georgia,serif!important}.mtpb-input:focus{box-shadow:inset 0 0 0 2px var(--mtpb-orange)!important}.mtpb-input-row button{border:0!important;border-radius:0!important;background:var(--mtpb-orange)!important;color:#fff!important;padding:0 22px!important;text-transform:uppercase;font-size:11px!important;letter-spacing:1px;font-weight:700}.mtpb-help{font-size:10px;margin:10px 0 0;color:#67736f}.mtpb-output{background:#ebe8de;border-top:1px solid var(--mtpb-line);padding:40px}.mtpb-original{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:38px;border-bottom:1px solid var(--mtpb-line)}.mtpb-original-charts{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.mtpb-key{border-left:3px solid var(--mtpb-orange);padding:4px 0 4px 18px;min-width:160px}.mtpb-key span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1.5px}.mtpb-key strong{display:block;font:23px Georgia,serif;text-transform:capitalize;margin-top:3px}.mtpb-results-heading{padding:38px 0 24px}.mtpb-results-heading h2{font-size:42px}.mtpb-results-heading em{color:var(--mtpb-orange);font-weight:400}.mtpb-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mtpb-card{min-width:0;min-height:470px;padding:22px;display:flex;flex-direction:column;border:1px solid #b9b8aa;background:#f5f0e4}.mtpb-tone-2{background:#e7eddf}.mtpb-tone-3{background:#d7e0d3}.mtpb-tone-4{background:#e2e7df}.mtpb-tone-5{background:#efe3d2}.mtpb-tone-6{background:#244038;color:#f9f4e8}.mtpb-number{font-size:9px;letter-spacing:1.5px;opacity:.6}.mtpb-card h3{font:24px Georgia,serif!important;margin:20px 0 4px!important;color:inherit!important}.mtpb-tagline{font-size:11px;margin:0 0 20px;opacity:.66}.mtpb-charts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.mtpb-diagram{text-align:center;min-width:0;color:var(--mtpb-ink);background:rgba(255,255,255,.36);border:1px solid rgba(32,52,47,.25);padding:7px 2px}.mtpb-diagram>strong{display:block;min-height:26px;font:14px Georgia,serif;overflow-wrap:anywhere}.mtpb-neck{position:relative;width:48px;padding-top:12px;margin:auto}.mtpb-grid{height:66px;display:grid;grid-template-columns:repeat(4,1fr);border-top:3px solid currentColor;border-bottom:1px solid currentColor;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(20% - 1px),currentColor calc(20% - 1px),currentColor 20%)}.mtpb-string{position:relative;border-left:1px solid currentColor}.mtpb-string:last-child{border-right:1px solid currentColor}.mtpb-string i{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font:normal 8px Arial}.mtpb-string b{position:absolute;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;display:grid;place-items:center;background:var(--mtpb-ink);color:#fff;font:700 8px Arial}.mtpb-neck>em{position:absolute;right:51px;top:19px;white-space:nowrap;font:normal 7px Arial}.mtpb-diagram>small{display:block;font:7px Arial;letter-spacing:.6px;margin-top:5px;opacity:.65}.mtpb-original-charts .mtpb-diagram{width:75px;background:var(--mtpb-cream);border-color:#aaa99c}.mtpb-tone-6 .mtpb-diagram{color:#f9f4e8;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3)}.mtpb-tone-6 .mtpb-string b{background:#f9f4e8;color:var(--mtpb-ink)}.mtpb-why{display:grid;grid-template-columns:16px 1fr;gap:7px;border-top:1px solid currentColor;margin:auto 0 0;padding-top:14px;font:12px/1.45 Georgia,serif}.mtpb-why span{color:var(--mtpb-orange)}.mtpb-error{border:1px solid var(--mtpb-orange);background:#fff5ef;padding:20px;font-family:Georgia,serif}.mtpb-app button{cursor:pointer}@media(max-width:850px){.mtpb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.mtpb-app{margin:16px 0}.mtpb-intro{padding:38px 16px 22px}.mtpb-form{margin:10px 16px 42px;padding:15px}.mtpb-input-row{grid-template-columns:1fr}.mtpb-input-row button{height:48px}.mtpb-output{padding:28px 16px 42px}.mtpb-original{align-items:flex-start;flex-direction:column}.mtpb-original-charts{gap:6px}.mtpb-original-charts .mtpb-diagram{width:70px}.mtpb-cards{grid-template-columns:1fr}.mtpb-card{min-height:455px;padding:19px}.mtpb-charts{gap:4px}.mtpb-results-heading h2{font-size:36px}}