/* ============================================================
   LITHIUM BATTERY RECYCLING LINE ROI CALCULATOR
   Theme: #023b2d / #76b519 / #fbbe05   |   Site width: 1400px
   ============================================================ */

:root, .plant-roi-page {
  --sw:1400px;
  --dark:#023b2d;
  --dark-2:#075240;
  --dark-3:#0b6350;
  --green:#76b519;
  --green-d:#639a13;
  --green-l:#eef7e2;
  --yellow:#fbbe05;
  --yellow-l:#fff6da;
  --ink:#0e2119;
  --muted:#6b8079;
  --line:#e0eae5;
  --bg:#f1f6f3;
  --card:#ffffff;
  --shadow:0 18px 40px -22px rgba(2,59,45,.35);
  --shadow-s:0 8px 20px -14px rgba(2,59,45,.35);
  --r:22px;
}

.plant-roi-page * {box-sizing:border-box}

.plant-roi-page {-webkit-text-size-adjust:100%}

.plant-roi-page {
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:15px;line-height:1.55;
}

.plant-roi-page img {max-width:100%}

.plant-roi-page button, .plant-roi-page input, .plant-roi-page select {font-family:inherit;font-size:inherit;color:inherit}

.plant-roi-page .sw {width:var(--sw);max-width:100%;margin:0 auto;padding:0 26px}

.plant-roi-page .num {font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}

.plant-roi-page .lbl {font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}

.plant-roi-page h1, .plant-roi-page h2, .plant-roi-page h3, .plant-roi-page h4 {margin:0;line-height:1.2;letter-spacing:-.01em}


/* ---------- sticky bar ---------- */

.plant-roi-page .topbar {
  position:sticky;top:0;z-index:60;background:rgba(2,59,45,.96);
  backdrop-filter:blur(10px);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)
}

.plant-roi-page .topbar .sw {display:flex;align-items:center;gap:18px;height:64px}

.plant-roi-page .brand {display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em;font-size:16px;white-space:nowrap}

