.nps-stack{flex-direction:column;gap:28px;display:flex}.nps-stack .st-h2,.nps-stack .st-answer,.nps-note{text-align:center}.nps-stack .st-answer{margin-inline:auto}.nps-stack .st-explore{justify-content:center}.nps-body{--nps-fill:#1717170d;--nps-promoter:#2c78dc;--nps-passive:#a9cdf7;--nps-detractor:#e8836b;color:var(--lp-window-ink);padding:28px}.nps-grid{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:28px;display:grid}.nps-inputs{flex-direction:column;gap:20px;display:flex}.nps-field{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.nps-field>label{letter-spacing:-.01em;font:600 14px/20px Inter,sans-serif}.nps-range{color:var(--lp-window-ink-2);font-weight:500}.nps-field input,.nps-paste{color:inherit;background:var(--nps-fill);border:0;border-radius:12px;outline:none;font:500 16px/1 Inter,sans-serif}.nps-field input{font-variant-numeric:tabular-nums;height:44px;padding:0 14px}.nps-paste{resize:vertical;border-radius:16px;min-height:220px;max-height:50vh;padding:14px;font:500 15px/24px Geist Mono,ui-monospace,monospace}.nps-paste::placeholder,.nps-field input::placeholder{color:var(--lp-window-ink-2)}.nps-field input:focus-visible,.nps-paste:focus-visible{box-shadow:0 0 0 2px var(--lp-window-ink)}.nps-hint{color:var(--lp-window-ink-2);font:400 13px/18px Inter,sans-serif}.nps-link{font:inherit;color:var(--lp-window-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.nps-choice{background:var(--nps-fill);border-radius:14px;gap:4px;padding:4px;display:flex}.nps-choice button{height:36px;color:var(--lp-window-ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;font:500 14px/1 Inter,sans-serif}.nps-choice button[aria-pressed=true]{color:var(--lp-window-ink);background:var(--lp-window);box-shadow:0 1px 2px #142c601f,0 4px 10px -6px #142c604d}.nps-choice button:focus-visible,.nps-link:focus-visible{outline:2px solid var(--lp-window-ink);outline-offset:2px}.nps-result{background:linear-gradient(#eef5ff 0%,#e7f0fc 100%);border-radius:20px;flex-direction:column;gap:6px;padding:24px;display:flex}.nps-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:#2366c2;font:600 12px/16px Inter,sans-serif}.nps-result strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font:600 56px/60px Inter,sans-serif}.nps-band{letter-spacing:-.01em;font:600 16px/22px Inter,sans-serif}.nps-breakdown{flex-direction:column;gap:10px;margin-top:12px;display:flex}.nps-bar{background:#1717170f;border-radius:999px;gap:2px;height:10px;display:flex;overflow:hidden}.nps-bar span{width:var(--w);background:var(--nps-promoter)}.nps-dot{background:var(--nps-promoter);border-radius:999px;width:8px;height:8px}.nps-bar span[data-group=passive],.nps-groups [data-group=passive] .nps-dot{background:var(--nps-passive)}.nps-bar span[data-group=detractor],.nps-groups [data-group=detractor] .nps-dot{background:var(--nps-detractor)}.nps-groups{flex-direction:column;gap:4px;margin:0;display:flex}.nps-groups div{justify-content:space-between;gap:12px;font:500 14px/20px Inter,sans-serif;display:flex}.nps-groups dt{align-items:center;gap:8px;display:flex}.nps-groups dd{font-variant-numeric:tabular-nums;margin:0}.nps-result p{margin:12px 0 0;font:400 15px/23px Inter,sans-serif}.nps-result .nps-aside{color:var(--lp-window-ink-2)}.nps-result .nps-fine{margin-top:4px;font-size:13px;line-height:18px}.nps-aside a{color:inherit;text-underline-offset:3px;text-decoration:underline}.nps-cta{color:#fafafa;cursor:pointer;background:linear-gradient(#3d3d3d 0%,#1c1c1c 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:42px;margin-top:16px;padding:0 18px;font:600 14px/1 Inter,sans-serif;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 8px 18px -10px #142c6099}.nps-cta:focus-visible{outline:2px solid var(--lp-window-ink);outline-offset:2px}:where(html[data-theme=dark]) .nps-body{--nps-fill:#ffffff0f}:where(html[data-theme=dark]) .nps-result{background:#78aef51a}:where(html[data-theme=dark]) .nps-bar{background:#ffffff14}:where(html[data-theme=dark]) .nps-eyebrow{color:#8dbcf7}:where(html[data-theme=dark]) .nps-cta{color:#141416;background:linear-gradient(#fff 0%,#e6e6ea 100%)}@media (width<=759px){.nps-body{padding:20px}.nps-grid{grid-template-columns:minmax(0,1fr)}}