fleet-roi-calculator{display:block;--bg: #eef2ef;--surface: #ffffff;--ink: #132218;--muted: #5f6f64;--line: #d9e4da;--brand: #16842f;--brand-deep: #0f5a2a;--accent: #66c23a;--lani-yellow: #FAB018}html:not(.shopify-design-mode) .shopify-section:has(fleet-roi-calculator)~.shopify-section{display:none}html:not(.shopify-design-mode) .shopify-section:has(fleet-roi-calculator)~.shopify-section.fleet-roi-post-calc-visible{display:block}fleet-roi-calculator small{font-size:.85rem;color:var(--muted)}fleet-roi-calculator .text-bg-brand{color:#fff!important;background-color:var(--lani-yellow)!important}fleet-roi-calculator .h4.mb-0{margin-block-start:0}fleet-roi-calculator .card{border:1px solid var(--line);border-radius:1rem}fleet-roi-calculator .hero-card{background:linear-gradient(125deg,#072611,#0f5a2a 52%,#0e3f21);color:#f2fbf2}fleet-roi-calculator .hero-eyebrow{color:#8edd70;letter-spacing:.03em;font-weight:700}fleet-roi-calculator .step-chip{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}fleet-roi-calculator .step-chip-active{background:var(--brand);color:#fff}fleet-roi-calculator .step-chip-inactive{background:#e7ece8;color:#7d8b82}fleet-roi-calculator .subtle-panel{background:#f7faf7;border:1px solid var(--line);border-radius:.9rem}fleet-roi-calculator .kpi-card{border-radius:1rem;padding:1.1rem;position:relative}fleet-roi-calculator .kpi-head{display:flex;align-items:center;gap:.45rem;margin-bottom:.55rem;font-weight:500}fleet-roi-calculator .kpi-icon{width:2rem;height:2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex:0 0 auto}fleet-roi-calculator .kpi-icon img{width:60%;height:60%;object-fit:contain}fleet-roi-calculator .kpi-icon-light{background:#ffffff2e;color:#effcef}fleet-roi-calculator .kpi-icon-dark{background:#a2743f}fleet-roi-calculator .kpi-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;margin-top:.5rem}fleet-roi-calculator .kpi-chip-success{background:#90e5b138;color:#bdf4d1}fleet-roi-calculator .kpi-chip-payback{background:#ffffff38;color:#fff}fleet-roi-calculator .kpi-chip-neutral{background:#bfecce60;color:#fff}fleet-roi-calculator .kpi-primary{background:url(/cdn/shop/files/blue-bg.png) no-repeat bottom right #08538a;background-size:cover;color:#fff}fleet-roi-calculator .kpi-payback.calendar{background:url(/cdn/shop/files/orange-bg.png) no-repeat bottom right #8f500a;background-size:cover;color:#fff}fleet-roi-calculator .kpi-light{background:url(/cdn/shop/files/green-bg.png) no-repeat bottom right #105f2a;background-size:cover;color:#fff}fleet-roi-calculator .kpi-payback{background:linear-gradient(145deg,#f7c86c 0%,var(--lani-yellow) 100%);color:#3f3000;border:1px solid #dfb631}fleet-roi-calculator .payback-value-wrap{display:flex;align-items:center;justify-content:space-between;gap:.9rem}fleet-roi-calculator .payback-icon{width:3.1rem;height:3.1rem;border-radius:999px;background:radial-gradient(circle at 30% 28%,#ffe86d,#f2cc4d 62%,#e8b62e);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;overflow:hidden}fleet-roi-calculator .payback-icon svg{width:2.25rem;height:2.25rem}fleet-roi-calculator .kpi-value{font-size:clamp(1.8rem,3.1vw,3rem);line-height:1.05;font-weight:700}fleet-roi-calculator .table th,fleet-roi-calculator .table td{vertical-align:middle}fleet-roi-calculator .value-cell{font-weight:600}fleet-roi-calculator .small-note{font-size:.85rem;color:var(--muted)}fleet-roi-calculator .section-hidden{display:none}fleet-roi-calculator .chart-shell{padding:.5rem 0}fleet-roi-calculator .widget-card{border:1px solid #dde6df;border-radius:.85rem}fleet-roi-calculator .widget-title{margin:0 0 .65rem;font-size:1.2rem;font-weight:600;color:#21362a}fleet-roi-calculator .chart-insight{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .6rem;border-radius:.45rem;background:#e8f5ea;color:var(--brand);font-size:.78rem;font-weight:700;margin-bottom:.75rem}fleet-roi-calculator .results-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.75rem}fleet-roi-calculator .results-mini-stat{border:1px solid var(--line);border-radius:.65rem;background:#f8fbf8;padding:.45rem .55rem}fleet-roi-calculator .results-mini-stat p{margin:0}fleet-roi-calculator .results-mini-stat .label{font-size:.7rem;color:var(--muted)}fleet-roi-calculator .results-mini-stat .value{font-weight:700;font-size:1.2rem}fleet-roi-calculator .summary-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}fleet-roi-calculator .summary-compact{display:block;border:0;border-radius:0;background:transparent;overflow:visible}fleet-roi-calculator .summary-line{display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:1rem;padding:.8rem 0;border-top:1px solid #e5ede7}fleet-roi-calculator .summary-line:first-child{border-top:0}fleet-roi-calculator .summary-key{margin:0;font-size:.72rem;color:#3f634f;letter-spacing:.08em;text-transform:uppercase;font-weight:700;line-height:1.32}fleet-roi-calculator .summary-val{margin:0;font-weight:700;color:#183627;text-align:right;white-space:nowrap;line-height:1.02}fleet-roi-calculator .summary-val.highlight{color:var(--brand)}@media(min-width:992px){fleet-roi-calculator .summary-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start}}fleet-roi-calculator .roi-stat-top{margin:0 0 -.5rem;font-size:1.4rem;color:#000;letter-spacing:.08em;text-transform:uppercase;font-weight:700}fleet-roi-calculator .roi-stat-bottom{margin:0;font-size:1rem;color:#000;letter-spacing:.01em}fleet-roi-calculator .summary-callout{margin-top:.75rem;border:1px solid #cbded0;border-radius:.65rem;background:#f3f7f4;color:#305f42;font-size:.76rem;padding:.6rem .7rem;font-weight:600;display:flex;align-items:flex-start;gap:.55rem}fleet-roi-calculator .summary-callout-icon{width:2.15rem;height:2.15rem;border-radius:.28rem;border:1px solid #97c5a4;color:#2a7a44;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin-top:.05rem;font-size:1.4rem;font-weight:700}fleet-roi-calculator .summary-callout-copy{margin:0;line-height:1.35}fleet-roi-calculator .chart-canvas{width:100%;height:240px}fleet-roi-calculator .chart-canvas-trend{height:100%!important}fleet-roi-calculator .chart-canvas-ops{height:100%!important}fleet-roi-calculator .chart-trend-wrap{height:155px}fleet-roi-calculator .chart-ops-wrap{height:250px}fleet-roi-calculator .ops-savings{margin-top:.9rem;border:1px solid #dbe8de;border-radius:.65rem;background:#f8fbf8;padding:.5rem .68rem;display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}fleet-roi-calculator .ops-savings-label{margin:0;color:#5c7264;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}fleet-roi-calculator .ops-savings-value{margin:0;color:var(--brand);font-size:1.2rem;font-weight:700;white-space:nowrap}fleet-roi-calculator .ops-legend{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}fleet-roi-calculator .ops-legend-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#5d7163;font-weight:400}fleet-roi-calculator .ops-legend-swatch{width:1.2rem;height:.2rem;border-radius:0;display:inline-block}fleet-roi-calculator .ops-legend-swatch-legacy{background:#5f6f64}fleet-roi-calculator .ops-legend-swatch-retro{background:#fab018}fleet-roi-calculator .donut-wrap{position:relative;width:100%;max-width:none;margin:0 auto}fleet-roi-calculator .equal-height-row{align-items:stretch}fleet-roi-calculator .equal-height-row>[class*=col-]{display:flex}fleet-roi-calculator .equal-height-row>[class*=col-]>.card{width:100%;height:100%;margin-bottom:0!important}@media(min-width:1200px){fleet-roi-calculator .fleet-roi-lead-gen{position:sticky;top:1rem}}fleet-roi-calculator .summary-subnote{display:block;color:var(--muted);font-size:.78rem;margin-top:.1rem}fleet-roi-calculator .label-with-info{display:flex;align-items:center;gap:.4rem;justify-content:space-between;align-items:baseline;width:100%}fleet-roi-calculator .info-tip{width:1.3rem;height:1.3rem;border-radius:999px;border:1px solid #9ab3a2;background:#f4faf5;color:#3f5a48;font-weight:400;font-size:.8rem;font-family:var(--font-body--family);line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;margin-left:auto;flex:0 0 auto;position:relative}fleet-roi-calculator .info-tip:hover,fleet-roi-calculator .info-tip:focus-visible{background:#e5f3e8;border-color:#6c9178;color:#224130}fleet-roi-calculator .info-tip:after{content:attr(data-tip);position:absolute;top:calc(100% + .5rem);right:0;width:max-content;max-width:280px;background:#162019f2;color:#eef6ef;font-weight:500;line-height:1.35;text-align:left;padding:.5rem .6rem;border-radius:.45rem;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:20;pointer-events:none;white-space:normal}fleet-roi-calculator .info-tip:before{content:"";position:absolute;top:calc(100% + .2rem);right:.45rem;border-width:.3rem;border-style:solid;border-color:transparent transparent rgba(22,32,25,.95) transparent;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:20;pointer-events:none}fleet-roi-calculator .info-tip:hover:after,fleet-roi-calculator .info-tip:hover:before,fleet-roi-calculator .info-tip:focus:after,fleet-roi-calculator .info-tip:focus:before,fleet-roi-calculator .info-tip:focus-visible:after,fleet-roi-calculator .info-tip:focus-visible:before{opacity:1;visibility:visible;transform:translateY(0)}fleet-roi-calculator .input-group-text{background-color:var(--brand);color:#fff}.card.fleet-roi-lead-gen{background:linear-gradient(145deg,#f7c86c 0%,var(--lani-yellow) 100%);color:#3f3000;border:1px solid #dfb631;box-shadow:none;margin-bottom:1.5rem}.subtle-panel .form-switch .form-check-input{width:3em;margin-left:-3.5em;height:1.25em;position:relative;top:2px}.subtle-panel .form-switch .form-check-input:after{display:none}.fleet-roi-lead-gen .contact-form__form-row{flex-direction:column!important}
/*# sourceMappingURL=/cdn/shop/t/23/assets/fleet-roi-calculator.css.map */