/* A tactile, financial cockpit; every selector stays inside the demo. */
.wd-profit{--wd-profit-ink:#37264a;--wd-profit-violet:#9d78d5;--wd-profit-mint:#80d2c2;min-width:0;color:var(--wd-profit-ink)}
/* One financial instrument, then an open reading surface — no nested panels. */
.wd-profit.wdemo-surface{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.wd-profit-topline{gap:12px!important;align-items:flex-start!important}
.wd-profit .wdemo-title{letter-spacing:-.6px}
.wd-profit-example{white-space:nowrap;font-size:9px!important;letter-spacing:.08em}
.wd-profit-profile-label{display:grid;gap:7px;width:100%;max-width:420px;margin:22px 0 18px;font-size:12px;font-weight:550;color:#947da5}
.wd-profit-profile{width:100%;max-width:100%;min-height:44px;padding:10px 46px 10px 14px;border:1px solid #dfd1eb;border-radius:12px;background:#fff9;color:#74518e;font-family:inherit;font-size:14px;font-weight:550;line-height:1.5;box-sizing:border-box}
.wd-profit-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(170px,.95fr) minmax(0,1.1fr);gap:18px;align-items:center;min-height:250px;padding:25px 24px;border:1px solid #ddd0ef47;border-radius:22px;background:radial-gradient(ellipse at 10% 5%,#78589f88,transparent 58%),radial-gradient(ellipse at 95% 100%,#63678866,transparent 60%),linear-gradient(130deg,#3d2d50,#231e35 70%);color:#fff;box-shadow:inset 0 1px #ffffff2c,inset 0 -1px #14102088,0 18px 34px -24px #322141b0}
.wd-profit-hero:before{content:'';position:absolute;z-index:-1;inset:0;opacity:.15;background-image:linear-gradient(#b394e224 1px,transparent 1px),linear-gradient(90deg,#b394e224 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(120deg,black,transparent)}
.wd-profit-orbit{position:relative;width:100%;max-width:230px;aspect-ratio:1;margin:auto;display:grid;place-items:center}
.wd-profit-glow{position:absolute;inset:20%;border-radius:50%;background:#a781d34d;filter:blur(26px)}
.wd-profit-gauge{position:absolute;inset:0}
.wd-profit-dial{width:100%;height:100%;overflow:visible}
.wd-profit-dial-outer{fill:none;stroke:#d7baff17;stroke-width:1}
.wd-profit-dial-dots{fill:none;stroke:#d7c7ef44;stroke-width:2;stroke-dasharray:1 12;stroke-linecap:round;transform-origin:center;transform:rotate(-90deg)}
.wd-profit-dial-track{fill:none;stroke:#ffffff11;stroke-width:10}
.wd-profit-dial-arc{fill:none;stroke:#c6a3fb;stroke-width:10;stroke-linecap:round;filter:drop-shadow(0 0 5px #c4a2f870);transition:stroke-dasharray .3s ease}
.wd-profit-dial-inner{fill:#ffffff02;stroke:#ffffff09;stroke-width:1}
.wd-profit-gauge-value{position:relative;text-align:center;padding-top:5px;max-width:75%}
.wd-profit-gauge-value>strong{display:flex;align-items:baseline;justify-content:center;gap:4px;font-size:43px;font-weight:550;line-height:1.2;letter-spacing:-2px;font-variant-numeric:tabular-nums;color:#f4ecff;text-shadow:0 1px 15px #e2bdff30}
.wd-profit-gauge-value>strong>small{font-size:17px;letter-spacing:0;font-weight:400;color:#c8b6df}
.wd-profit-gauge-value>span{display:block;font-size:10px;line-height:1.5;color:#c4afd7;max-width:115px;margin:5px auto 10px}
.wd-profit-gauge-value>b{display:inline-block;padding:5px 8px;border:1px solid #bda2db26;border-radius:20px;background:#d1bbf112;font-size:10px;font-weight:500;line-height:1.4;letter-spacing:0;color:#decbf8}
.wd-profit-hero-data{position:relative;min-width:0}
.wd-profit-focus-label{display:block;margin:0 0 14px;color:#bdaccd;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.02em}
.wd-profit-production{padding-bottom:17px;border-bottom:1px solid #ddd0ef1c}
.wd-profit-production>span{display:block;color:#c5b5d4;font-size:11px;line-height:1.6}
.wd-profit-production>strong{display:block;font-size:29px;font-weight:550;line-height:1.5;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#faf5ff}
.wd-profit-production>small{display:block;color:#9f8eae;font-size:9px;line-height:1.5}
.wd-profit-financial-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:15px;font-size:11px;color:#b3a2c2;line-height:1.5}
.wd-profit-financial-row>strong{font-size:16px;letter-spacing:-.4px;color:#d4c0ed;font-weight:550;white-space:nowrap;font-variant-numeric:tabular-nums}
.wd-profit-financial-row.is-margin>strong{color:#a5dfd0}
.wd-profit-formula{display:block;margin-top:13px;font-size:9px;line-height:1.6;color:#93839f}
.wd-profit-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:28px;padding-bottom:25px;border-bottom:1px solid #e7ddec}
.wd-profit-control{min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.wd-profit-control-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}
.wd-profit-control-top>label{font-size:12px;line-height:1.6;color:#826393;font-weight:550}
.wd-profit-control-top>output{white-space:nowrap;font-size:14px;font-weight:650;line-height:1.4;color:#8761a4;font-variant-numeric:tabular-nums}
.wd-profit input[type=range]{--wd-range-position:33.33%;display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;min-height:6px;margin:9px 0 14px;padding:0;border:0;border-radius:10px;background:linear-gradient(90deg,#9e75c5 var(--wd-range-position),#e5d9ee var(--wd-range-position));box-shadow:inset 0 1px 2px #7a529b12;cursor:pointer;touch-action:pan-y}
.wd-profit input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;border:4px solid #fff;border-radius:50%;background:#9665c0;box-shadow:0 0 0 1px #c8addc,0 3px 9px #8557a23d;cursor:grab}
.wd-profit input[type=range]::-moz-range-thumb{width:13px;height:13px;border:4px solid #fff;border-radius:50%;background:#9665c0;box-shadow:0 0 0 1px #c8addc,0 3px 9px #8557a23d;cursor:grab}
.wd-profit input[type=range]:focus-visible{outline:3px solid #c7a8e1;outline-offset:7px}
.wd-profit-range-scale{display:flex;justify-content:space-between;gap:10px;font-size:10px;line-height:1.6;color:#a18bac}
.wd-profit-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px 0 26px}
.wd-profit-outcomes>div{display:flex;align-items:center;gap:11px;min-width:0}
.wd-profit-outcome-icon{display:grid;place-items:center;flex:none;width:24px;height:30px;font-size:20px;line-height:1;color:#a582c1}
.wd-profit-outcome-icon svg{display:block;width:20px;height:20px}
.wd-profit-outcomes strong{display:block;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.5px;color:#76528e;font-variant-numeric:tabular-nums}
.wd-profit-outcomes div>span:not(.wd-profit-outcome-icon){display:block;color:#a08aaa;font-size:11px;line-height:1.6;margin-top:3px}
.wd-profit-compare{padding:24px 0 0;border:0;border-top:1px solid #e7ddec;border-radius:0;background:none;box-shadow:none}
.wd-profit-compare>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.wd-profit-compare>header>strong{color:#725085;font-size:14px;font-weight:600;line-height:1.6}
.wd-profit-compare>header>span{color:#a08aaf;font-size:11px;line-height:1.6}
.wd-profit-compare-row{margin:0 0 18px;min-width:0}
.wd-profit-compare-row:last-child{margin-bottom:0}
.wd-profit-compare-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:12px;color:#a08aaf}
.wd-profit-compare-label>strong{font-weight:600;color:#9474a9;font-variant-numeric:tabular-nums}
.wd-profit-compare-label small{font-size:10px;font-weight:400;color:#b09abf}
.wd-profit-track{position:relative;height:13px;background:#eae1f1;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 2px #62416f0c}
.wd-profit-track>span{position:absolute;inset-block:0;transition:width .3s ease,left .3s ease}
.wd-profit-cost-fill{left:0;background:linear-gradient(90deg,#d7c0eb,#b394d1);border-radius:5px 0 0 5px}
.wd-profit-margin-fill{background:linear-gradient(90deg,#c7e6dc,#a2cdbf);border-left:2px solid #fff;box-sizing:border-box;border-radius:0 5px 5px 0}
.wd-profit-value-marker{position:absolute;inset-block:0;width:1px;background:#ffffffd9}
.wd-profit-compare-amounts{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:11px;color:#9475a4;font-variant-numeric:tabular-nums}
.wd-profit-compare-amounts small{font-size:10px;color:#b09bbb}
.wd-profit-compare-row.is-scenario .wd-profit-compare-label>span{color:#78508f;font-weight:600}
.wd-profit-compare-row.is-scenario .wd-profit-compare-label>strong{color:#7c5299}
.wd-profit-compare-row.is-scenario .wd-profit-track{height:17px}
.wd-profit-compare-row.is-scenario .wd-profit-cost-fill{background:linear-gradient(90deg,#b48bda,#9470bb)}
.wd-profit-compare-row.is-scenario .wd-profit-margin-fill{background:linear-gradient(90deg,#a8d9c7,#77bba5)}
.wd-profit-legend{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;line-height:1.5;color:#ad97b7;padding-top:3px;margin-top:17px}
.wd-profit-legend>span{display:flex;align-items:center;gap:6px}
.wd-profit-legend i{width:7px;height:7px;display:inline-block;border-radius:2px;background:#b391d0}
.wd-profit-legend i.is-margin{background:#8cc8b2}
.wd-profit-reading{font-size:12px!important;line-height:1.8!important;color:#9276a4!important;padding:0 1px;margin:17px 0 8px!important;max-width:none!important}
.wd-profit-note{font-size:10px!important;line-height:1.7!important;color:#b09cbb!important;margin:0!important;max-width:none!important}
.wd-profit-is-negative .wd-profit-gauge-value>strong,.wd-profit-is-negative .wd-profit-financial-row.is-margin>strong{color:#f1a6c1}
.wd-profit-is-negative .wd-profit-dial-arc{stroke:#ed9bb8}
.wd-profit-is-negative .wd-profit-reading{color:#b46f8f!important}
@media(max-width:600px){
 .wd-profit .wdemo-title{font-size:20px!important;line-height:1.3!important}
 .wd-profit-topline{display:block!important}
 .wd-profit-example{display:inline-block;margin-top:12px;font-size:10px!important}
 .wd-profit-profile-label{font-size:12px;margin-top:18px}
 .wd-profit-profile{font-size:16px;min-height:46px}
 .wd-profit-hero{grid-template-columns:minmax(0,1fr);padding:20px 20px 22px;gap:12px;border-radius:19px}
 .wd-profit-orbit{max-width:195px}
 .wd-profit-gauge-value>strong{font-size:43px}
 .wd-profit-gauge-value>span{font-size:11px}
 .wd-profit-hero-data{border-top:1px solid #ffffff13;padding-top:13px}
 .wd-profit-focus-label{font-size:11px;text-align:center;margin-bottom:12px}
 .wd-profit-production{text-align:center;padding-bottom:14px}
 .wd-profit-production>span{font-size:12px}
 .wd-profit-production>strong{font-size:29px}
 .wd-profit-production>small{font-size:10px}
 .wd-profit-financial-row{font-size:12px;margin-top:13px}
 .wd-profit-financial-row>strong{font-size:18px}
 .wd-profit-formula{font-size:10px;text-align:center}
 .wd-profit-controls{grid-template-columns:minmax(0,1fr);gap:27px;margin-top:25px;padding-bottom:23px}
 .wd-profit-control{padding:0}
 .wd-profit-control-top>label{font-size:13px}
 .wd-profit-control-top>output{font-size:16px}
 .wd-profit-range-scale{font-size:11px}
 .wd-profit input[type=range]{margin-block:14px 16px;height:7px}
 .wd-profit input[type=range]::-webkit-slider-thumb{width:25px;height:25px}
 .wd-profit input[type=range]::-moz-range-thumb{width:17px;height:17px}
 .wd-profit-outcomes{gap:18px;padding:22px 0}
 .wd-profit-outcomes>div{display:flex;align-items:flex-start;gap:8px}
 .wd-profit-outcome-icon{width:19px;height:27px;margin:1px 0 0;font-size:19px}
 .wd-profit-outcome-icon svg{display:block;width:20px;height:20px}
.wd-profit-outcomes strong{font-size:23px}
 .wd-profit-outcomes div>span:not(.wd-profit-outcome-icon){font-size:11px}
 .wd-profit-compare{padding:22px 0 0}
 .wd-profit-compare>header>strong{font-size:14px}
 .wd-profit-compare>header>span{font-size:11px}
 .wd-profit-compare-label{font-size:12px}
 .wd-profit-compare-label small{font-size:10px}
 .wd-profit-compare-amounts{font-size:11px}
 .wd-profit-compare-amounts small{font-size:10px}
 .wd-profit-legend{font-size:10px;gap:12px}
 .wd-profit-reading{font-size:13px!important}
 .wd-profit-note{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.wd-profit-dial-arc,.wd-profit-track>span{transition:none}}