.spf{--spf-ink:#303133;--spf-muted:#707276;--spf-line:#dedfe1;--spf-soft:#f7f7f7;color:var(--spf-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;padding:68px 0 34px}.spf *{box-sizing:border-box}.spf button,.spf a{font:inherit}.spf__intro{margin:0 auto 34px;text-align:center}.spf__intro p{margin:0 0 9px;color:#777;font-size:14px;font-weight:600}.spf__intro h2{margin:0;font-size:clamp(31px,4.2vw,50px);font-weight:600;letter-spacing:-.035em;line-height:1.1}.spf__intro span{display:block;margin-top:14px;color:var(--spf-muted);font-size:16px}.spf__card{min-height:590px;padding:clamp(28px,5vw,62px);border-radius:27px;background:#fff;box-shadow:0 12px 34px rgba(30,32,36,.07)}.spf__progress-row{display:flex;justify-content:space-between;color:#777;font-size:12px}.spf__progress{height:3px;margin-top:12px;overflow:hidden;border-radius:20px;background:#ececed}.spf__progress span{display:block;width:0;height:100%;border-radius:20px;background:#303133;transition:width .35s ease}.spf__question{margin:52px 0 34px;animation:spf-rise .34s ease both}.spf__eyebrow{margin:0 0 13px;color:#717277;font-size:13px;font-weight:600}.spf h3{max-width:800px;margin:0;font-size:clamp(34px,5vw,55px);font-weight:600;letter-spacing:-.045em;line-height:1.08}.spf__helper{margin:17px 0 0;color:var(--spf-muted);font-size:15px}.spf__answers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.spf__answer{min-height:92px;padding:18px;display:grid;grid-template-columns:38px 1fr 28px;gap:14px;align-items:center;border:1px solid var(--spf-line);border-radius:18px;background:#fff;color:var(--spf-ink);text-align:right;cursor:pointer;transition:.2s}.spf__answer:hover,.spf__answer:focus-visible{border-color:#303133;background:#fafafa;box-shadow:0 8px 22px rgba(30,32,36,.08);outline:none;transform:translateY(-2px)}.spf__index{color:#a0a1a4;font-size:11px;font-variant-numeric:tabular-nums}.spf__answer-text{display:flex;flex-direction:column;gap:7px}.spf__answer-text strong{font-size:17px;font-weight:600}.spf__answer-text small{color:var(--spf-muted);line-height:1.35}.spf__arrow{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#303133;color:#fff;font-size:16px}.spf__footer{margin-top:30px;display:flex;justify-content:space-between;align-items:center;color:#929397;font-size:11px}.spf__back,.spf__restart{padding:0;border:0;background:transparent;color:#636468;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.spf__back:disabled{opacity:.25;cursor:default}.spf__result{margin-top:52px;animation:spf-rise .4s ease both}.spf__result-copy{max-width:700px;color:var(--spf-muted);font-size:17px;line-height:1.7}.spf__summary{margin:34px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--spf-line);border-radius:17px;background:var(--spf-line)}.spf__summary div{padding:20px;display:flex;flex-direction:column;gap:7px;background:#fafafa}.spf__summary span{color:var(--spf-muted);font-size:11px}.spf__summary strong{font-size:15px}.spf__recommendation{padding:27px;display:flex;justify-content:space-between;align-items:flex-end;gap:28px;border-radius:20px;background:#303133;color:#fff}.spf__recommendation>div>span{color:#d9dadd;font-size:11px;font-weight:600}.spf__recommendation h4{margin:10px 0 8px;color:#fff;font-size:24px;font-weight:600}.spf__recommendation p{max-width:650px;margin:0;color:#d0d1d3;font-size:14px;line-height:1.55}.spf__recommendation a{flex:0 0 auto;padding:14px 19px;border-radius:12px;background:#fff;color:#202124;font-weight:600;text-decoration:none}.spf__restart{margin-top:24px}.spf__disclaimer{margin:20px auto 0;color:#88898c;font-size:11px;text-align:center}@keyframes spf-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:640px){.spf{padding:46px 0 28px}.spf__intro{margin-bottom:25px;padding:0 8px}.spf__intro span{font-size:14px;line-height:1.55}.spf__card{min-height:0;padding:25px 18px;border-radius:22px}.spf__question,.spf__result{margin-top:38px}.spf h3{font-size:36px}.spf__helper{font-size:13px}.spf__answers{grid-template-columns:1fr}.spf__answer{min-height:78px}.spf__footer span{display:none}.spf__summary{grid-template-columns:1fr}.spf__recommendation{align-items:stretch;flex-direction:column}.spf__recommendation a{text-align:center}}@media(prefers-reduced-motion:reduce){.spf *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

