/* "Will you hit your number?" calculator (homepage + /calculator/) */
.calc{display:grid;grid-template-columns:1fr 1.1fr;gap:0;border-radius:28px;overflow:hidden;background:#fff;border:1px solid rgba(31,27,58,.10);box-shadow:0 1px 2px rgba(31,27,58,.05),0 24px 60px rgba(31,27,58,.10)}
.calc-in{padding:36px}
.calc-in .kicker{margin-bottom:10px}
.calc-in h2{font:600 clamp(28px,3.4vw,40px)/1.1 Sora,Inter,sans-serif;letter-spacing:-.03em;margin:0 0 10px;color:#1F1B3A}
.calc-in>p{color:#4B4868;font-size:16.5px;margin:0 0 24px;line-height:1.55}
.calc label{display:block;font:600 14px Inter,sans-serif;color:#4B4868;margin-bottom:16px}
.calc .money{position:relative;margin-top:7px}
.calc .money span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#77748F;font:600 18px Inter,sans-serif}
.calc input,.calc select{display:block;width:100%;box-sizing:border-box;margin-top:7px;font:600 20px Inter,sans-serif;color:#1F1B3A;background:#FAFAFD;border:1px solid rgba(31,27,58,.16);border-radius:14px;padding:13px 16px;font-variant-numeric:tabular-nums}
.calc .money input{padding-left:34px;margin-top:0}
.calc input:focus,.calc select:focus{outline:none;border-color:#7C6CF2;box-shadow:0 0 0 4px rgba(124,108,242,.16);background:#fff}
.calc-out{background:radial-gradient(600px 300px at 100% 0%,rgba(124,108,242,.5),transparent 60%),#1F1B3A;color:#fff;padding:36px;display:flex;flex-direction:column;gap:22px}
.calc-top{display:flex;gap:24px;align-items:center}
.calc-ring{width:132px;height:132px;flex:none}
.calc-ring .pct{font:600 26px Sora,Inter,sans-serif;fill:#fff}
.calc-ring .lbl{font:500 11px Inter,sans-serif;fill:#C9C6E0}
.calc-verdict{font:600 22px/1.25 Sora,Inter,sans-serif;letter-spacing:-.015em}
.calc-verdict small{display:block;margin-top:8px;font:400 15px/1.5 Inter,sans-serif;color:#C9C6E0;letter-spacing:0}
.calc-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc-stats div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px}
.calc-stats span{display:block;font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#C9C6E0}
.calc-stats b{display:block;margin-top:4px;font:600 24px Sora,Inter,sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.calc-stats b.ok{color:#B9F3E4} .calc-stats b.warn{color:#FFB49E}
.calc-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.calc-cta .btn{background:#B9F3E4;color:#1F1B3A}
.calc-note{font-size:12.5px;color:#9C98BB;margin:0}
@media(max-width:860px){.calc{grid-template-columns:1fr}.calc-in,.calc-out{padding:26px 22px}.calc-top{gap:16px}.calc-ring{width:108px;height:108px}.calc-stats b{font-size:20px}}
@media(max-width:520px){.calc-top{flex-direction:column;align-items:flex-start}.calc-verdict{font-size:20px}}

/* brand dropdown arrow (the Yegly check) */
.calc select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M5.5%209l6.5%206.5L18.5%209%27%20fill%3D%27none%27%20stroke%3D%27%231F1B3A%27%20stroke-width%3D%273.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;padding-right:48px}