/* Tracewise / Porcelain + Cobalt. Shared public identity, independent of layout reference. */
:root{color-scheme:light;--lightningcss-light:initial;--lightningcss-dark: ;--nf-body:"Manrope";--nf-naira-sans:"Manrope";--nf-display:"Space Grotesk";--nf-mono:"IBM Plex Mono";--nf-naira-mono:"IBM Plex Mono";--ff-display:"Space Grotesk",sans-serif;--ff-sans:"Manrope",sans-serif;--ff-mono:"IBM Plex Mono",monospace;--bg:#f5f6fa;--panel:#fff;--card:#fff;--card-line:#dce2ec;--hairline:#dce2ec;--menu-line:#dce2ec;--text:#18243d;--text-2:#465570;--text-3:#58637a;--text-muted:#58637a;--text-soft:#465570;--accent:#244fea;--cyan:#244fea;--grad-a:#244fea;--grad-b:#244fea;--grad-text:linear-gradient(#244fea,#244fea);--grad-button:linear-gradient(#244fea,#244fea);--glow:transparent;--glow-strong:transparent;--line-a:#244fea;--line-b:#677fe0;--line-c:#e87357;--line-dim:#dce2ec;--surface-row:#fff;--surface-panel:#edf1fa;--line:#dce2ec;--line-panel:#dce2ec;--line-row:#e6eaf2;--line-ui:#8793ab;--row-hover:#f0f3fc;--row-selected:#e8eeff;--on-fill:#fff;--base-rgb:36 79 234;--white:#18243d;--green:#187350;--pink:#a13c68;--yellow:#956013;--purple:#704ac4;--purple-text:#5b3cab;--red:#b93445;--red-text:#b93445;--radius-card:20px;--radius-btn:10px;--radius-nav:12px;--radius-tab:10px;--section-gap:104px;--mono-tracking:0}
html,body{background:#f5f6fa;color:#18243d;font-family:"Manrope",sans-serif}
::selection{background:#dfe7ff;color:#18243d}
#metrone-public-site{background:#f5f6fa;font-family:var(--ff-sans)}
#metrone-public-site h1,#metrone-public-site h2,#metrone-public-site h3,#metrone-public-site .h1,#metrone-public-site .h2{font-family:var(--ff-display);font-weight:500;letter-spacing:-.045em}
.pair>span+span,.grad{background:none!important;-webkit-text-fill-color:#244fea;color:#244fea}
.pair--muted>span+span{-webkit-text-fill-color:#58637a;color:#58637a}
.h1,.hero .h1{font-size:clamp(38px,4.4vw,62px);line-height:1.08}
.h2{font-size:clamp(30px,3vw,44px);line-height:1.16}
.tb{background:#ffffffed!important;border-bottom:1px solid #dce2ec;backdrop-filter:blur(16px);box-shadow:none}
.tb__inner{min-height:80px}.tb__trigger,.tb__right{font-family:var(--ff-sans);font-weight:600}.tb__home .metrone-wordmark{height:29px;max-width:150px}
.tb__trigger:hover,.tb__trigger[aria-expanded=true]{color:#244fea;background:#edf1ff;border-radius:8px}.tb__search,.kbd{background:#f5f6fa;color:#58637a;border-color:#dce2ec}
.btn,.tb__cta{border-radius:10px!important;font-family:var(--ff-sans)!important;letter-spacing:0;font-weight:700;box-shadow:none;min-height:44px}
.btn--fill,.tb__cta{background:#244fea!important;color:#fff!important;border:1px solid #244fea!important;-webkit-text-fill-color:#fff}
.btn--fill:hover,.tb__cta:hover{background:#1d40c0!important;border-color:#1d40c0!important;box-shadow:0 5px 16px #244fea20}
.btn--fill:before,.btn--fill:after{background:none!important;box-shadow:none!important}
.btn--line{background:#fff!important;color:#244fea!important;border:1px solid #b9c8f5!important}
.btn--line:hover{background:#edf1ff!important}.btn__label{position:relative}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #244fea;outline-offset:4px}
.band{border-color:#dce2ec}.band>.h2,.band>header{max-width:900px}.band:before{background:#e87357!important;border-radius:50%;width:6px;height:6px;box-shadow:none}
.frame{border-color:#dce2ec;background:#f5f6fa}.home>.band:nth-of-type(3n){background:#edf1fa;border-radius:24px;padding:44px 32px}
.wsp__win,.spec,.ftab,.pc,.pb__card,.cs-card,.hm-who__card,.hm-dc,.pf-proof,.au__form{border-radius:20px;box-shadow:0 8px 28px #18243d07;border-color:#dce2ec}
.wsp__bar{background:#edf1fa;color:#18243d;border-color:#dce2ec}.wsp__bar-tab{background:#fff;color:#244fea}.wsp__switch button[aria-pressed=true],[role=tab][aria-selected=true]{background:#e8eeff;color:#244fea;border-color:#b9c8f5}
.metrone-mega,.pm{background:#fff!important;border-color:#dce2ec!important;color:#18243d;box-shadow:0 20px 48px #18243d14;border-radius:16px}
.metrone-mega{top:76px}.metrone-mega a:hover{background:#edf1ff;color:#244fea;border-radius:8px}
.m-dialog{font-family:var(--ff-sans);background:#fff;color:#18243d;border:1px solid #dce2ec;border-radius:20px;box-shadow:0 24px 80px #18243d30}
.m-dialog::backdrop{background:#18243d73;backdrop-filter:blur(3px)}.m-dialog-close{border-color:#c4cede;border-radius:9px;background:#f5f6fa}.m-dialog input{background:#f5f6fa;border-color:#c4cede;color:#18243d;font-family:var(--ff-sans)}
.m-search-results a:hover,.m-search-results a:focus{background:#edf1ff}.m-search-results span,.m-muted,.m-lightbox p{color:#58637a}
.metrone-reference-note{background:#edf1fa;border:1px solid #dce2ec;border-left:3px solid #244fea;border-radius:12px;color:#465570;font-family:var(--ff-sans)}
.pf-nav__link.is-active{color:#244fea!important}.lf__line{stroke:#8297e6!important}.lf radialGradient stop{stop-color:#244fea}.iso__face{background:#e4eaf8!important}.iso__face:after{background:#fff!important}.iso--active .iso__face{background:#dbe5ff!important}.iso__top{background:#f5f7ff!important}
.ft{background:#e9edf7;border-top:1px solid #dce2ec}.ft__home .metrone-wordmark{height:32px}.ft a{color:#465570}.ft a:hover{color:#244fea}.ft-pill{background:#fff;border-color:#dce2ec;color:#465570}
.au,.auth{color:#18243d}.au input,.auth input,.dform input,.dform select,.dform textarea{background:#fff;color:#18243d;border-color:#bcc7db;border-radius:9px}.hlp__panel{background:#fff;border-color:#dce2ec;color:#18243d}.hlp__btn{background:#244fea;color:#fff;border-color:#244fea}
.mn-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-top:90px;padding-bottom:76px;min-height:670px}
.mn-eyebrow{font:600 10px/1.6 "IBM Plex Mono",monospace;letter-spacing:.08em;color:#58637a;display:flex;align-items:center;gap:10px;margin:0 0 26px}.mn-eyebrow>span{height:7px;width:7px;background:#e87357;border-radius:50%;flex-shrink:0}
.mn-hero h1{font:500 clamp(44px,4.8vw,68px)/1.02 "Space Grotesk",sans-serif!important;letter-spacing:-.055em!important;margin:0 0 27px;color:#18243d}.mn-hero h1 em{font-style:normal;color:#244fea}
.mn-lead{font:400 16px/1.85 "Manrope",sans-serif;color:#58637a;max-width:480px;margin:0 0 30px}.mn-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.mn-actions .btn{padding:15px 20px;display:inline-flex;gap:22px;align-items:center;font-size:13px}.mn-text-link{font-size:12px;font-weight:700;color:#18243d;display:inline-flex;gap:10px;align-items:center;text-decoration:none}.mn-text-link:hover{color:#244fea}.mn-benefits{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;font-weight:500;color:#58637a;margin-top:30px}.mn-benefits span:before{content:'✓';color:#244fea;padding-right:6px}
.mn-workbench{position:relative;min-width:0;background:#e9edf7;border:1px solid #dce2ec;border-radius:24px;padding:22px;box-shadow:0 20px 50px #18243d08;isolation:isolate}
.mn-bench-header{display:flex;align-items:center;gap:7px;color:#58637a;font:500 9px/1.5 "IBM Plex Mono",monospace;letter-spacing:.04em;margin-bottom:22px}.mn-bench-dot{width:6px;height:6px;border-radius:50%;background:#244fea}.mn-example{margin-left:auto;font-size:7px;color:#58637a}
.mn-document{background:#fff;border:1px solid #dce2ec;border-radius:12px;padding:22px 24px;max-width:330px;margin-right:38px;box-shadow:0 5px 15px #18243d06}.mn-doc-top{display:flex;align-items:center;gap:10px;font:600 11px/1.5 "Manrope",sans-serif;color:#18243d}.mn-doc-icon{background:#e87357;color:#18243d;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;font-size:18px}.mn-doc-top small{font-weight:400;font-size:9px;color:#58637a}.mn-doc-top>strong{margin-left:auto;font:500 9px "IBM Plex Mono",monospace;color:#58637a}.mn-doc-rule{height:1px;background:#e6eaf2;margin:17px 0}.mn-doc-line{display:flex;justify-content:space-between;gap:16px;font-size:10px;line-height:2.5;color:#58637a}.mn-doc-line b{font-weight:500;color:#18243d}.mn-doc-total{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;background:#edf1ff;border:1px solid #c5d1fa;border-radius:7px;margin:10px -4px;font-size:10px;color:#244fea}.mn-doc-total strong{font:600 16px "Space Grotesk",sans-serif}.mn-document-foot{font:400 8px "IBM Plex Mono",monospace;color:#58637a;margin-top:13px}
.mn-transfer{height:39px;display:flex;align-items:center;justify-content:center;gap:8px;padding-left:80px}.mn-transfer>span{height:1px;width:28px;background:#a8b8ee}.mn-transfer img{height:26px;width:26px;background:#fff;border-radius:7px;padding:4px}
.mn-result{background:#fff;border:1px solid #c5d1fa;border-radius:12px;padding:18px 20px;margin-left:40px;box-shadow:0 8px 24px #244fea0b}.mn-result-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font:600 12px "Manrope",sans-serif;margin-bottom:13px;color:#18243d}.mn-review-pill{font:500 8px "Manrope",sans-serif;border-radius:20px;background:#edf1ff;color:#244fea;padding:5px 8px}.mn-data-row{display:grid;grid-template-columns:1fr 1fr 12px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #edf0f5;font-size:10px;color:#58637a}.mn-data-row strong{font:500 10px "IBM Plex Mono",monospace;color:#18243d}.mn-data-row i{color:#244fea;font-size:13px;font-style:normal}.mn-data-footer{border-top:1px solid #edf0f5;padding-top:12px;margin-top:4px;display:flex;align-items:center;gap:5px;font-size:8px;color:#58637a}.mn-source-dot{height:5px;width:5px;border-radius:50%;background:#244fea}.mn-bench-footer{display:flex;justify-content:space-between;gap:8px;margin:21px 0 0;font:400 9px "Manrope",sans-serif;color:#58637a}.mn-bench-footer b{color:#244fea;font-family:"IBM Plex Mono",monospace;font-size:8px;font-weight:500;margin-right:5px}
@media(min-width:1500px){.mn-hero{gap:90px;min-height:730px}}
@media(max-width:1050px){.mn-hero{gap:32px}.mn-hero h1{font-size:51px!important}.mn-actions{gap:18px}.mn-document{margin-right:20px}.mn-result{margin-left:20px}.mn-workbench{padding:18px}.mn-example{font-size:6px}.mn-benefits{gap:10px}}
@media(max-width:760px){.mn-hero{grid-template-columns:1fr;gap:38px;padding-top:48px;padding-bottom:44px;min-height:0}.mn-hero h1{font-size:clamp(40px,10vw,58px)!important}.mn-lead{font-size:15px;max-width:520px}.mn-eyebrow{font-size:8px;margin-bottom:21px}.mn-workbench{width:100%;max-width:520px;justify-self:center}.mn-benefits{margin-top:23px;font-size:9px}.mn-example{font-size:7px}.home>.band:nth-of-type(3n){padding:28px 18px;border-radius:18px}.tb__inner{min-height:68px}.mn-document{margin-right:24px}.mn-result{margin-left:24px}.mn-actions .btn{font-size:12px}.mn-bench-header{font-size:8px}}
@media(forced-colors:active){.pair>span+span,.grad{-webkit-text-fill-color:CanvasText;color:CanvasText}.btn--fill{border:1px solid ButtonText!important}.mn-hero h1 em{color:LinkText}}