.sp-form{flex-direction:column;gap:10px;max-width:640px;display:flex}@media (min-width:640px){.sp-form{flex-direction:row}}.sp-input{border:2px solid var(--color-slate-300);min-width:0;color:var(--color-navy);background:#fff;border-radius:999px;flex:1;padding:14px 22px;font-size:18px}.sp-input:focus{border-color:var(--color-blue);outline:none;box-shadow:0 0 0 4px #2563eb2e}.sp-input[aria-invalid=true]{border-color:#dc2626}.sp-form .cn-btn:disabled{opacity:.6;cursor:progress}.sp-panel{--sp-good:var(--color-lime);--sp-ok:#f5a524;--sp-poor:#ef5a4c;--sp-label:13rem;background:var(--color-navy);color:#fff;border-radius:24px;padding:24px 18px 26px}@media (min-width:768px){.sp-panel{padding:36px 40px}}.sp-chart{margin-top:28px;position:relative}.sp-row{grid-template-columns:1fr;align-items:center;gap:6px;padding:10px 0;display:grid}@media (min-width:768px){.sp-row{grid-template-columns:var(--sp-label) 1fr;gap:18px}}.sp-rowlabel{font-family:var(--font-display);color:#cbd5e1;font-size:15px;font-weight:600;line-height:1.2}.sp-track{height:34px;position:relative}.sp-bar{transform-origin:0;border-radius:6px;animation:.9s cubic-bezier(.2,.7,.2,1) both sp-grow;position:absolute;inset:0 auto 0 0}.sp-bar[data-band=good]{background:var(--sp-good)}.sp-bar[data-band=ok]{background:var(--sp-ok)}.sp-bar[data-band=poor]{background:var(--sp-poor)}.sp-bar.sp-spread{opacity:.85;background-image:repeating-linear-gradient(-45deg,#0f2b4573 0 5px,#0000 5px 10px);border-radius:0 6px 6px 0}.sp-delay-1{animation-delay:.25s}.sp-delay-2{animation-delay:.5s}@keyframes sp-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sp-scale{color:#94a3b8;font-variant-numeric:tabular-nums;height:22px;margin-top:4px;font-size:12.5px;position:relative}.sp-tick{position:absolute;top:0;transform:translate(-50%)}.sp-tick:first-child{transform:none}@media (min-width:768px){.sp-scale-wrap{margin-left:calc(var(--sp-label) + 18px)}}.sp-goodmark{z-index:1;border-left:2px dashed #ffffffe6;position:absolute;top:-8px;bottom:-8px}.sp-goodmark span{white-space:nowrap;font-family:var(--font-display);color:var(--sp-good);font-size:13px;font-style:normal;font-weight:600;display:none;position:absolute;bottom:calc(100% + 2px);left:-2px}.sp-legend{color:var(--sp-good);font-size:14px;font-family:var(--font-display);align-items:center;gap:10px;margin-top:10px;font-weight:600;display:flex}.sp-legend i{border-left:2px dashed #ffffffe6;width:0;height:18px}@media (min-width:768px){.sp-goodmark span{display:block}.sp-legend{display:none}.sp-chart .sp-row:first-child{padding-top:30px}}.sp-steps li{color:#94a3b8;align-items:center;gap:12px;padding:6px 0;display:flex}.sp-steps li[data-state=now]{color:#fff}.sp-steps li[data-state=done]{color:#cbd5e1}.sp-dot{border:2px solid;border-radius:999px;flex:none;width:12px;height:12px}.sp-steps li[data-state=done] .sp-dot{background:var(--sp-good);border-color:var(--sp-good)}.sp-steps li[data-state=now] .sp-dot{border-color:var(--sp-good);animation:1.1s ease-in-out infinite sp-pulse}@keyframes sp-pulse{50%{box-shadow:0 0 0 5px #a3e63540}}.sp-fix{border-top:2px solid var(--color-slate-200);gap:6px;padding:18px 0 20px;display:grid}@media (min-width:768px){.sp-fix{grid-template-columns:1fr auto;column-gap:24px}}.sp-saving{font-family:var(--font-display);color:var(--color-navy);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}@media (min-width:768px){.sp-saving{text-align:right;grid-row:span 2}}.sp-tag{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.sp-tag-yes{color:#3f6212;background:#ecfccb}.sp-tag-no{color:#475569;background:#f1f5f9}.sp-note{border-left:4px solid var(--color-blue);background:var(--color-blue-light);border-radius:0 12px 12px 0;padding:14px 18px}@media (prefers-reduced-motion:reduce){.sp-bar,.sp-steps li[data-state=now] .sp-dot{animation:none}}