.roi-calculator[data-astro-cid-pjamfthe]{--color-black:#171f25;--color-hw-gray-100:#f9f9f9;--color-hw-gray-200:#f3f3f3;--color-hw-gray-250:#ebebeb;--color-hw-gray-300:#e0dfde;--color-hw-gray-400:#d3d3d3;--color-hw-gray-500:#b3b3b3;--color-hw-gray-600:#929292;--color-hw-gray-700:#737373;--color-hw-gray-800:#535353;--color-hw-gray-900:#303235;--color-accent-yellow-50:#fbf3df;--color-accent-yellow:#ebc42f;--color-elevate-blue-50:#e7f6f5;--color-elevate-blue-100:#b5ebea;--color-elevate-blue-300:#77cad0;--color-elevate-blue-500:#299eaa;--color-elevate-blue-700:#197b8a;--color-elevate-blue-900:#125e75;--color-impact-purple-50:#f2e3f1;--color-impact-purple-100:#d8a7d4;--color-impact-purple-300:#ad71a4;--color-impact-purple-500:#8a4182;--color-impact-purple-700:#74306b;--color-impact-purple-900:#67235e;--color-impact-pink-50:#fdf2f7;--color-impact-pink-100:#f5d1e1;--color-impact-pink-300:#e588ad;--color-impact-pink-500:#d83c73;--color-impact-pink-700:#a82659;--color-impact-pink-900:#800f41;--bg-darkest:#10171c;--bg-dark:#141d23;--bg-deep:#171f25;--bg-panel:#1d282f;--bg-panel-2:#243139;--blue:#299eaa;--blue-bright:#2fb3c0;--blue-soft:#77cad0;--cyan:#5fd0d6;--teal:#299eaa;--purple:#b274aa;--violet:#8a4182;--pink:#d83c73;--pink-soft:#e588ad;--yellow:#ebc42f;--text:#eef1f3;--text-2:#c5cdd2;--text-dim:#98a1a7;--text-muted:#727b81;--light:#f3f3f3;--light-2:#ebebeb;--light-card:#fff;--ink:#171f25;--ink-2:#303235;--ink-dim:#737373;--line:#ffffff17;--line-2:#ffffff0f;--line-light:#171f251a;--glow-blue:#299eaa6b;--glow-purple:#8a418257;--glow-pink:#d83c7347;--shadow-soft:0 18px 55px -36px #171f2573;--shadow-card:0 22px 70px -42px #171f258c;--space-section:84px;--space-band:96px;--sans:var(--font-inter);--display:var(--sans);--serif:Georgia, "Times New Roman", Times, serif;& .roi-dash{grid-template-columns:300px 1fr;align-items:start;gap:22px;display:grid}& .roi-side{gap:16px;display:grid;position:sticky;top:92px}& .roi-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:20px}& .roi-card-title{color:var(--text);margin:0 0 16px;font-size:15px;font-weight:800}& .roi-side .sld{margin-top:16px}& .roi-side .sld:first-of-type{margin-top:0}& .roi-side .slabel b{color:var(--cyan)}& .roi-minmax{color:var(--text-muted);justify-content:space-between;margin-top:5px;font-size:11px;display:flex}& .roi-currency{color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13.5px;font-weight:700;display:flex}& .roi-currency select{background:var(--bg-darkest);color:var(--text);border:1px solid var(--line);font-family:var(--sans);border-radius:8px;padding:7px 10px}& .roi-main{gap:22px;display:grid}& .roi-kpis{grid-template-columns:1.15fr 1fr 1fr;gap:16px;display:grid}& .kpi{background:var(--bg-panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px}& .kpi span{letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:11px;font-weight:850;display:block}& .kpi b{color:var(--text);font-size:clamp(26px,2.6vw,34px);font-weight:800;line-height:1;display:block}& .kpi small{color:var(--text-dim);margin-top:9px;font-size:12px;display:block}& .kpi-hero{background:radial-gradient(300px 140px at 18% 0%, #18d4df24, transparent 65%), var(--bg-panel);border-color:#18d4df66}& .kpi-hero b{color:var(--cyan)}& .roi-grid2{grid-template-columns:.9fr 1.1fr;align-items:start;gap:22px;display:grid}& .donut-wrap2{justify-content:center;padding:12px 0 18px;display:flex}& .donut-wrap2 .donut{border-radius:50%;width:200px;height:200px;position:relative}& .donut-wrap2 .donut:before{content:"";background:var(--bg-panel);border-radius:50%;position:absolute;inset:17%}& .donut-center{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}& .donut-center b{color:var(--text);font-size:24px;font-weight:800}& .donut-center span{color:var(--text-dim);margin-top:2px;font-size:11.5px}& .roi-levers{gap:14px;display:grid}& .lever-row{background:var(--bg-panel);border:1px solid var(--line);border-left-width:3px;border-radius:12px;padding:16px 18px}& .lr-retain{border-left-color:#77cad0}& .lr-build{border-left-color:#299eaa}& .lr-protect{border-left-color:#d83c73}& .lr-move{border-left-color:#ad71a4}& .lr-ramp{border-left-color:#ebc42f}& .lr-head{align-items:center;gap:11px;display:flex}& .lr-ic{width:32px;height:32px;color:var(--blue-soft);background:#b5ebea14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}& .lr-head h5{flex:1;margin:0;font-size:14.5px;font-weight:800}& .lr-head b{color:var(--cyan);font-size:18px;font-weight:800}& .lever-row p{color:var(--text-2);margin:10px 0 6px;font-size:13px;line-height:1.55}& .lever-row small{color:var(--text-muted);font-size:11.5px}& .roi-why{background:var(--bg-panel);border:1px solid var(--line);color:var(--text-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;padding:16px 20px;font-size:13px;line-height:1.6;display:flex}& .roi-why strong{color:var(--text)}& .roi-why .btn-dl{flex-shrink:0;margin-left:auto}@media (width<=1020px){& .roi-dash{grid-template-columns:1fr}& .roi-side{position:static}& .roi-grid2,& .roi-kpis{grid-template-columns:1fr}}& .panel{border:1px solid var(--line);background:linear-gradient(#0a1126,#080d1e);border-radius:20px;padding:34px}& .panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}& .panel-head h2{font-size:28px}& .panel-head p{color:var(--text-dim);margin-top:6px;font-size:13.5px}& .controls{align-items:center;gap:14px;display:flex}& .toggle{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;padding:3px;display:flex}& .toggle button{color:var(--text-dim);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}& .toggle button.active{background:var(--blue);color:#fff}& .selwrap{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}& .selwrap select{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:9px;padding:9px 12px;font-family:inherit;font-size:13px}& .icards{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}& .icard{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:20px}& .icard .ih{gap:10px;margin-bottom:8px;display:flex}& .icard .ih .iic{width:34px;height:34px;color:var(--blue-soft);background:#299eaa24;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}& .icard h4{font-family:var(--sans);font-size:14.5px;font-weight:600}& .icard .idesc{color:var(--text-muted);min-height:46px;margin-bottom:18px;font-size:11.5px;line-height:1.4}& .field{margin-bottom:14px}& .field label{color:var(--text-dim);margin-bottom:6px;font-size:11px;display:block}& .inwrap{border:1px solid var(--line);background:#ffffff08;border-radius:9px;align-items:center;display:flex;overflow:hidden}& .inwrap .pfx{color:var(--text-muted);padding:0 0 0 11px;font-size:13px}& .inwrap .pfx.percent-suffix{padding:0 11px 0 0}& .inwrap input{color:var(--text);background:0 0;border:none;outline:none;flex:1;width:100%;padding:10px 11px;font-family:inherit;font-size:13.5px}& .sld .slabel{color:var(--text-dim);justify-content:space-between;margin-bottom:9px;font-size:11px;display:flex}& .sld .slabel b{color:var(--text);font-size:13px;font-weight:700}& input[type=range]{-webkit-appearance:none;background:#ffffff1f;border-radius:4px;outline:none;width:100%;height:4px}& input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue);cursor:pointer;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 4px #299eaa33}& input[type=range]::-moz-range-thumb{background:var(--blue);cursor:pointer;border:none;border-radius:50%;width:17px;height:17px}& .disclaimer{color:var(--text-muted);margin-top:18px;font-size:12px}& .results-head{margin:50px 0 22px}& .results-head h2{font-size:28px}& .res-grid{grid-template-columns:1.1fr 1fr 1.2fr;gap:18px;display:grid}& .res{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:24px}& .res .rlab{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:7px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}& .bignum{font-family:var(--sans);margin-bottom:4px;font-size:34px;font-weight:500}& .res .sub{color:var(--text-dim);margin-bottom:18px;font-size:12.5px}& .gbar{background:linear-gradient(90deg,#197b8a,#3bbfc8);border-radius:6px;height:8px;margin:18px 0 10px;position:relative}& .gbar .mk{background:#fff;border:3px solid #3bbfc8;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}& .gbar .mk.marker-mid{left:50%}& .gmeta{color:var(--text-muted);justify-content:space-between;font-size:10.5px;display:flex}& .gmeta b{color:var(--text-dim);font-size:11.5px;display:block}& .bignum.purple{color:#e077a0}& .rmeter{background:linear-gradient(90deg,#299eaa,#8a4182,#d83c73);border-radius:6px;height:8px;margin:18px 0 10px;position:relative}& .rmeter .mk{background:#fff;border:3px solid #d83c73;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0006}& .rmeter .mk.marker-high{left:80%}& .rmeta{color:var(--text-muted);justify-content:space-between;font-size:10.5px;display:flex}& .donut-wrap{align-items:center;gap:20px;display:flex}& .donut{border-radius:50%;flex-shrink:0;width:130px;height:130px;position:relative}& .donut:after{content:"";background:#0a1126;border-radius:50%;position:absolute;inset:26px}& .legend{flex-direction:column;flex:1;gap:9px;display:flex}& .legend .lg{color:var(--text-2);align-items:center;gap:9px;font-size:12px;display:flex}& .legend .dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}& .legend .dot-build{background:#299eaa}& .legend .dot-move{background:#ad71a4}& .legend .dot-retain{background:#77cad0}& .legend .dot-ramp{background:#ebc42f}& .legend .dot-protect{background:#d83c73}& .legend .pct{color:var(--text-dim);margin-left:auto;font-weight:600}& .res-note{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}& .res-note .nt{color:var(--text-dim);flex:1;gap:10px;font-size:12.5px;display:flex}& .res-note .nt .ic{color:var(--teal);flex-shrink:0}& .btn-dl{border:1px solid var(--line);color:var(--text);background:#ffffff0a;border-radius:10px;align-items:center;gap:9px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex}& .assump{margin-top:50px}& .assump-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}& .assump-head h2{font-size:24px}& .assump-head .reset{color:var(--blue-soft);cursor:pointer;align-items:center;gap:7px;font-size:13px;font-weight:600;display:inline-flex}& .assump>p[data-astro-cid-pjamfthe]{color:var(--text-dim);margin-bottom:22px;font-size:13px}& .acc-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}& .acc{border:1px solid var(--line);background:#ffffff06;border-radius:11px;height:max-content;overflow:hidden}& .acc-btn{width:100%;color:var(--text-2);text-align:left;align-items:center;gap:12px;padding:16px 18px;font-size:14px;font-weight:500;display:flex}& .acc-btn .ai{color:var(--blue-soft);display:flex}& .acc-btn .chev{color:var(--text-muted);margin-left:auto;transition:all .2s}& .acc.open .chev{transform:rotate(180deg)}& .acc-body{max-height:0;color:var(--text-dim);font-size:12.5px;transition:max-height .25s;overflow:hidden}& .acc.open .acc-body{max-height:200px}& .acc-body div{padding:0 18px 16px 48px;line-height:1.5}& .cta-final{text-align:center;padding:var(--space-band) 0}& .cta-final h2{margin-bottom:10px}& .cta-final p{color:var(--text-dim);max-width:56ch;margin:0 auto 26px}@media (width<=1080px){& .icards{grid-template-columns:1fr 1fr 1fr}& .res-grid{grid-template-columns:1fr}}@media (width<=880px){& .acc-grid{grid-template-columns:1fr}}@media (width<=640px){& .icards{grid-template-columns:1fr}& .panel{padding:22px}}& .assump-edit summary{cursor:pointer;color:var(--blue-soft);align-items:center;gap:8px;padding:4px 0;font-size:13.5px;font-weight:750;list-style:none;display:inline-flex}& .assump-edit summary::-webkit-details-marker{display:none}& .assump-edit summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;transition:transform .2s;transform:rotate(45deg)translateY(-1px)}& .assump-edit[open] summary:after{transform:rotate(-135deg)translateY(-1px)}& ::details-content{transition:height .5s ease, content-visibility .5s ease allow-discrete;height:0;overflow:clip}& [open]::details-content{height:auto}}
