.spp-roi{--spp-accent:var(--e-global-color-spp_red,#ec1c24);--spp-accent-deep:var(--e-global-color-spp_red_deep,#d20f17);--spp-ink:var(--e-global-color-spp_ink,#1a1817);--spp-ink-soft:var(--e-global-color-spp_ink_soft,#6b6560);--spp-line:var(--e-global-color-spp_line,#dcd8d4);--spp-bg:var(--e-global-color-spp_paper,#fbfaf8);--spp-display:var(--e-global-typography-accent-font-family,"Inter"),"IBM Plex Sans Thai",sans-serif;--spp-text:var(--e-global-typography-text-font-family,"IBM Plex Sans Thai"),sans-serif;--spp-ease:cubic-bezier(.16,1,.3,1);display:grid;gap:clamp(2.5rem,5vw,4rem);grid-template-columns:1fr;color:var(--spp-ink);font-family:var(--spp-text)}.spp-roi--dark{--spp-ink:#f2efec;--spp-ink-soft:#9a938d;--spp-line:rgba(242,239,236,.22);--spp-bg:#141211}@media (min-width:1040px){.spp-roi{grid-template-columns:minmax(0,30ch) minmax(0,1fr);gap:clamp(3rem,6vw,6rem);align-items:start}}.spp-roi__ctrl{display:flex;flex-direction:column;gap:2.5rem}.spp-roi__row label{display:block;font-family:var(--spp-display);font-weight:700;font-size:.875rem;letter-spacing:.06em;color:var(--spp-ink-soft);margin-bottom:.5em}.spp-roi__val{display:block;font-family:var(--spp-display);font-weight:900;font-size:clamp(1.75rem,3vw,2.25rem);letter-spacing:-.03em;line-height:1;margin-bottom:.7em}.spp-roi__val small{font-size:.42em;font-weight:700;letter-spacing:.06em;color:var(--spp-ink-soft);margin-left:.5em}.spp-roi__tiny{font-size:.8125rem;line-height:1.6;color:var(--spp-ink-soft);margin:.4em 0 0}.spp-roi__note{margin-top:1.6rem;max-width:62ch}.spp-roi input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:46px;background:0 0;cursor:pointer;display:block;margin:0}.spp-roi input[type=range]::-webkit-slider-runnable-track{height:3px;background:color-mix(in srgb,var(--spp-ink) 26%,transparent)}.spp-roi input[type=range]::-moz-range-track{height:3px;background:color-mix(in srgb,var(--spp-ink) 26%,transparent)}.spp-roi input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:var(--spp-accent);border:4px solid var(--spp-bg);margin-top:-14px;box-shadow:0 2px 10px rgba(0,0,0,.38)}.spp-roi input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--spp-accent);border:4px solid var(--spp-bg);box-shadow:0 2px 10px rgba(0,0,0,.38)}.spp-roi input[type=range]:focus-visible{outline:2px solid var(--spp-accent);outline-offset:4px}.spp-roi__seg{display:flex;border:1px solid var(--spp-line);border-radius:2px;overflow:hidden}.spp-roi__seg button{flex:1;min-height:48px;padding:.6em .4em;background:0 0;border:0;cursor:pointer;font-family:var(--spp-display);font-weight:700;font-size:.875rem;color:var(--spp-ink-soft);transition:background .26s var(--spp-ease),color .26s var(--spp-ease)}.spp-roi__seg button+button{border-left:1px solid var(--spp-line)}.spp-roi__seg button[aria-pressed=true]{background:var(--spp-accent-deep);color:#fff}.spp-roi__btn{align-self:flex-start;display:inline-flex;align-items:center;gap:.6em;min-height:48px;padding:.85em 1.5em;background:var(--spp-accent-deep);color:#fff;text-decoration:none;font-family:var(--spp-display);font-weight:800;font-size:.9375rem;border-radius:2px;transition:background .26s var(--spp-ease),transform .26s var(--spp-ease)}.spp-roi__btn:hover,.spp-roi__btn:focus-visible{background:var(--spp-accent);color:#fff;transform:translateY(-2px)}.spp-roi__chart{position:relative;border-top:1px solid var(--spp-line)}.spp-roi__chart svg{display:block;width:100%;height:auto}.spp-roi__readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--spp-line);margin-top:1.5rem}@media (min-width:820px){.spp-roi__readout{grid-template-columns:repeat(4,minmax(0,1fr))}}.spp-roi__readout>div{padding:1.5rem 1.5rem 0 0;border-right:1px solid var(--spp-line)}.spp-roi__readout>div:nth-child(2n){border-right:0;padding-left:1.5rem}@media (min-width:820px){.spp-roi__readout>div,.spp-roi__readout>div:nth-child(2n){border-right:1px solid var(--spp-line);padding-inline:1.5rem}.spp-roi__readout>div:first-child{padding-left:0}.spp-roi__readout>div:last-child{border-right:0;padding-right:0}}.spp-roi__v{display:block;font-family:var(--spp-display);font-weight:900;font-size:clamp(1.5rem,2.6vw,2.25rem);letter-spacing:-.03em;line-height:1.05}.spp-roi__v--accent{color:var(--spp-accent)}.spp-roi__k{display:block;font-size:.8125rem;color:var(--spp-ink-soft);margin-top:.55em;line-height:1.5}.spp-roi__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}