/* ── NAV POPOUT MODALS (CER / Payoff Tool) — shared across all pages ── */
.nav-popout{position:fixed;inset:0;z-index:9700;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
.nav-popout.open{opacity:1;visibility:visible}
.nav-popout-overlay{position:absolute;inset:0;background:rgba(15,28,38,.55);backdrop-filter:blur(4px)}
.nav-popout-card{position:relative;z-index:1;background:#fff;border-radius:var(--r-xl);padding:40px 44px;max-width:560px;width:100%;box-shadow:0 24px 72px rgba(15,28,38,.22);animation:popout-in .3s cubic-bezier(.22,1,.36,1)}
@keyframes popout-in{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
.nav-popout-close{position:absolute;top:16px;right:18px;font-size:22px;color:var(--text-3);cursor:pointer;line-height:1;transition:color .2s;background:none;border:none;font-family:inherit}
.nav-popout-close:hover{color:var(--text-1)}
.nav-popout-label{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.nav-popout-title{font-size:26px;font-weight:800;color:var(--text-1);letter-spacing:-.6px;margin-bottom:10px}
.nav-popout-sub{font-size:15px;color:var(--text-2);line-height:1.7;margin-bottom:24px}
.nav-popout-features{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.nav-popout-feature{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--text-2);line-height:1.55}
.nav-popout-feature-icon{width:20px;height:20px;border-radius:50%;background:rgba(0,157,165,.12);border:1.5px solid rgba(0,157,165,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}