/* Nate CTA System — DrLoanTool.com */

/* Post-Calculator Conversion Card */
.nate-conversion-card{background:var(--white);border:2px solid var(--navy);border-radius:12px;padding:32px;margin-bottom:24px;text-align:center}
.nate-conversion-card h3{font-family:var(--font-heading);font-size:13pt;font-weight:700;color:var(--navy);margin-bottom:8px}
.nate-conversion-card .nate-subhead{font-size:10pt;color:var(--gray-500);margin-bottom:20px;line-height:1.6}
.nate-conversion-card .nate-form{max-width:400px;margin:0 auto;text-align:left}
.nate-conversion-card .nate-form input,.nate-conversion-card .nate-form select{width:100%;padding:12px 14px;border:1px solid var(--gray-300);border-radius:8px;font-size:0.95rem;font-family:var(--font-body);margin-bottom:12px;transition:border-color 0.2s}
.nate-conversion-card .nate-form input:focus,.nate-conversion-card .nate-form select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,145,178,0.1)}
.nate-conversion-card .nate-submit{width:100%;padding:14px;background:var(--navy);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-body);transition:background 0.2s;margin-bottom:16px}
.nate-conversion-card .nate-submit:hover{background:#162040}
.nate-trust-row{font-size:0.82rem;color:var(--gray-500);line-height:1.6;margin-bottom:16px}
.nate-info{font-size:0.82rem;color:var(--gray-600);line-height:1.6}
.nate-info strong{color:var(--navy)}
.nate-info a{color:var(--teal);font-weight:600}

/* Submitted state — shrink to confirmation strip */
.nate-conversion-card.submitted{padding:16px 24px;background:rgba(16,185,129,0.08);border-color:var(--green)}
.nate-conversion-card.submitted .nate-form,.nate-conversion-card.submitted .nate-subhead,.nate-conversion-card.submitted .nate-trust-row,.nate-conversion-card.submitted .nate-info{display:none}
.nate-conversion-card.submitted h3{font-size:0.95rem;color:#059669;margin-bottom:0}

/* Sticky Floating Button — Desktop */
.nate-sticky-btn{position:fixed;bottom:24px;right:24px;z-index:800;background:var(--navy);color:var(--white);padding:14px 28px;border-radius:50px;font-size:0.9rem;font-weight:700;font-family:var(--font-body);cursor:pointer;border:none;box-shadow:0 4px 20px rgba(0,0,0,0.25);transition:background 0.2s,transform 0.1s;text-decoration:none;display:none}
.nate-sticky-btn:hover{background:#162040;transform:translateY(-2px);color:var(--white)}
@media(min-width:901px){.nate-sticky-btn{display:block}}

/* Sticky Floating Button — Mobile */
.nate-mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:800;background:var(--navy);text-align:center;padding:14px 20px;box-shadow:0 -2px 12px rgba(0,0,0,0.2)}
.nate-mobile-bar a{color:var(--white);font-size:0.95rem;font-weight:600;text-decoration:none;display:block}
@media(max-width:900px){.nate-mobile-bar{display:block}body{padding-bottom:56px}}

/* Exit Intent Popup */
.nate-exit-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:900;justify-content:center;align-items:center;padding:24px}
.nate-exit-overlay.open{display:flex}
.nate-exit-popup{background:#fff;border-radius:12px;max-width:500px;width:100%;padding:36px 32px;position:relative;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
.nate-exit-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--gray-400);line-height:1}
.nate-exit-close:hover{color:var(--gray-700)}
.nate-exit-popup h3{font-family:var(--font-heading);font-size:1.4rem;color:var(--navy);margin-bottom:8px}
.nate-exit-popup .nate-exit-sub{font-size:0.92rem;color:var(--gray-600);margin-bottom:20px;line-height:1.6}
.nate-exit-popup .nate-form{max-width:360px;margin:0 auto;text-align:left}
.nate-exit-popup .nate-form input,.nate-exit-popup .nate-form select{width:100%;padding:10px 14px;border:1px solid var(--gray-300);border-radius:8px;font-size:0.9rem;font-family:var(--font-body);margin-bottom:10px}
.nate-exit-popup .nate-form input:focus,.nate-exit-popup .nate-form select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(8,145,178,0.1)}
.nate-exit-popup .nate-submit{width:100%;padding:14px;background:var(--navy);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-body);margin-bottom:12px}
.nate-exit-popup .nate-submit:hover{background:#162040}
.nate-exit-dismiss{font-size:0.82rem;color:var(--gray-400);cursor:pointer;background:none;border:none;font-family:var(--font-body)}
.nate-exit-dismiss:hover{color:var(--gray-600)}
.nate-exit-success{color:#059669;font-size:1rem;font-weight:600;padding:20px 0}
@media(max-width:600px){.nate-exit-popup{padding:28px 20px;margin:16px}.nate-exit-popup h3{font-size:1.2rem}}

/* End of Page CTA */
.nate-page-cta{background:var(--white);padding:64px 24px;text-align:center;border-top:1px solid var(--gray-200)}
.nate-page-cta .nate-page-inner{max-width:800px;margin:0 auto}
.nate-page-cta h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);color:var(--navy);margin-bottom:12px}
.nate-page-cta .nate-page-sub{font-size:0.95rem;color:var(--gray-600);line-height:1.7;margin-bottom:28px;max-width:600px;margin-left:auto;margin-right:auto}
.nate-page-cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.nate-page-cta .nate-btn-primary{display:inline-block;padding:16px 32px;background:var(--teal);color:var(--white);border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-body);text-decoration:none;transition:background 0.2s}
.nate-page-cta .nate-btn-primary:hover{background:var(--teal-light);color:var(--white)}
.nate-page-cta .nate-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:16px 32px;background:transparent;color:var(--navy);border:2px solid var(--navy);border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-body);text-decoration:none;transition:all 0.2s}
.nate-page-cta .nate-btn-secondary:hover{background:var(--navy);color:var(--white)}
.nate-page-cta .nate-trust-row{margin-bottom:20px}
.nate-page-cta .nate-credentials{font-size:0.82rem;color:var(--gray-500);line-height:1.6}
.nate-page-cta .nate-credentials strong{color:var(--navy)}
.nate-page-cta .nate-credentials a{color:var(--teal);font-weight:600}
@media(max-width:600px){.nate-page-cta-buttons{flex-direction:column;align-items:center}.nate-page-cta .nate-btn-primary,.nate-page-cta .nate-btn-secondary{width:100%;text-align:center;justify-content:center}}