.roi-page{--roi-accent:hsl(var(--expanso-violet-700));--roi-btn:hsl(var(--expanso-violet-700));--roi-btn-hover:hsl(var(--expanso-violet-800));--roi-badge-bg:var(--card);--roi-badge-line:hsl(var(--expanso-violet-200));--roi-badge-fg:#5b21b6;--roi-badge-mark:none;--roi-band-bg:#7c3aed0d;--roi-band-line:#7c3aed29;--roi-error:#b91c1c;color:var(--foreground)}.dark .roi-page{--roi-accent:hsl(var(--expanso-violet-300));--roi-btn:hsl(var(--expanso-violet-600));--roi-btn-hover:hsl(var(--expanso-violet-500));--roi-badge-bg:#8b5cf61f;--roi-badge-line:#8b5cf66b;--roi-badge-fg:hsl(var(--expanso-violet-200));--roi-badge-mark:brightness(1.9) saturate(.85);--roi-band-bg:color-mix(in srgb, hsl(var(--expanso-violet-600)) 9%, var(--card));--roi-band-line:#8b5cf647;--roi-error:#f87171}.roi-root{max-width:1240px;margin:0 auto;padding:calc(4rem + clamp(40px,6vw,72px)) clamp(20px,4vw,32px) clamp(48px,6vw,56px)}.roi-badge{background:var(--roi-badge-bg);border:1px solid var(--roi-badge-line);font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--roi-badge-fg);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-weight:600;display:inline-flex}.roi-badge img{filter:var(--roi-badge-mark);display:block}.roi-h1{text-wrap:balance;max-width:34ch;margin:0 0 12px}.roi-lede{font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--muted-foreground);text-wrap:pretty;max-width:60ch;margin:0 0 44px}.roi-grid{grid-template-columns:360px 1fr;align-items:start;gap:56px;display:grid}.roi-col-title{color:var(--foreground);margin:0 0 18px}.roi-fields{flex-direction:column;gap:18px;display:flex}.roi-field.is-muted{opacity:.4}.roi-field-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.roi-field label{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-leading);color:var(--foreground);font-weight:600}.roi-field-value{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-leading);font-weight:800;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.roi-page input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, hsl(var(--expanso-violet-500)) var(--p,50%), var(--muted) var(--p,50%));cursor:pointer;border-radius:99px;outline:none;width:100%;height:10px;margin:0}.roi-page input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--card);border:3px solid hsl(var(--expanso-violet-600));cursor:grab;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #140e2d47}.roi-page input[type=range]::-moz-range-thumb{background:var(--card);border:3px solid hsl(var(--expanso-violet-600));cursor:grab;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 8px #140e2d47}.roi-page input[type=range]:disabled{opacity:.35;cursor:default}.roi-check{align-items:center;gap:10px;display:flex}.roi-check input{width:18px;height:18px;accent-color:hsl(var(--expanso-violet-600));cursor:pointer;margin:0}.roi-check label{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-leading);cursor:pointer;font-weight:600}.roi-advanced{border-top:1px solid var(--border);padding-top:16px}.roi-advanced summary{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);cursor:pointer;align-items:center;gap:6px;font-weight:600;list-style:none;transition:color .2s ease-out;display:inline-flex}.roi-advanced summary:hover{color:var(--foreground)}.roi-advanced summary::-webkit-details-marker{display:none}.roi-caret{flex:none;transition:transform .2s ease-out}.roi-advanced[open] summary .roi-caret{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.roi-caret{transition:none}}.roi-adv-fields{flex-direction:column;gap:14px;margin-top:16px;display:flex}.roi-adv-row{grid-template-columns:130px 62px 1fr;align-items:center;gap:10px;display:grid}.roi-adv-row label{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);font-weight:400}.roi-adv-row .roi-field-value{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);text-align:right;font-weight:700}.roi-total{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin:0}.roi-context{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);margin:-12px 0 14px}.roi-savings{flex-wrap:wrap;align-items:flex-end;gap:32px;display:flex}.roi-y1{font-size:var(--type-h2-size);letter-spacing:var(--type-h2-tracking);font-weight:800;line-height:var(--type-h2-leading);color:var(--roi-accent);font-variant-numeric:tabular-nums}.roi-y1-caption{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);margin-top:6px}.roi-savings-row{flex-wrap:wrap;gap:28px;padding-bottom:4px;display:flex}.roi-mini-label{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);margin-bottom:2px}.roi-mini-value{font-size:var(--type-body-size);font-variant-numeric:tabular-nums;font-weight:800}.roi-mini-accent{color:var(--roi-accent)}.roi-legend{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);flex-wrap:wrap;justify-content:flex-end;gap:16px;margin-top:20px;display:flex}.roi-legend>span{align-items:center;gap:6px;display:inline-flex}.roi-key{flex:none;width:14px}.roi-key-cur{border-top:2px dashed #f87171;height:0}.roi-key-exp{background:var(--roi-accent);height:2px}.roi-chart{margin-top:8px;position:relative}.roi-chart svg{display:block}.roi-pt-label{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);font-family:var(--font-mono);white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute}.roi-pt-label-cur{color:var(--muted-foreground);transform:translate(-50%,-100%)}.roi-pt-label-exp{color:var(--roi-accent);font-weight:700;transform:translate(-50%)}.roi-chart-x{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);justify-content:space-between;margin-top:4px;padding:0 4%;display:flex}.roi-sr-summary{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.roi-assumptions{border-top:1px solid var(--border);margin-top:44px;padding-top:26px}.roi-assumptions ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.roi-assumptions li{font-size:var(--type-body-sm-size);color:var(--muted-foreground);line-height:var(--type-body-sm-leading);text-wrap:pretty;padding-left:15px;position:relative}.roi-assumptions li:before{content:"";background:hsl(var(--expanso-violet-500));border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.roi-disclaimer{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);margin:16px 0 0}.roi-cta{background:var(--roi-band-bg);border-top:1px solid var(--roi-band-line);text-align:center;padding:clamp(44px,6vw,64px) clamp(20px,4vw,32px)}.roi-cta-inner{max-width:1240px;margin:0 auto}.roi-cta h2{margin:0 0 10px}.roi-cta p{font-size:var(--type-body-sm-size);color:var(--muted-foreground);line-height:var(--type-body-sm-leading);text-wrap:pretty;max-width:46ch;margin:0 auto 26px}.roi-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.roi-btn-primary,.roi-btn-outline{font-weight:600;font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-leading);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:12px 22px;text-decoration:none;transition:background .2s ease-out,border-color .2s ease-out;display:inline-flex}.roi-btn-primary{background:var(--roi-btn);color:#fff}.roi-btn-primary:hover{background:var(--roi-btn-hover);color:#fff}.roi-btn-outline{background:var(--card);color:var(--foreground);border:1px solid var(--border)}.roi-btn-outline:hover{background:var(--accent);color:var(--foreground)}.roi-cta-note{font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--muted-foreground);margin-top:16px}.roi-page a:focus-visible,.roi-page button:focus-visible,.roi-page input:focus-visible,.roi-page summary:focus-visible{outline:3px solid var(--ring,hsl(var(--expanso-violet-600)));outline-offset:2px}@media (width<=900px){.roi-grid{grid-template-columns:1fr;gap:40px}}@media (width<=640px){.roi-savings{gap:20px}.roi-savings-row{gap:16px 20px}.roi-legend{justify-content:flex-start}.roi-adv-row{grid-template-columns:1fr auto;row-gap:8px}.roi-adv-row input[type=range]{grid-column:1/-1}.roi-adv-row .roi-field-value{text-align:right}.roi-page input[type=range]{height:16px}.roi-cta .roi-cta-actions a{width:100%}.roi-chart-x{font-size:var(--type-caption-size);line-height:var(--type-caption-leading)}}
