.roi .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.roi{background:radial-gradient(60rem 26rem at 50% -6rem, var(--glow), transparent 70%), var(--bg);padding-bottom:64px}.roi-col{max-width:calc(48rem + 32px)}@media (width>=768px){.roi-col{max-width:calc(48rem + 64px)}}.roi-head{text-align:center;padding:112px 0 32px}@media (width>=768px){.roi-head{padding-top:128px}}.roi-pill{border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand);border-radius:999px;margin-bottom:24px;padding:6px 16px;font-size:.875rem;font-weight:600;display:inline-block}.roi-head h1{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.875rem,5vw,3rem);font-weight:800;line-height:1.15}.roi-sub{max-width:42rem;color:var(--ink-2);margin:0 auto;font-size:clamp(1rem,2vw,1.125rem)}.roi-card,.roi-box,.roi-explain{border:1px solid color-mix(in srgb, var(--brand) 14%, var(--rule));background:color-mix(in srgb, var(--brand) 4%, var(--surface));border-radius:20px}.roi-card{padding:24px}@media (width>=768px){.roi-card{padding:32px}}.roi-reset-row{justify-content:flex-end;margin-bottom:16px;display:flex}.roi-reset{color:var(--brand-text);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:.875rem;text-decoration:underline}.roi-field{margin-bottom:24px}.roi-field--last{margin-bottom:32px}.roi-label{color:var(--ink-2);margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.roi-label--chips{margin-bottom:12px}.roi-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.roi-row .roi-label{margin-bottom:0}.roi-row--wrap{flex-wrap:wrap}.roi-label-group{align-items:center;gap:6px;display:inline-flex}.roi-value{color:var(--brand-text);flex-shrink:0;font-size:1.125rem;font-weight:700}.roi-chips{flex-wrap:wrap;gap:8px;display:flex}.roi-chip{border:1px solid var(--rule);min-height:36px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font:500 .875rem/1.2 Inter,ui-sans-serif,system-ui,sans-serif;transition:border-color .2s,color .2s,box-shadow .2s,background-color .2s}.roi-chip:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--rule));color:var(--ink)}.roi-chip.is-active{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 16%, transparent);color:var(--ink);box-shadow:0 0 12px color-mix(in srgb, var(--brand) 30%, transparent)}.roi-input{border:1px solid var(--rule);background:var(--bg);width:7rem;height:48px;color:var(--ink);border-radius:10px;padding:0 12px;font:400 1rem/1 Inter,ui-sans-serif,system-ui,sans-serif}.roi-input--job{text-align:right;width:8rem;height:44px}.roi-input:focus-visible{outline:2px solid var(--brand-text);outline-offset:1px}.roi-money{align-items:center;gap:4px;display:inline-flex}.roi-money__sign{color:var(--ink-2)}.roi-money__sign--sm,.roi-money__unit{font-size:.875rem}.roi-money__unit{color:var(--ink-2)}.roi-slider{--fill:50%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:6px 0}.roi-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--brand) var(--fill), var(--surface-2) var(--fill));border-radius:999px;height:8px}.roi-slider::-moz-range-track{background:linear-gradient(90deg, var(--brand) var(--fill), var(--surface-2) var(--fill));border-radius:999px;height:8px}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--brand);background:var(--bg);width:24px;height:24px;box-shadow:0 0 8px color-mix(in srgb, var(--brand) 50%, transparent);border-radius:50%;margin-top:-8px}.roi-slider::-moz-range-thumb{border:2px solid var(--brand);background:var(--bg);width:20px;height:20px;box-shadow:0 0 8px color-mix(in srgb, var(--brand) 50%, transparent);border-radius:50%}.roi-tip{display:inline-flex;position:relative}.roi-tip__btn{color:var(--ink-2);cursor:help;background:0 0;border:0;padding:2px;display:inline-flex}.roi-tip__btn:hover{color:var(--brand)}.roi-tip__text{z-index:10;border:1px solid var(--rule);background:var(--bg);width:max-content;max-width:min(20rem,80vw);box-shadow:var(--shadow);color:var(--ink);border-radius:8px;padding:8px 12px;font-size:.75rem;font-weight:400;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.roi-tip:hover .roi-tip__text,.roi-tip__btn:focus-visible+.roi-tip__text{display:block}.roi-tip.is-dismissed .roi-tip__text{display:none}.roi-results:focus{outline:none}.roi-check{min-height:44px;color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;margin-top:12px;font-size:.875rem;font-weight:600;display:flex}.roi-check input{width:20px;height:20px;accent-color:var(--brand);cursor:pointer;margin:0}.roi-calc{font-size:1rem}.roi-results{padding-top:32px}.roi-grid{gap:16px;margin-bottom:24px;display:grid}@media (width>=768px){.roi-grid{grid-template-columns:1fr 1fr}}.roi-box{padding:20px}.roi-box__label,.roi-total__label{color:var(--ink-2);letter-spacing:.025em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:600}.roi-total__label{font-size:.875rem}.roi-box__fig{color:var(--ink);font-variant-numeric:tabular-nums;font-family:Poppins,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.5rem;font-weight:800;display:block}.roi-mo{color:var(--ink-2);margin-top:4px;font-size:.875rem}.roi-mo__fig{color:var(--ink-2);font-variant-numeric:tabular-nums}.roi-mo--lg{margin-top:8px;font-size:1rem}.roi-divider{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--brand) 50%, transparent), transparent);height:1px;box-shadow:0 0 12px color-mix(in srgb, var(--brand) 30%, transparent);margin:24px 0}.roi-total{border:1px solid color-mix(in srgb, var(--brand) 25%, var(--rule));background:color-mix(in srgb, var(--brand) 6%, var(--surface));text-align:center;border-radius:20px;margin-bottom:24px;padding:24px}@media (width>=768px){.roi-total{padding:32px}}.roi-total__fig{font-variant-numeric:tabular-nums;font-family:Poppins,Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(2.25rem,6vw,3rem);font-weight:800;line-height:1.15;display:inline-block}.roi-total__count{background:linear-gradient(135deg, var(--brand) 0%, var(--cta-b) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.roi-plan{color:var(--ink-2);margin-top:16px;font-size:.875rem}.roi-explain{margin-bottom:24px}.roi-explain__toggle{width:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:20px;font:600 .875rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.roi-explain__toggle:hover{color:var(--ink)}.roi-explain__toggle svg{transition:transform .2s}.roi-explain__toggle[aria-expanded=true] svg{transform:rotate(180deg)}.roi-explain__panel{color:var(--ink-2);padding:0 20px 20px;font-size:.875rem}.roi-explain__panel p+p{margin-top:8px}.roi-explain__panel strong{color:var(--ink)}.roi-disclaimer{color:var(--ink-2);text-align:center;margin-bottom:32px;font-size:.75rem}.roi-cta{text-align:center}.roi-cta__btn{width:100%;max-width:28rem}@keyframes roi-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes roi-glow{0%,to{box-shadow:0 0 20px #1fb8ff4d}50%{box-shadow:0 0 40px #1fb8ff80}}@media (prefers-reduced-motion:no-preference){.roi-results.is-playing .roi-anim{opacity:0;animation:roi-slide-up .6s ease-out var(--delay,0s) forwards}.roi-results.is-playing .roi-total{opacity:0;animation:.6s ease-out .3s forwards roi-slide-up,2.5s ease-in-out .3s infinite roi-glow}}