.payback-open{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;margin-top:1px;padding:10px 1px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--sky);font:600 .875rem 'IBM Plex Sans',sans-serif;text-align:left;cursor:pointer}
.payback-open:hover{color:#fff}
.payback-open:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.payback{position:fixed;inset:0;margin:auto;width:min(1040px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line2);border-radius:20px;background:var(--bg2);color:var(--txt);overflow:auto;box-shadow:0 24px 90px rgba(0,0,0,.55);color-scheme:dark}
.payback::backdrop{background:rgba(2,5,14,.88);backdrop-filter:blur(5px)}
.payback [hidden]{display:none!important}
.pb-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:14px;padding:18px 24px;background:var(--bg2);border-bottom:1px solid var(--line)}
.pb-head>div{flex:1;min-width:0}
.pb-head h2{font-family:'Space Grotesk';font-size:1.3rem;line-height:1.2;color:#fff}
.pb-head p{font-size:.875rem;color:var(--muted);margin-top:4px}
.pb-close{width:44px;height:44px;flex:none;cursor:pointer;border:1px solid var(--line2);border-radius:10px;background:var(--panel);color:var(--txt);font:1.6rem sans-serif}
.pb-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:24px}
.pb-product{display:flex;gap:12px;align-items:center;margin-bottom:20px}
.pb-product img{width:68px;height:62px;object-fit:contain;background:#fff;border-radius:10px;padding:3px;flex:none}
.pb-product strong{font:600 1rem 'Space Grotesk',sans-serif;display:block;color:#fff}
.pb-product span{display:block;color:var(--muted);font-size:.875rem;margin-top:3px}
.pb-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}
.pb-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.pb-full{grid-column:1/-1}
.pb-field label{font-size:.875rem;font-weight:600;line-height:1.3}
.pb-field input,.pb-field select{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;background:var(--panel);color:#fff;font:1rem 'IBM Plex Sans',sans-serif}
.pb-field input::placeholder{color:var(--dim)}
.pb-field small{font-size:.875rem;color:var(--muted);line-height:1.5}
.pb-field [aria-invalid=true]{border-color:#ff9797}
.pb-field .pb-error{color:#ffb4b4}
.payback :is(button,input,select,a,summary):focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.pb-example{font:600 .875rem 'IBM Plex Sans',sans-serif;color:var(--sky);background:transparent;border:1px solid var(--line2);border-radius:8px;min-height:44px;cursor:pointer;padding:8px 12px;text-align:left}
.pb-optional{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}
.pb-optional summary{cursor:pointer;min-height:44px;line-height:1.4;font-size:.9375rem;font-weight:600;color:var(--sky);padding:10px 0}
.pb-optional .pb-fields{margin-top:10px}
.pb-result{align-self:start;position:sticky;top:104px;border:1px solid rgba(255,212,0,.3);border-radius:14px;background:var(--panel);overflow:hidden}
.pb-result-main{padding:24px}
.pb-eyebrow{font-size:.8125rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:16px}
.pb-total{font-family:'Space Grotesk';font-size:clamp(2.7rem,5vw,4rem);font-weight:700;line-height:1.05;color:var(--gold);overflow-wrap:anywhere}
.pb-total-unit{font-family:'Space Grotesk';font-size:1.1rem;line-height:1.3;margin-top:5px;color:#fff}
.pb-context,.pb-empty-text,.pb-months{font-size:1rem;line-height:1.6;color:var(--muted);margin-top:12px}
.pb-empty-title{font-family:'Space Grotesk';font-size:1.5rem;line-height:1.25;color:#fff}
.pb-months strong{color:var(--txt)}
.pb-breakdown{display:grid;gap:12px;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}
.pb-breakdown div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;font-size:.875rem;line-height:1.35}
.pb-breakdown dt{color:var(--muted)}
.pb-breakdown dd{text-align:right;font-weight:600;white-space:nowrap}
.pb-method{padding:16px 24px;border-top:1px solid var(--line);font-size:.875rem;line-height:1.5;color:var(--muted)}
.pb-method strong{color:var(--txt)}
.pb-disclaimer{padding:18px 24px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem;line-height:1.6}
.pb-disclaimer strong{color:var(--txt)}
@media(max-width:760px){
  .payback{width:100vw;max-height:100dvh;height:100dvh;border:0;border-radius:0}
  .pb-head{padding:14px 16px}
  .pb-head h2{font-size:1.15rem}
  .pb-layout{grid-template-columns:1fr;gap:22px;padding:20px 16px}
  .pb-result{position:static}
  .pb-result-main{padding:20px}
  .pb-disclaimer{padding:18px 16px max(22px,env(safe-area-inset-bottom))}
}
@media(max-width:600px){.pb-fields{grid-template-columns:1fr}.pb-breakdown div{flex-wrap:wrap;gap:4px 12px}.pb-breakdown dd{white-space:normal}}