.roi-reference{--roi-blue:#3e6bff;--roi-ink:#0b0f14;--roi-paper:#f6f5f1;--roi-line:#dad6cc;--roi-muted:#4a5468;--roi-serif:'Fraunces',Iowan Old Style,serif;--roi-mono:'IBM Plex Mono',monospace;background:var(--roi-paper);color:var(--roi-ink);padding:95px 0 65px;font-family:'Inter',var(--sans)}
.roi-reference-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.roi-eyebrow{display:flex;align-items:center;gap:10px;font:500 10px var(--roi-mono);text-transform:uppercase;letter-spacing:.13em;color:var(--roi-blue);margin:0 0 20px}.roi-eyebrow:before{content:'';width:6px;height:6px;background:var(--roi-blue);border-radius:50%;flex-shrink:0}.roi-reference #economic-title{font:500 clamp(34px,4vw,56px)/1.08 var(--roi-serif);letter-spacing:-.025em;margin:0 0 22px}.roi-lede{font-size:15px;line-height:1.7;color:var(--roi-muted);max-width:52ch}.roi-reference .economics-controls{padding:0;background:transparent;color:var(--roi-ink);margin:28px 0}.roi-reference .economics-controls label{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px}.roi-reference .economics-controls output{font:500 19px var(--roi-mono);color:var(--roi-blue);margin:0}.roi-reference .economics-controls input{accent-color:var(--roi-blue);margin-top:10px;min-height:27px}.roi-button{display:inline-flex;background:var(--roi-ink);color:white;padding:13px 19px;font-size:12px;font-weight:600;border-radius:2px}.roi-button:hover{background:var(--roi-blue)}
.roi-dial-card{position:relative;background:radial-gradient(circle at 85% 0%,#253c78 0%,transparent 55%),linear-gradient(160deg,#0e1930,#142446);color:white;border-radius:6px;padding:30px;box-shadow:0 30px 70px -30px #0e193070}.roi-dial-top{display:flex;justify-content:space-between;gap:14px;color:#a8b9f3;font:9px var(--roi-mono);letter-spacing:.06em}.roi-dial-wrap{position:relative;max-width:300px;margin:24px auto 15px}.roi-dial-wrap svg{display:block;width:100%;height:auto}.roi-dial-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.roi-dial-center strong{font:400 clamp(35px,3.3vw,48px)/1 var(--roi-serif);letter-spacing:-.05em}.roi-dial-center span{font:8px var(--roi-mono);color:#b7c7f5;letter-spacing:.04em}.roi-dial-legend{display:grid;grid-template-columns:1fr;gap:12px;font:10px var(--roi-mono)}.roi-dial-legend>span{display:flex;align-items:center;gap:8px;color:#d4ddf1}.roi-dial-legend i{width:8px;height:8px;background:#3e6bff;border-radius:2px}.roi-dial-legend>span:nth-child(2) i{background:#8fe3b0}.roi-dial-legend b{margin-left:auto;color:white;font-weight:400}.roi-dial-card>p{font-size:10px;line-height:1.7;color:#aebcdb;margin:22px 0 0}
.roi-section-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin:75px 0 30px}.roi-section-head h3{font:500 clamp(27px,3vw,38px)/1.1 var(--roi-serif);letter-spacing:-.02em;margin:0}.roi-section-head>p{font-size:13px;line-height:1.7;color:var(--roi-muted);max-width:45ch;margin:0}.roi-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--roi-line);border:1px solid var(--roi-line)}.roi-pillar{padding:25px 21px;background:white;min-width:0;display:flex;flex-direction:column}.roi-pillar-bar{height:4px;background:var(--roi-blue);margin-bottom:23px;border-radius:2px}.roi-pillar:nth-child(2) .roi-pillar-bar{background:#7c93e8}.roi-pillar:nth-child(3) .roi-pillar-bar{background:#8fe3b0}.roi-pillar:nth-child(4) .roi-pillar-bar{background:#f4c77b}.roi-pillar h4{font:500 18px var(--roi-serif);margin:0 0 13px}.roi-pillar strong{font:400 clamp(23px,2.3vw,32px) var(--roi-serif);letter-spacing:-.04em;overflow-wrap:anywhere}.roi-pillar p{font-size:12px;line-height:1.7;color:var(--roi-muted);margin:14px 0 20px}.roi-pillar small{font:8px/1.8 var(--roi-mono);color:var(--roi-muted);margin-top:auto}.roi-comparison{margin:30px 0 0;padding:27px;background:white;border:1px solid var(--roi-line)}.roi-reference .cost-track{height:15px}.roi-reference .cost-track i{background:#0e1930}.roi-reference .cost-track .optimized-bar{background:#3e6bff}.roi-reference .cost-track .savings-segment,.roi-reference .chart-key>span{background:#8fe3b0}.roi-reference .chart-key>span{border-color:#6cb88a}
.roi-method{background:#0b0f14;color:white;padding:36px;margin-top:45px;border-radius:4px}.roi-method .roi-section-head{margin:0 0 30px}.roi-method .roi-eyebrow{color:#a8b9f3}.roi-method .roi-section-head>p{color:#aab4c6}.roi-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.roi-flow>div{border:1px solid #ffffff25;background:#ffffff08;padding:22px 17px;border-radius:4px}.roi-flow small{font:9px var(--roi-mono);color:#a8b9f3}.roi-flow h4{font:400 18px var(--roi-serif);margin:13px 0 9px}.roi-flow p{font-size:11px;line-height:1.7;color:#aab4c6;margin:0}.roi-reference .advanced-economics{margin-top:35px;border-color:var(--roi-line)}.roi-reference .advanced-economics>summary{font-size:14px;padding:10px 0}.roi-reference .advanced-inputs{background:#efede6}.roi-reference .advanced-inputs input{accent-color:#3e6bff}.roi-reference .financial-kpis strong{font-family:var(--roi-serif)}.roi-final-note{font:9px/1.8 var(--roi-mono);color:var(--roi-muted);margin:30px 0 0}.roi-reference a:focus-visible,.roi-reference input:focus-visible{outline:2px solid #3e6bff;outline-offset:4px}
@media(max-width:980px){.roi-reference-hero{gap:35px}.roi-pillars,.roi-flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.roi-reference{padding-top:70px}.roi-reference-hero,.roi-section-head{grid-template-columns:1fr;gap:30px}.roi-section-head{margin-top:50px}.roi-dial-card{max-width:100%;padding:26px}.roi-dial-center strong{font-size:45px}.roi-method{padding:26px}.roi-flow{grid-template-columns:1fr 1fr}.roi-reference .economics-controls label{font-size:11px}.roi-reference .economics-controls output{font-size:17px}}@media(max-width:450px){.roi-pillars,.roi-flow{grid-template-columns:1fr}.roi-pillar{padding:22px}.roi-pillar p{margin-bottom:14px}.roi-pillar strong{font-size:32px}.roi-comparison{padding:20px}.roi-dial-top{font-size:8px}}