.plant-roi-page .brand .dot {
  width:30px;height:30px;border-radius:9px;flex:none;
  background:linear-gradient(135deg,var(--green),#a8d94a);
  display:flex;align-items:center;justify-content:center;color:var(--dark);font-size:15px;font-weight:900
}

.plant-roi-page .brand small {display:block;font-size:10px;letter-spacing:.18em;color:#9dc9a8;font-weight:600}

.plant-roi-page .live {display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}

.plant-roi-page .live-item {
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  border-radius:12px;padding:6px 13px;display:flex;flex-direction:column;min-width:96px
}

.plant-roi-page .live-item b {font-size:15px}

.plant-roi-page .live-item span {font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#9dc9a8}

.plant-roi-page .live-item.hot {background:rgba(251,190,5,.16);border-color:rgba(251,190,5,.35)}

.plant-roi-page .live-item.hot b {color:var(--yellow)}


.plant-roi-page .btn {
  border:0;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;
  display:inline-flex;align-items:center;gap:9px;justify-content:center;
  transition:.22s transform,.22s box-shadow,.22s background;white-space:nowrap
}

.plant-roi-page .btn:active {transform:translateY(1px)}

.plant-roi-page .btn-green {background:var(--green);color:#fff;box-shadow:0 12px 26px -14px rgba(118,181,25,.95)}

.plant-roi-page .btn-green:hover {background:var(--green-d)}

.plant-roi-page .btn-yellow {background:var(--yellow);color:var(--dark);box-shadow:0 12px 26px -14px rgba(251,190,5,.95)}

.plant-roi-page .btn-yellow:hover {background:#e8ae00}

.plant-roi-page .btn-dark {background:var(--dark);color:#fff}

.plant-roi-page .btn-ghost {background:transparent;border:1.5px solid var(--line);color:var(--dark)}

.plant-roi-page .btn-ghost:hover {border-color:var(--green);color:var(--green-d)}

.plant-roi-page .btn-sm {padding:9px 16px;font-size:13px}


/* ---------- hero ---------- */

.plant-roi-page .hero {position:relative;padding:26px 0 4px}

.plant-roi-page .hero-grid {
  display:grid;grid-template-columns:1.06fr .94fr;gap:26px;align-items:stretch
}

.plant-roi-page .hero-main {
  position:relative;overflow:hidden;border-radius:28px;padding:38px 38px 34px;color:#fff;
  background:
    radial-gradient(880px 420px at 96% -14%,rgba(118,181,25,.42),transparent 62%),
    radial-gradient(520px 320px at -6% 108%,rgba(251,190,5,.2),transparent 60%),
    linear-gradient(120deg,#023b2d 0%,#054434 52%,#075240 100%);
  box-shadow:var(--shadow)
}

.plant-roi-page .hero-main:after {
  content:"";position:absolute;inset:auto -70px -130px auto;width:320px;height:320px;border-radius:50%;
  border:42px solid rgba(255,255,255,.05)
}

.plant-roi-page .eyebrow {display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#9fd6a9;font-weight:700}

.plant-roi-page .eyebrow i {width:26px;height:2px;background:var(--yellow);display:block;border-radius:2px;font-style:normal}

.plant-roi-page .hero-main h1 {font-size:39px;margin:16px 0 0;letter-spacing:-.025em}

.plant-roi-page .hero-main h1 em {font-style:normal;color:var(--yellow)}

.plant-roi-page .hero-main p {margin:14px 0 0;color:#c9e2d2;font-size:15px;max-width:560px}

.plant-roi-page .hero-chips {display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}

.plant-roi-page .hchip {
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);
  border-radius:999px;padding:8px 15px;font-size:12.5px;font-weight:600;color:#dff0e5
}

.plant-roi-page .hchip b {color:var(--yellow)}


.plant-roi-page .setup {
  background:var(--card);border-radius:28px;padding:26px 26px 22px;box-shadow:var(--shadow);
  border:1px solid var(--line);position:relative
}

.plant-roi-page .setup-head {display:flex;align-items:center;gap:10px;margin-bottom:4px}

.plant-roi-page .step-n {
  width:26px;height:26px;border-radius:9px;background:var(--dark);color:#fff;font-size:12px;font-weight:800;
  display:flex;align-items:center;justify-content:center;flex:none
}

.plant-roi-page .step-n.y {background:var(--yellow);color:var(--dark)}

.plant-roi-page .setup-head h3 {font-size:15px}

.plant-roi-page .setup-head .lbl {margin-left:auto}

.plant-roi-page .seg {display:flex;gap:8px;margin-top:12px}

.plant-roi-page .seg button {
  flex:1;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:11px 12px;
  cursor:pointer;font-weight:700;font-size:13.5px;color:var(--dark);transition:.2s
}

.plant-roi-page .seg button:hover {border-color:#c3dd9c}

.plant-roi-page .seg button.on {border-color:var(--green);background:var(--green-l);box-shadow:inset 0 0 0 1px var(--green)}

.plant-roi-page .seg.mini button {padding:9px 8px;font-size:12.5px;line-height:1.25;text-align:left}

.plant-roi-page .seg.mini button b {display:block;font-size:12.5px}

.plant-roi-page .seg.mini button span {display:block;font-size:10.5px;color:var(--muted);font-weight:600;margin-top:2px}

.plant-roi-page .seg.mini button.on span {color:var(--green-d)}

.plant-roi-page .seg-hint {font-size:10.5px;color:var(--muted);margin-top:8px;display:flex;align-items:center;gap:6px}

.plant-roi-page .seg-hint svg {flex:none}


/* ---------- generic section ---------- */

.plant-roi-page .sec {margin-top:20px}

.plant-roi-page .sec-head {display:flex;align-items:flex-end;gap:14px;margin-bottom:16px;flex-wrap:wrap}

.plant-roi-page .sec-head h2 {font-size:23px;letter-spacing:-.02em}

.plant-roi-page .sec-head h2 span {color:var(--green)}

.plant-roi-page .sec-head .note {margin-left:auto;font-size:12.5px;color:var(--muted);max-width:560px;text-align:right}


.plant-roi-page .card {background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-s)}

.plant-roi-page .card.flat {box-shadow:none}


/* staggered config cards */

.plant-roi-page .stagger {display:grid;grid-template-columns:repeat(3,1fr);gap:22px}


/* fields */

.plant-roi-page .field {margin-bottom:14px}

.plant-roi-page .field:last-child {margin-bottom:0}

.plant-roi-page .field-top {display:flex;align-items:baseline;gap:8px;margin-bottom:7px}

.plant-roi-page .field-top label {font-size:12.5px;font-weight:700;color:var(--dark)}

.plant-roi-page .field-top .unit {font-size:11px;color:var(--muted);font-weight:600}

.plant-roi-page .field-top .val {margin-left:auto;font-weight:800;color:var(--green-d)}

.plant-roi-page .inp {
  width:100%;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;background:#fbfdfc;
  transition:.18s border-color,.18s background
}

.plant-roi-page .inp:focus {outline:0;border-color:var(--green);background:#fff}

.plant-roi-page input[type=range] {
  -webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;
  background:linear-gradient(90deg,var(--green) var(--p,45%),#e7efe9 var(--p,45%));margin:6px 0 0
}

.plant-roi-page input[type=range]::-webkit-slider-thumb {
  -webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;
  border:4px solid var(--green);box-shadow:0 4px 10px -3px rgba(2,59,45,.5);cursor:pointer
}

.plant-roi-page input[type=range]::-moz-range-thumb {
  width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--green);cursor:pointer
}

.plant-roi-page .row2 {display:grid;grid-template-columns:1fr 1fr;gap:12px}

.plant-roi-page .fieldset {border-top:1px dashed var(--line);margin-top:16px;padding-top:14px}

.plant-roi-page .fieldset-t {font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:10px}


/* scenario chips */

.plant-roi-page .scen {display:flex;gap:7px;margin-top:12px}

.plant-roi-page .scen button {
  flex:1;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 6px;
  font-size:11.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:.2s
}

.plant-roi-page .scen button.on {background:var(--dark);border-color:var(--dark);color:#fff}

.plant-roi-page .scen button.on.cons {background:#8a6d12;border-color:#8a6d12}

.plant-roi-page .scen button.on.opt {background:var(--green-d);border-color:var(--green-d)}


/* ---------- equipment ---------- */

.plant-roi-page .eq-wrap {background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-s)}

.plant-roi-page .eq-top {display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}

.plant-roi-page .eq-total {
  margin-left:auto;display:flex;align-items:center;gap:14px;background:var(--dark);color:#fff;
  border-radius:16px;padding:11px 18px
}

.plant-roi-page .eq-total span {font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#9dc9a8}

.plant-roi-page .eq-total b {font-size:20px;color:var(--yellow)}

.plant-roi-page .eq-groups {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

.plant-roi-page .eq-g {border:1px solid var(--line);border-radius:16px;padding:13px 13px 9px;background:#fbfdfc}

.plant-roi-page .eq-g h4 {font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green-d);margin-bottom:9px;display:flex;gap:6px;align-items:center}

.plant-roi-page .eq-g h4 i {width:6px;height:6px;border-radius:2px;background:var(--green);font-style:normal;flex:none}

.plant-roi-page .eq-g.off {opacity:.45;filter:grayscale(.6)}

.plant-roi-page .eq-item {
  display:flex;gap:9px;align-items:flex-start;padding:7px 8px;border-radius:11px;cursor:pointer;
  transition:.18s background;line-height:1.3
}

.plant-roi-page .eq-item:hover {background:var(--green-l)}

.plant-roi-page .eq-item input {margin:2px 0 0;accent-color:var(--green);width:15px;height:15px;flex:none;cursor:pointer}

.plant-roi-page .eq-item .nm {font-size:12px;font-weight:600}

.plant-roi-page .eq-item .pr {font-size:10.5px;color:var(--muted);font-weight:700;display:block;margin-top:1px}

.plant-roi-page .eq-item.on .nm {color:var(--dark)}

.plant-roi-page .eq-item.opt .pr:after {content:" · optional";color:#b58900;font-weight:800}


/* ---------- flow ---------- */

.plant-roi-page .flow-wrap {background:linear-gradient(180deg,#063f31,#023b2d);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);overflow:hidden}

.plant-roi-page .flow-top {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}

.plant-roi-page .flow-top h3 {color:#fff;font-size:15px}

.plant-roi-page .flow-top .lbl {color:#9dc9a8}

.plant-roi-page .legend {margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}

.plant-roi-page .legend b {display:flex;align-items:center;gap:6px;font-size:10.5px;color:#bcdcc6;font-weight:600}

.plant-roi-page .legend i {width:9px;height:9px;border-radius:3px;display:block;font-style:normal}

.plant-roi-page .flow {display:flex;align-items:stretch;gap:0;overflow-x:auto;padding-bottom:6px}

.plant-roi-page .fstage {flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:7px}

.plant-roi-page .fstage-h {
  font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#8fc39c;font-weight:800;
  padding:0 2px 6px;border-bottom:1px solid rgba(255,255,255,.14);white-space:nowrap
}

.plant-roi-page .fnode {
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:#fff;
  border-radius:11px;padding:8px 9px;font-size:11px;font-weight:600;line-height:1.25;
  border-left:3px solid var(--green)
}

.plant-roi-page .fnode small {display:block;font-size:9px;color:#9dc9a8;font-weight:600;margin-top:2px;letter-spacing:.02em}

.plant-roi-page .fnode.f-feed {border-left-color:var(--yellow)}

.plant-roi-page .fnode.f-therm {border-left-color:#ff8a3d}

.plant-roi-page .fnode.f-gas {border-left-color:#57c4d8}

.plant-roi-page .fnode.f-sep {border-left-color:#a8d94a}

.plant-roi-page .fnode.f-tmp {border-left-color:#9dc3b4}

.plant-roi-page .fnode.f-ag {border-left-color:#f2e6a8;background:rgba(251,190,5,.15)}

.plant-roi-page .fnode.f-prod {background:rgba(118,181,25,.17);border-left-color:var(--green)}

.plant-roi-page .fnode.ghost {border-style:dashed;background:transparent;color:#9dc9a8;border-left-color:rgba(255,255,255,.25);font-weight:600}

.plant-roi-page .farrow {display:flex;align-items:center;padding:22px 6px 0;color:rgba(255,255,255,.3);font-size:19px;flex:none}

.plant-roi-page .frow2 {display:grid;grid-template-columns:1fr 1fr;gap:7px}


/* ---------- KPIs ---------- */

.plant-roi-page .kpi-band {display:grid;grid-template-columns:repeat(4,1fr);gap:18px}

.plant-roi-page .kpi {background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow-s);position:relative;overflow:hidden}

.plant-roi-page .kpi:before {content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:var(--green)}

.plant-roi-page .kpi span {font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}

.plant-roi-page .kpi b {display:block;font-size:27px;margin-top:7px;color:var(--dark);letter-spacing:-.03em;line-height:1.05}

.plant-roi-page .kpi em {font-style:normal;font-size:12px;color:var(--muted);display:block;margin-top:6px}

.plant-roi-page .kpi.dark {background:linear-gradient(135deg,var(--dark),var(--dark-3));border-color:transparent}

.plant-roi-page .kpi.dark span {color:#9dc9a8}
.plant-roi-page .kpi.dark b {color:#fff}
.plant-roi-page .kpi.dark em {color:#a9cfb6}

.plant-roi-page .kpi.dark:before {background:var(--yellow)}

.plant-roi-page .kpi.yellow {background:linear-gradient(135deg,var(--yellow),#ffd75e);border-color:transparent}

.plant-roi-page .kpi.yellow span, .plant-roi-page .kpi.yellow em {color:#7a5c00}

.plant-roi-page .kpi.yellow b {color:var(--dark)}

.plant-roi-page .kpi.yellow:before {background:var(--dark)}

.plant-roi-page .kpi.green {background:linear-gradient(135deg,var(--green),#9bd244);border-color:transparent}

.plant-roi-page .kpi.green span, .plant-roi-page .kpi.green em {color:#26400a}

.plant-roi-page .kpi.green b {color:#0d2606}

.plant-roi-page .kpi.green:before {background:var(--dark)}

.plant-roi-page .kpi.slim {padding:15px 18px}

.plant-roi-page .kpi.slim b {font-size:21px}

.plant-roi-page .kpi-band.slim {grid-template-columns:repeat(5,1fr);margin-top:18px}


/* ---------- tables ---------- */

.plant-roi-page .two-col {display:grid;grid-template-columns:1.18fr .82fr;gap:22px}

.plant-roi-page .two-col.eq {grid-template-columns:1fr 1fr}

.plant-roi-page .thead {display:flex;align-items:center;gap:10px;margin-bottom:12px}

.plant-roi-page .thead h3 {font-size:16px}

.plant-roi-page .thead .lbl {margin-left:auto}

.plant-roi-page table {width:100%;border-collapse:collapse;font-size:13px}

.plant-roi-page th {
  text-align:left;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#fff;
  background:var(--dark);padding:9px 10px;font-weight:800
}

.plant-roi-page th:first-child {border-radius:10px 0 0 10px}

.plant-roi-page th:last-child {border-radius:0 10px 10px 0;text-align:right}

.plant-roi-page td {padding:7px 9px;border-bottom:1px solid var(--line)}

.plant-roi-page td:last-child {text-align:right;font-weight:700}

.plant-roi-page tbody tr:hover {background:#fafdf8}

.plant-roi-page tr.tot td {border-bottom:0;border-top:2px solid var(--dark);font-weight:800;background:#f6faf7}

.plant-roi-page .tm {font-size:10.5px;color:var(--muted);font-weight:600;display:block}

.plant-roi-page .bar {height:6px;border-radius:6px;background:#e7efe9;overflow:hidden;min-width:52px}

.plant-roi-page .bar i {display:block;height:100%;background:var(--green);border-radius:6px}

.plant-roi-page .bar i.y {background:var(--yellow)}

.plant-roi-page .bar i.d {background:var(--dark)}


/* ---------- cashflow ---------- */

.plant-roi-page .cash {display:grid;grid-template-columns:1fr;gap:13px}

.plant-roi-page .cash-row {display:grid;grid-template-columns:104px 1fr 132px;gap:12px;align-items:center}

.plant-roi-page .cash-row .k {font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em}

.plant-roi-page .cash-row .v {text-align:right;font-weight:800;font-size:14px}

.plant-roi-page .track {height:22px;border-radius:8px;background:#f0f5f2;display:flex;align-items:center;overflow:hidden}

.plant-roi-page .track i {display:block;height:100%;border-radius:8px;min-width:3px;transition:width .5s cubic-bezier(.2,.8,.2,1)}

.plant-roi-page .track i.rev {background:linear-gradient(90deg,var(--dark),var(--dark-3))}

.plant-roi-page .track i.cost {background:linear-gradient(90deg,#cdd9d3,#aebfb7)}

.plant-roi-page .track i.pro {background:linear-gradient(90deg,var(--green),#a3d94f)}

.plant-roi-page .pb {margin-top:16px;background:#f7faf8;border:1px solid var(--line);border-radius:16px;padding:15px}

.plant-roi-page .pb-top {display:flex;align-items:baseline;gap:10px;margin-bottom:9px}

.plant-roi-page .pb-top b {font-size:19px;color:var(--dark)}

.plant-roi-page .pb-top span {font-size:11.5px;color:var(--muted);font-weight:600}

.plant-roi-page .pb-track {height:12px;background:#e7efe9;border-radius:10px;overflow:hidden}

.plant-roi-page .pb-track i {display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--yellow),var(--green));transition:width .6s cubic-bezier(.2,.8,.2,1)}

.plant-roi-page .pb-scale {display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:6px;font-weight:600}


/* ---------- bom ---------- */

.plant-roi-page .inv-side {display:grid;gap:14px;align-content:start}

.plant-roi-page .inv-box {background:linear-gradient(135deg,#f7fbf8,#eef6f0);border:1px solid var(--line);border-radius:18px;padding:18px}

.plant-roi-page .inv-line {display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:13px}

.plant-roi-page .inv-line:last-child {border-bottom:0}

.plant-roi-page .inv-line b {font-weight:800}

.plant-roi-page .inv-line.big {font-size:16px;border-bottom:0;padding-top:12px;border-top:2px solid var(--dark);margin-top:4px}

.plant-roi-page .cta-card {
  background:
    radial-gradient(420px 220px at 108% -20%,rgba(118,181,25,.4),transparent 60%),
    linear-gradient(135deg,var(--dark),var(--dark-3));
  border-radius:24px;padding:24px;color:#fff;box-shadow:var(--shadow)
}

.plant-roi-page .cta-card h3 {font-size:19px}

.plant-roi-page .cta-card p {margin:9px 0 18px;color:#bcdcc6;font-size:13px}

.plant-roi-page .btn-block {width:100%;margin-bottom:10px;padding:15px 20px;font-size:15px}

.plant-roi-page .mini-note {font-size:11px;color:#9dc9a8;display:flex;gap:8px;align-items:flex-start;line-height:1.5}

.plant-roi-page .mini-note svg {flex:none;margin-top:2px}


/* ---------- assumptions ---------- */

.plant-roi-page .asm {background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-s)}

.plant-roi-page .asm-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}

.plant-roi-page .asm-grid div {font-size:12.5px;color:var(--muted);line-height:1.6}

.plant-roi-page .asm-grid b {display:block;color:var(--dark);font-size:12.5px;margin-bottom:4px;font-weight:800}

.plant-roi-page .asm-grid span {color:var(--green-d);font-weight:800}


/* ---------- modal ---------- */

.plant-roi-page .foot {
  background:linear-gradient(120deg,var(--dark),var(--dark-3));border-radius:var(--r);padding:24px 26px;color:#fff;
  display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:center;box-shadow:var(--shadow)
}

.plant-roi-page .foot-l p {margin:12px 0 0;color:#bcdcc6;font-size:13px;max-width:620px}

.plant-roi-page .foot-r {display:grid;gap:10px;justify-items:stretch}

.plant-roi-page .foot-stat {background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px}

.plant-roi-page .foot-stat span {font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#9dc9a8;font-weight:700}

.plant-roi-page .foot-stat b {display:block;font-size:13px;margin-top:3px}

@media(max-width:900px) {
.plant-roi-page .foot {grid-template-columns:1fr}

}


.plant-roi-page .inc-groups {display:grid;grid-template-columns:1fr 1fr;gap:14px}

.plant-roi-page .inc-g {border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fbfdfc}

.plant-roi-page .inc-g h4 {font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green-d);margin-bottom:8px;display:flex;gap:6px;align-items:center}

.plant-roi-page .inc-g h4 i {width:6px;height:6px;border-radius:2px;background:var(--green);font-style:normal;flex:none}

.plant-roi-page .inc-g ul {list-style:none;margin:0;padding:0}

.plant-roi-page .inc-g li {font-size:12.5px;font-weight:600;padding:5px 0 5px 14px;position:relative;line-height:1.35}

.plant-roi-page .inc-g li:before {content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--green)}

.plant-roi-page .inc-g li span {display:block;font-size:10.5px;color:var(--muted);font-weight:600;margin-top:1px}

.plant-roi-page .benefit-card {background:linear-gradient(135deg,#f7fbf8,#eef6f0);border:1px solid var(--line);border-radius:18px;padding:18px}

.plant-roi-page .benefits {list-style:none;margin:12px 0 0;padding:0}

.plant-roi-page .benefits li {position:relative;padding:7px 0 7px 26px;font-size:13px;line-height:1.45;border-bottom:1px dashed var(--line)}

.plant-roi-page .benefits li:last-child {border-bottom:0}

.plant-roi-page .benefits li:before {content:"\2713";position:absolute;left:0;top:7px;width:17px;height:17px;border-radius:50%;background:var(--green);color:#fff;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}

.plant-roi-page .total-hero {background:linear-gradient(135deg,var(--dark),var(--dark-3));border-radius:18px;padding:20px;color:#fff}

.plant-roi-page .total-hero span {font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#9dc9a8;font-weight:700}

.plant-roi-page .total-hero b {display:block;font-size:34px;color:var(--yellow);letter-spacing:-.03em;margin-top:6px;line-height:1.05}

.plant-roi-page .total-hero em {font-style:normal;display:block;font-size:11.5px;color:#bcdcc6;margin-top:7px;line-height:1.5}

.plant-roi-page .lock {background:#fff;border:1px dashed #cfe0d7;border-radius:16px;padding:13px 15px;margin-top:14px}

.plant-roi-page .lock-row {display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:6px 0;border-bottom:1px dashed var(--line);color:var(--muted)}

.plant-roi-page .lock-row b {color:var(--dark);letter-spacing:.14em;font-weight:900}

.plant-roi-page .lock-row.tot {border-bottom:0;color:var(--dark);font-weight:800;font-size:13.5px;padding-top:9px}

.plant-roi-page .lock-row.tot b {color:var(--green-d);letter-spacing:0}

.plant-roi-page details.adv {border-top:1px dashed var(--line);margin-top:14px;padding-top:12px}

.plant-roi-page details.adv summary {cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green-d);list-style:none;outline:none}

.plant-roi-page details.adv summary::-webkit-details-marker {display:none}

.plant-roi-page details.adv summary:before {content:"+  ";font-weight:900}

.plant-roi-page details.adv[open] summary:before {content:"\2013  "}


.plant-roi-page .modal {position:fixed;inset:0;background:rgba(2,25,19,.62);backdrop-filter:blur(4px);z-index:120;display:none;align-items:flex-start;justify-content:center;overflow:auto;padding:36px 18px}

.plant-roi-page .modal.on {display:flex}

.plant-roi-page .modal-box {background:#fff;border-radius:26px;width:1000px;max-width:100%;overflow:hidden;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);animation:pop .3s cubic-bezier(.2,.9,.2,1)}

@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

.plant-roi-page .modal-head {background:linear-gradient(120deg,var(--dark),var(--dark-3));color:#fff;padding:24px 26px;display:flex;gap:16px;align-items:flex-start}

.plant-roi-page .modal-head h3 {font-size:20px}

.plant-roi-page .modal-head p {margin:7px 0 0;color:#bcdcc6;font-size:12.5px}

.plant-roi-page .x {margin-left:auto;background:rgba(255,255,255,.12);border:0;color:#fff;width:34px;height:34px;border-radius:10px;cursor:pointer;font-size:17px;flex:none}

.plant-roi-page .x:hover {background:rgba(255,255,255,.22)}

.plant-roi-page .modal-body {display:grid;grid-template-columns:1.08fr .92fr;gap:0}

.plant-roi-page .modal-form {padding:24px 26px}

.plant-roi-page .modal-sum {background:#f7faf8;border-left:1px solid var(--line);padding:24px 26px}

.plant-roi-page .qsum {font-size:12.5px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}

.plant-roi-page .qsum div {display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line)}

.plant-roi-page .qsum div:last-child {border-bottom:0}

.plant-roi-page .qsum div b {font-weight:800}

.plant-roi-page .qsum div.hl {background:var(--yellow-l)}

.plant-roi-page .qsum div.hl b {color:#8a6d12}

.plant-roi-page .ok {background:var(--green-l);border:1px solid #cde8a6;color:#3f6b0d;border-radius:14px;padding:12px 14px;font-size:12.5px;font-weight:700;margin-bottom:14px}

.plant-roi-page .req {color:#c0392b}


/* ---------- report (print) ---------- */

.plant-roi-page #report {display:none}

@media print {

  @page{size:A4;margin:12mm}

  .plant-roi-page {background:#fff;font-size:11px}

  .plant-roi-page .topbar, .plant-roi-page .hero, .plant-roi-page .sec, .plant-roi-page .modal, .plant-roi-page .no-print {display:none!important}

  .plant-roi-page #report {display:block!important}

  .plant-roi-page #report h1 {font-size:22px}

  .plant-roi-page #report .rt {border:1px solid #999;border-radius:6px;padding:10px;margin-bottom:10px}

  .plant-roi-page #report h3 {margin:14px 0 6px;font-size:13px;color:#023b2d}

  .plant-roi-page #report table {width:100%;border-collapse:collapse;font-size:10.5px}

  .plant-roi-page #report th {background:#023b2d!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:5px 6px}

  .plant-roi-page #report td {padding:5px 6px;border-bottom:1px solid #ddd;text-align:left!important}

  .plant-roi-page #report .rgrid {display:grid;grid-template-columns:repeat(4,1fr);gap:6px}

  .plant-roi-page #report .rk {border:1px solid #ccc;border-radius:6px;padding:8px}

  .plant-roi-page #report .rk span {font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#555}

  .plant-roi-page #report .rk b {display:block;font-size:15px;color:#023b2d;margin-top:3px}

  .plant-roi-page .pgbreak {page-break-inside:avoid}


}


/* ---------- responsive ---------- */

@media(min-width:1180px) {

  .plant-roi-page .stagger>*:nth-child(2) {transform:translateY(20px)}

  .plant-roi-page .stagger>*:nth-child(3) {transform:translateY(40px)}


}

@media(max-width:1340px) {

  .plant-roi-page .eq-groups {grid-template-columns:repeat(2,1fr)}


}

@media(max-width:1180px) {

  .plant-roi-page .hero-grid, .plant-roi-page .two-col, .plant-roi-page .two-col.eq, .plant-roi-page .modal-body {grid-template-columns:1fr}

  .plant-roi-page .flow-wrap {overflow-x:auto}

  .plant-roi-page .flow {min-width:1080px}

  .plant-roi-page .kpi-band {grid-template-columns:repeat(2,1fr)}

  .plant-roi-page .kpi-band.slim {grid-template-columns:repeat(3,1fr)}

  .plant-roi-page .asm-grid {grid-template-columns:repeat(2,1fr)}

  .plant-roi-page .modal-sum {border-left:0;border-top:1px solid var(--line)}

  .plant-roi-page .stagger>*:nth-child(2), .plant-roi-page .stagger>*:nth-child(3) {transform:none}


}

@media(max-width:900px) {

  .plant-roi-page .stagger {grid-template-columns:1fr}

  .plant-roi-page .eq-groups {grid-template-columns:1fr 1fr}

  .plant-roi-page .live {display:none}

  .plant-roi-page .hero-main {padding:28px 24px}

  .plant-roi-page .hero-main h1 {font-size:29px}

  .plant-roi-page .sec-head .note {text-align:left;margin-left:0}


}

@media(max-width:640px) {

  .plant-roi-page .sw {padding:0 15px}

  .plant-roi-page .kpi-band, .plant-roi-page .kpi-band.slim {grid-template-columns:1fr}

  .plant-roi-page .eq-groups {grid-template-columns:1fr}

  .plant-roi-page .row2 {grid-template-columns:1fr}

  .plant-roi-page .asm-grid {grid-template-columns:1fr}

  .plant-roi-page .hero-main h1 {font-size:25px}

  .plant-roi-page .topbar .sw {gap:10px}

  .plant-roi-page .brand {font-size:13.5px;min-width:0;overflow:hidden}

  .plant-roi-page .brand small {display:none}

  .plant-roi-page .topbar .btn {padding:9px 13px;font-size:12.5px}

  .plant-roi-page .table-scroll {display:block;overflow-x:auto}

  .plant-roi-page .card table {table-layout:fixed}

  .plant-roi-page .card th, .plant-roi-page .card td {white-space:normal;word-break:break-word;font-size:11.5px;padding:6px 5px}


}


/* ============================================================
   READABILITY & SPACING PASS — bigger type, looser rhythm,
   every row of boxes aligned
   ============================================================ */

.plant-roi-page {font-size:16px;line-height:1.62}

.plant-roi-page .lbl {font-size:11.5px;letter-spacing:.13em}


.plant-roi-page .hero {padding:30px 0 8px}

.plant-roi-page .hero-grid {gap:28px}

.plant-roi-page .hero-main {padding:44px 42px 40px}

.plant-roi-page .hero-main h1 {font-size:41px}

.plant-roi-page .hero-main p {font-size:16.5px;line-height:1.7;max-width:600px}

.plant-roi-page .hero-chips {gap:11px;margin-top:26px}

.plant-roi-page .hchip {font-size:13.5px;padding:10px 17px}


.plant-roi-page .setup {padding:28px 28px 24px}

.plant-roi-page .setup-head {margin-bottom:6px;gap:11px}

.plant-roi-page .setup-head h3 {font-size:16.5px}

.plant-roi-page .step-n {width:28px;height:28px;font-size:13px;border-radius:10px}

.plant-roi-page .seg {gap:10px;margin-top:14px}

.plant-roi-page .seg button {padding:13px 14px;font-size:14.5px;border-radius:15px}

.plant-roi-page .seg.mini button {padding:12px 12px}

.plant-roi-page .seg.mini button b {font-size:14px}

.plant-roi-page .seg.mini button span {font-size:12px;margin-top:3px}

.plant-roi-page .seg-hint {font-size:12px;margin-top:11px;line-height:1.6}


.plant-roi-page .sec {margin-top:32px}

.plant-roi-page .sec-head {margin-bottom:22px;gap:18px}

.plant-roi-page .sec-head h2 {font-size:26px}

.plant-roi-page .sec-head .note {font-size:13.5px;line-height:1.65;max-width:620px}

.plant-roi-page .card {padding:24px;border-radius:24px}

.plant-roi-page .stagger {gap:24px}

.plant-roi-page .stagger>*:nth-child(2), .plant-roi-page .stagger>*:nth-child(3) {transform:none!important}


.plant-roi-page .field {margin-bottom:20px}

.plant-roi-page .field-top {margin-bottom:10px;gap:9px}

.plant-roi-page .field-top label {font-size:14px}

.plant-roi-page .field-top .unit {font-size:12px}

.plant-roi-page .field-top .val {font-size:14px}

.plant-roi-page .inp {padding:13px 15px;font-size:15px;border-radius:13px}

.plant-roi-page .row2 {gap:16px}

.plant-roi-page .fieldset {margin-top:20px;padding-top:18px}

.plant-roi-page .fieldset-t {font-size:11.5px;margin-bottom:12px}

.plant-roi-page .scen {gap:8px;margin-top:14px}

.plant-roi-page .scen button {padding:10px 8px;font-size:12.5px}

.plant-roi-page input[type=range] {height:7px;margin-top:9px}

.plant-roi-page .inv-line {font-size:14.5px;padding:11px 0;gap:14px}


.plant-roi-page .thead {margin-bottom:15px;gap:12px}

.plant-roi-page .thead h3 {font-size:17.5px}

.plant-roi-page table {font-size:14px}

.plant-roi-page th {font-size:11px;padding:12px 13px}

.plant-roi-page td {padding:12px 13px}

.plant-roi-page .tm {font-size:11.5px;margin-top:3px}


.plant-roi-page .kpi-band {gap:20px}

.plant-roi-page .kpi {padding:22px;border-radius:22px}

.plant-roi-page .kpi span {font-size:12px}

.plant-roi-page .kpi b {font-size:31px;margin-top:9px}

.plant-roi-page .kpi em {font-size:12.5px;margin-top:8px}

.plant-roi-page .kpi.slim {padding:19px 21px}

.plant-roi-page .kpi.slim b {font-size:24px}

.plant-roi-page .kpi-band.slim {grid-template-columns:repeat(4,1fr);margin-top:20px}


.plant-roi-page .cash {gap:15px}

.plant-roi-page .cash-row {grid-template-columns:122px 1fr 150px;gap:14px}

.plant-roi-page .cash-row .k {font-size:13px}

.plant-roi-page .cash-row .v {font-size:15px}

.plant-roi-page .track {height:24px}

.plant-roi-page .pb {padding:18px;margin-top:20px;border-radius:18px}

.plant-roi-page .pb-top b {font-size:21px}

.plant-roi-page .pb-top span {font-size:12.5px}


.plant-roi-page .inv-box {padding:21px;border-radius:20px}

.plant-roi-page .total-hero {padding:24px;border-radius:20px}

.plant-roi-page .total-hero b {font-size:40px}

.plant-roi-page .total-hero em {font-size:12.5px;line-height:1.65}

.plant-roi-page .cta-card {padding:26px;border-radius:26px}

.plant-roi-page .cta-card h3 {font-size:21px}

.plant-roi-page .cta-card p {font-size:14px;line-height:1.6}

.plant-roi-page .lock {padding:16px 18px}

.plant-roi-page .lock-row {font-size:13.5px;padding:8px 0}

.plant-roi-page .btn {padding:13px 24px}

.plant-roi-page .btn-block {padding:17px 22px;font-size:16px;margin-bottom:12px}

.plant-roi-page .mini-note {font-size:12px;line-height:1.6}

.plant-roi-page details.adv summary {font-size:12px}

.plant-roi-page .foot {padding:28px 28px}

.plant-roi-page .asm {padding:24px}

.plant-roi-page .asm-grid {gap:20px;margin-top:16px}

.plant-roi-page .asm-grid div {font-size:13.5px;line-height:1.72}

.plant-roi-page .asm-grid b {font-size:13.5px;margin-bottom:6px}


/* ---- process flow: vertical stepped chain ---- */

.plant-roi-page .flow-wrap {padding:26px 28px 16px;border-radius:26px}

.plant-roi-page .flow-top {margin-bottom:4px;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.14)}

.plant-roi-page .flow-top h3 {font-size:17.5px}

.plant-roi-page .flow-top .lbl {font-size:11.5px}

.plant-roi-page .legend {gap:16px}

.plant-roi-page .legend b {font-size:12px;gap:7px}

.plant-roi-page .legend i {width:10px;height:10px;border-radius:3px}


.plant-roi-page .fchain {display:block}

.plant-roi-page .fstep {display:grid;grid-template-columns:48px 1fr;gap:20px;position:relative;padding:14px 0}

.plant-roi-page .fstep:first-child {padding-top:14px}

.plant-roi-page .fstep:last-child {padding-bottom:4px}

.plant-roi-page .fstep:not(:last-child):after {
  content:"";position:absolute;left:23px;bottom:-16px;height:50px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,rgba(118,181,25,.55),rgba(118,181,25,.12))
}

.plant-roi-page .fnum {
  position:relative;z-index:1;width:48px;height:48px;border-radius:16px;flex:none;
  font-size:17px;font-weight:900;display:flex;align-items:center;justify-content:center;color:#fff;
  background:#0b4a3a;border:1px solid rgba(118,181,25,.55)
}

.plant-roi-page .fbody {min-width:0}

.plant-roi-page .fbody-h {display:flex;align-items:baseline;gap:13px;margin-bottom:13px;flex-wrap:wrap}

.plant-roi-page .fbody-h b {font-size:17.5px;color:#fff;letter-spacing:-.01em}

.plant-roi-page .fbody-h span {font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8fc39c;font-weight:800}

.plant-roi-page .fpills {display:flex;flex-wrap:wrap;gap:11px}

.plant-roi-page .fpill {
  display:block;font-size:14px;font-weight:600;line-height:1.35;color:#eaf6ee;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.17);
  border-left:3px solid var(--green);border-radius:13px;padding:11px 15px;max-width:360px
}

.plant-roi-page .fpill em {display:block;font-style:normal;font-size:12px;font-weight:600;color:#a9cfb6;margin-top:3px}

.plant-roi-page .fpill.f-feed {border-left-color:#fbbe05}

.plant-roi-page .fpill.f-therm {border-left-color:#ff8a3d}

.plant-roi-page .fpill.f-gas {border-left-color:#57c4d8}

.plant-roi-page .fpill.f-sep {border-left-color:#a8d94a}

.plant-roi-page .fpill.f-tmp {border-left-color:#9dc3b4}

.plant-roi-page .fpill.f-ag {border-left-color:#f2e6a8;background:rgba(251,190,5,.14)}

.plant-roi-page .fpill.f-prod {background:rgba(118,181,25,.2);border-left-color:var(--green)}

.plant-roi-page .fpill.ghost {border-style:dashed;border-left-style:dashed;background:transparent;color:#9dc9a8}


@media(max-width:1180px) {

  .plant-roi-page .stagger>*:nth-child(2), .plant-roi-page .stagger>*:nth-child(3) {transform:none}

  .plant-roi-page .kpi-band.slim {grid-template-columns:repeat(2,1fr)}

  .plant-roi-page .hero-main {padding:32px 26px}

  .plant-roi-page .hero-main h1 {font-size:31px}


}

@media(max-width:900px) {

  .plant-roi-page .fstep {grid-template-columns:42px 1fr;gap:15px}

  .plant-roi-page .fnum {width:42px;height:42px;font-size:15px;border-radius:14px}

  .plant-roi-page .fstep:not(:last-child):after {left:20px}

  .plant-roi-page .fpill {max-width:none}

  .plant-roi-page .flow-wrap {padding:20px 18px 12px}


}

@media(max-width:640px) {

  .plant-roi-page .kpi-band, .plant-roi-page .kpi-band.slim {grid-template-columns:1fr}

  .plant-roi-page .hero-main h1 {font-size:26px}

  .plant-roi-page .sec-head h2 {font-size:21px}

  .plant-roi-page .kpi b {font-size:26px}

  .plant-roi-page .kpi.slim b {font-size:21px}

  .plant-roi-page .total-hero b {font-size:31px}

  .plant-roi-page .cash-row {grid-template-columns:96px 1fr}

  .plant-roi-page .cash-row .v {grid-column:2;text-align:right}


}


/* ============================================================
   FINAL PASS — bigger config type, roomier assumptions,
   process-flow teaser in the quote card
   ============================================================ */

.plant-roi-page .thead h3 {font-size:19px}

.plant-roi-page .field-top label {font-size:15px}

.plant-roi-page .field-top .unit {font-size:12.5px}

.plant-roi-page .field-top .val {font-size:15px}

.plant-roi-page .inp {padding:14px 16px;font-size:16px}

.plant-roi-page .fieldset-t {font-size:12px}

.plant-roi-page .inv-line {font-size:15px;padding:12px 0}

.plant-roi-page .scen button {font-size:13.5px;padding:11px 8px}

.plant-roi-page .seg-hint {font-size:12.5px;line-height:1.65}

.plant-roi-page .lbl {font-size:12px}


.plant-roi-page .asm {padding:26px}

.plant-roi-page .asm-grid {grid-template-columns:repeat(2,1fr);gap:22px;margin-top:20px}

.plant-roi-page .asm-grid div {
  font-size:14.5px;line-height:1.85;color:var(--muted);
  background:#f7fbf8;border:1px solid var(--line);border-radius:16px;padding:20px 22px
}

.plant-roi-page .asm-grid b {font-size:14.5px;margin-bottom:8px;line-height:1.5}


.plant-roi-page .tease {
  background:rgba(251,190,5,.13);border:1px solid rgba(251,190,5,.42);
  border-left:4px solid var(--yellow);border-radius:15px;padding:15px 17px;margin-top:16px
}

.plant-roi-page .tease b {display:block;font-size:14px;font-weight:800;color:var(--yellow);margin-bottom:7px}

.plant-roi-page .tease em {font-style:normal;font-size:12.5px;line-height:1.65;color:#cfe6d8;display:block}


@media(max-width:1180px) {

  .plant-roi-page .asm-grid {grid-template-columns:1fr 1fr}


}

@media(max-width:760px) {

  .plant-roi-page .asm-grid {grid-template-columns:1fr}


}


/* breathing room at the bottom of the page */

.plant-roi-page {padding-bottom:70px}

@media(max-width:640px) {
.plant-roi-page {padding-bottom:48px}

}

@media print {
.plant-roi-page {padding-bottom:0}

}


/* ---- lithium additions ---- */

.plant-roi-page .seg.mini.g5 {display:grid;grid-template-columns:1fr 1fr;gap:8px}

.plant-roi-page .seg.mini.g5 button {padding:9px 10px}


/* ---- slightly larger micro-type for readability ---- */

.plant-roi-page .field-top label {font-size:13.5px}

.plant-roi-page .field-top .unit {font-size:12px}

.plant-roi-page .seg.mini button b {font-size:13px}

.plant-roi-page .seg.mini button span {font-size:11.5px}

.plant-roi-page .seg-hint {font-size:11.5px;line-height:1.5}

.plant-roi-page .card th, .plant-roi-page .card td {font-size:12.5px}

.plant-roi-page .inv-line {font-size:14px}

.plant-roi-page .cash-row .k {font-size:13px}

.plant-roi-page .pb-scale {font-size:11px}

.plant-roi-page .lock-row {font-size:13px}

.plant-roi-page .total-hero em {font-size:12px}

.plant-roi-page .tease em {font-size:13px}

.plant-roi-page .qsum div {font-size:12.5px}


/* PV dl-row additions */

.plant-roi-page .dl-row {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}

.plant-roi-page .dl-row .btn {width:100%;padding:15px 12px;font-size:14.5px;margin:0}

.plant-roi-page .btn-outline {background:transparent;border:1.5px solid rgba(255,255,255,.38);color:#dff0e5}

.plant-roi-page .btn-outline:hover {border-color:var(--green);color:#fff;background:rgba(118,181,25,.18)}

@media(max-width:640px) {

  .plant-roi-page .dl-row {grid-template-columns:1fr}

  .plant-roi-page .dl-row .btn {font-size:15px}


}




/* ============================================================
   TOP HERO BANNER STYLES
   ============================================================ */
.plant-roi-page .plant-banner {
  position: relative;
  width: 100%;
  min-height: 620px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.plant-roi-page.plant-roi-solar .plant-banner {
  background-image: url('../images/solar-panel-recycling-bg.jpg');
}
.plant-roi-page.plant-roi-lithium .plant-banner {
  background-image: url('../images/lithium-battery-recycling-bg.jpg');
}
.plant-roi-page .plant-banner .plant-banner-container {
  width: 1400px;
  max-width: 100%;
  margin: 0 auto;
  padding: 50px 30px;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 560px;
  box-sizing: border-box;
}
.plant-roi-page .plant-banner .plant-banner-content {
  position: relative;
  z-index: 5;
  max-width: 580px;
  padding-bottom: 20px;
}
.plant-roi-page .plant-banner .banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.plant-roi-page .plant-banner .banner-badge-bar {
  width: 32px;
  height: 3.5px;
  background: #76b519;
  border-radius: 2px;
  display: inline-block;
}
.plant-roi-page .plant-banner .banner-badge-text {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1a3328;
}
.plant-roi-page .plant-banner .banner-main-title {
  margin: 0 0 32px 0;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.plant-roi-page .plant-banner .banner-main-title .title-dark {
  display: block;
  font-size: clamp(34px, 4.2vw, 56px);
  font-weight: 800;
  color: #111e18;
  margin-bottom: 4px;
}
.plant-roi-page .plant-banner .banner-main-title .title-green {
  display: block;
  font-size: clamp(34px, 4.2vw, 56px);
  font-weight: 800;
  color: #6bb418;
}
.plant-roi-page .plant-banner .banner-btn-wrap {
  margin-top: 10px;
}
.plant-roi-page .plant-banner .plant-banner-btn {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(135deg, #439626 0%, #367d1d 100%);
  color: #ffffff;
  padding: 12px 16px 12px 28px;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  cursor: pointer;
  box-shadow: 0 10px 24px -8px rgba(54, 125, 29, 0.65);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  text-decoration: none;
  line-height: 1;
}
.plant-roi-page .plant-banner .plant-banner-btn:hover {
  background: linear-gradient(135deg, #4da92c 0%, #3c8e21 100%);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -8px rgba(54, 125, 29, 0.8);
  color: #ffffff;
}
.plant-roi-page .plant-banner .plant-banner-btn:active {
  transform: translateY(1px);
}
.plant-roi-page .plant-banner .plant-banner-btn .plant-banner-btn-arrow {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #205011;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.plant-roi-page .plant-banner .plant-banner-btn:hover .plant-banner-btn-arrow {
  transform: translateX(4px);
}
.plant-roi-page .plant-banner .plant-banner-btn .plant-banner-btn-arrow svg {
  stroke: #ffffff;
  display: block;
}

.plant-roi-page .plant-banner .banner-product-box {
  position: absolute;
  right: 15px;
  bottom: 25px;
  width: 63%;
  max-width: 980px;
  z-index: 3;
  pointer-events: none;
}
.plant-roi-page .plant-banner .banner-product-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 0;
}
.plant-roi-page .plant-banner .banner-product-img {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.08));
}
.plant-roi-page .plant-banner .banner-product-shine {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.plant-roi-page.plant-roi-solar .plant-banner .banner-product-shine {
  -webkit-mask-image: url('../images/solar-panel-recycling-img.png');
  mask-image: url('../images/solar-panel-recycling-img.png');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.plant-roi-page.plant-roi-lithium .plant-banner .banner-product-shine {
  -webkit-mask-image: url('../images/lithium-battery-recycling-img.png');
  mask-image: url('../images/lithium-battery-recycling-img.png');
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.plant-roi-page .plant-banner .banner-product-shine::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -120%;
  width: 60%;
  height: 200%;
  background: linear-gradient(
    105deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.15) 30%,
    rgba(255, 255, 255, 0.85) 50%,
    rgba(255, 255, 255, 0.15) 70%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: rotate(20deg);
  animation: plantRoiLightSweep 5s infinite cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes plantRoiLightSweep {
  0% {
    left: -120%;
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  30% {
    left: 140%;
    opacity: 1;
  }
  36% {
    left: 140%;
    opacity: 0;
  }
  100% {
    left: 140%;
    opacity: 0;
  }
}

@media (max-width: 1120px) {
  .plant-roi-page .plant-banner {
    min-height: auto;
    padding: 40px 0 20px;
  }
  .plant-roi-page .plant-banner .plant-banner-container {
    flex-direction: column;
    align-items: flex-start;
    min-height: auto;
  }
  .plant-roi-page .plant-banner .banner-product-box {
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 800px;
    margin-top: 30px;
  }
}
@media (max-width: 640px) {
  .plant-roi-page .plant-banner .banner-main-title .title-dark,
  .plant-roi-page .plant-banner .banner-main-title .title-green {
    font-size: 32px;
  }
  .plant-roi-page .plant-banner .plant-banner-btn {
    font-size: 15px;
    padding: 10px 14px 10px 20px;
    gap: 12px;
  }
  .plant-roi-page .plant-banner .plant-banner-btn .plant-banner-btn-arrow {
    width: 32px;
    height: 32px;
  }
}

/* ============================================================
   BANNER TUNE (2026-10-19 v3)
   · banner keeps its original 620px height and cover photo
   · copy eased back up (it was sitting too low)
   · machine is anchored just right of the copy and runs
     diagonally up to ~1500px, ~37px above the banner bottom
   ============================================================ */
.plant-roi-page .plant-banner{overflow:hidden}
.plant-roi-page .plant-banner .plant-banner-container{position:static}
.plant-roi-page .plant-banner .plant-banner-content{transform:translateY(16px)}
.plant-roi-page .plant-banner .banner-product-box{left:clamp(600px,37vw,740px);right:auto;bottom:28px;width:clamp(660px,42vw,820px);max-width:820px;transform:none}