.refinance-section{background-color:#fff}.refinance-section .container{max-width:1200px;margin:0 auto;padding:2rem 1rem;width:100%}@media (max-width: 768px){.refinance-section .container{padding:2rem 0}}.refinance-section h2{font-size:clamp(1.5rem,5vw,3rem);font-weight:700;background:var(--gradient);margin-bottom:1rem;-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;text-align:center}@media (max-width: 768px){.refinance-section h2{font-size:clamp(1.4rem,4vw,3rem)}}.refinance-section .section-divider{width:5rem;height:2px;background:var(--gradient);margin:0 auto 2rem;position:relative;overflow:hidden}.refinance-section .section-divider:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:slide 3s infinite}@keyframes slide{0%{left:-100%}50%{left:100%}to{left:-100%}}.refinance-section .refinance-intro{max-width:760px;margin:0 auto 2.5rem;text-align:center;font-size:1.05rem;line-height:1.6;color:var(--text-secondary)}.refinance-section .refinance-card{display:grid;grid-template-columns:1.3fr 1fr;background:var(--global-bg);border-radius:1rem;overflow:hidden;box-shadow:0 4px 32px #00000014;text-align:left}@media (max-width: 900px){.refinance-section .refinance-card{grid-template-columns:1fr}}.refinance-section .refinance-inputs{padding:2.25rem 2rem;display:flex;flex-direction:column;gap:2rem}@media (max-width: 480px){.refinance-section .refinance-inputs{padding:1.75rem 1.25rem}}.refinance-section .refi-group{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}.refinance-section .refi-legend{padding:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-dark);margin-bottom:.25rem}.refinance-section .refi-field{display:flex;flex-direction:column;gap:.6rem}.refinance-section .refi-field--number label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.refinance-section .refi-field--number input{width:100%;padding:.7rem .9rem;border:1px solid rgba(34,43,54,.16);border-radius:.5rem;background:#fff;color:var(--text-primary);font-variant-numeric:tabular-nums}.refinance-section .refi-field--number input:focus-visible{outline:2px solid var(--primary-dark);outline-offset:1px;border-color:var(--primary-dark)}.refinance-section .refi-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.9rem;font-weight:600;color:var(--text-secondary)}.refinance-section .refi-output{font-size:1.15rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.refinance-section .refi-range{--refi-fill: 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:32px;border-radius:999px;background-color:transparent;background-image:linear-gradient(to right,var(--primary-dark) 0%,var(--primary) var(--refi-fill),rgba(34,43,54,.12) var(--refi-fill),rgba(34,43,54,.12) 100%);background-repeat:no-repeat;background-position:center;background-size:100% 6px;outline:none;cursor:pointer}.refinance-section .refi-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--primary-dark);box-shadow:0 2px 8px #0000002e}.refinance-section .refi-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--primary-dark);box-shadow:0 2px 8px #0000002e}.refinance-section .refi-range:focus-visible{outline:3px solid var(--secondary);outline-offset:4px}.refinance-section .refinance-result{background:var(--secondary);color:#fff;padding:2.25rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.4rem}@media (max-width: 480px){.refinance-section .refinance-result{padding:1.75rem 1.25rem}}.refinance-section .refi-result-label{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6}.refinance-section .refi-result-value{font-size:clamp(1.8rem,4.5vw,2.5rem);font-weight:700;line-height:1.1;color:var(--primary);font-variant-numeric:tabular-nums}.refinance-section .refi-delta{font-size:.95rem;font-weight:600;min-height:1.5em;font-variant-numeric:tabular-nums}.refinance-section .refi-delta.is-better{color:#7bc8a2}.refinance-section .refi-delta.is-worse{color:#f09098}.refinance-section .refi-totals{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 380px){.refinance-section .refi-totals{grid-template-columns:1fr}}.refinance-section .refi-totals>div{display:flex;flex-direction:column;gap:.2rem}.refinance-section .refi-total-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffff8c;line-height:1.3}.refinance-section .refi-total-value{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums}.refinance-section .refi-warning{display:none;margin-top:1rem;padding:.7rem .9rem;border-radius:.5rem;font-size:.85rem;line-height:1.5;background:rgba(240,144,152,.14);color:#f5b3b8}.refinance-section .refi-warning.is-visible{display:block}.refinance-section .refi-warning.is-good{background:rgba(123,200,162,.14);color:#9fd9bd}.refinance-section .refi-button{margin-top:1.25rem;display:inline-block;padding:.85rem 1.9rem;border-radius:999px;background:var(--gradient);color:#fff;font-weight:600;text-decoration:none;transition:filter .3s ease,transform .3s ease}.refinance-section .refi-button:hover{filter:brightness(1.08);transform:translateY(-2px)}.refinance-section .refi-button:focus-visible{outline:3px solid #fff;outline-offset:3px}.refinance-section .refinance-disclaimer{margin-top:1.75rem;display:flex;flex-direction:column;gap:1rem;text-align:left}.refinance-section .refi-disclaimer-lead{font-size:.88rem;line-height:1.55;color:var(--text-secondary);margin:0}.refinance-section .refi-representative{background:var(--global-bg);border-left:3px solid var(--primary);border-radius:.5rem;padding:1.25rem 1.5rem;font-size:.88rem;line-height:1.6}.refinance-section .refi-representative p{margin:0 0 .5rem}.refinance-section .refi-representative p:last-child{margin-bottom:0}.refinance-section .refi-representative-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-dark);margin-bottom:.5rem}@media (prefers-reduced-motion: reduce){.refinance-section *{transition:none!important;animation:none!important}}