*,*::before,*::after{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#0f172a;font-family:"DM Sans",system-ui,sans-serif;line-height:1.6}.skip-link{position:absolute;left:-10000px}.skip-link:focus{left:1rem;top:1rem;z-index:1000;background:#fff;color:#0f172a;padding:.75rem;border:3px solid #075fae}.container{width:min(100% - 2rem,980px);margin-inline:auto}.tool-hero{background:#10213d;color:#fff;padding:2.3rem 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:1.5rem;align-items:center}.hero-art{display:block;width:100%;height:auto;border:1px solid #7890ad;border-radius:14px}.breadcrumb,.breadcrumb a{color:#fff}.tool-hero h1{font-size:clamp(1.8rem,6vw,2.7rem);line-height:1.12;margin:.6rem 0}.tool-hero p{color:#e2e8f0}.badges{display:flex;flex-wrap:wrap;gap:.5rem}.badge{background:#263b5d;border-radius:99px;padding:.35rem .7rem;font-size:.8rem;font-weight:800}main.container{padding-block:1.5rem 3rem}.card{background:#fff;border:1.5px solid #8da0b8;border-radius:14px;padding:1.4rem;margin-bottom:1.2rem}.card h2{margin-top:0}.form-grid,.compare-grid,.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.3rem}label{font-weight:800;color:#25344a}.field-help{color:#46566c;font-size:.78rem;margin:0}input,select,button{font:inherit}input,select{width:100%;min-height:46px;padding:.65rem .75rem;border:2px solid #64748b;border-radius:10px;background:#fff;color:#0f172a}.btn-calc{width:100%;min-height:46px;margin-top:1rem;padding:.75rem;border:2px solid #075fae;border-radius:10px;background:#075fae;color:#fff;font-weight:850}.form-error{display:none;color:#8b1e18;font-weight:800}.form-error.on,.form-error:not(:empty){display:block}.results{display:none;margin-top:1rem}.results.on{display:block}.compare-card{padding:1rem;border:2px solid #64748b;border-radius:12px;background:#f8fafc;text-align:center}.compare-card.winner{background:#e8faf5;border-color:#08786e;color:#0f172a}.compare-card.loser{background:#f8fafc;border-color:#64748b}.cc-label{font-size:.78rem;font-weight:850;text-transform:uppercase;color:#3f5066}.cc-name{font-size:1.05rem;font-weight:900;color:#0f172a}.cc-fee{font-size:clamp(1.45rem,6vw,2rem);font-weight:900;color:#075e56}.cc-detail{color:#3f5066;font-size:.82rem}.winner-badge{display:inline-block;margin-bottom:.4rem;padding:.2rem .65rem;border-radius:99px;background:#075e56;color:#fff;font-size:.72rem;font-weight:900}.methods-wrap{width:100%;overflow-x:auto;margin-top:1rem;border:1.5px solid #8da0b8;border-radius:10px}.methods-table{width:100%;min-width:560px;border-collapse:collapse}.methods-table th{padding:.7rem;background:#0f172a;color:#fff;text-align:left}.methods-table td{padding:.7rem;border-bottom:1px solid #8da0b8}.methods-table tr.best td{background:#eaf3ff;font-weight:800}.info-box,.source-box,.privacy-box,.confidence-box{padding:1rem;margin-top:1rem;border-radius:10px}.info-box strong,.source-box strong,.privacy-box strong,.confidence-box strong{color:inherit!important}.info-box,.confidence-box{background:#eaf3ff;border:1.5px solid #2572b8;color:#123f68}.source-box{background:#fff4e5;border:1.5px solid #b66a00;color:#5c3300}.privacy-box{background:#eaf8ef;border:1.5px solid #168145;color:#0d4f2d}.result-actions{margin-top:1rem;padding:1rem;border:1.5px solid #64748b;border-radius:10px;background:#f8fafc}.result-actions[hidden]{display:none}.action-buttons{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.75rem}.action-buttons button{min-height:46px;padding:.65rem .8rem;border:2px solid #075fae;border-radius:10px;background:#fff;color:#075fae;font-weight:850}.action-buttons .primary{background:#075fae;color:#fff}.result-status{display:block;color:#334155;font-weight:700}.ai-handoff{display:inline-flex;align-items:center;min-height:46px;margin-top:1rem;padding:.65rem .85rem;border:2px solid #075fae;border-radius:10px;background:#fff;color:#075fae;font-weight:850;text-decoration:none}.related-links{list-style:none;padding:0}.related-links a{display:block;height:100%;padding:.75rem;border:1.5px solid #64748b;border-radius:10px;color:#064d8d;font-weight:800}:is(a,button,input,select,summary):focus-visible{outline:3px solid #075fae!important;outline-offset:3px}html[data-theme="dark"] body{background:#07111f;color:#eef5ff}html[data-theme="dark"] body[data-sw-mobile-bank-app] :is(.card,.compare-card.loser,.result-actions){background:#121f33!important;border-color:#8294aa!important;color:#eef5ff!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] :is(label,.field-help,.cc-label,.cc-detail,.result-status){color:#dce6f3!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] :is(input,select){background:#17263a!important;border-color:#d4deec!important;color:#fff!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] .compare-card.winner{background:#0b342f!important;border-color:#6ee7d4!important;color:#eef5ff!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] :is(.cc-name,.cc-fee){color:#a7f3d0!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] .methods-table tr.best td{background:#1c2d43!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] :is(.action-buttons button,.ai-handoff,.btn-calc){border-color:#8bc5ff!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] :is(.action-buttons button,.ai-handoff){background:#121f33!important;color:#d7ebff!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] :is(.action-buttons .primary,.btn-calc){background:#075fae!important;color:#fff!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] .related-links a{color:#c9e4ff!important;border-color:#8294aa!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] :is(.info-box,.confidence-box) strong{color:#123f68!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] .source-box strong{color:#5c3300!important}html[data-theme="dark"] body[data-sw-mobile-bank-app] .privacy-box strong{color:#0d4f2d!important}html[data-theme="dark"] :is(a,button,input,select,summary):focus-visible{outline-color:#fbbf24!important}@media(prefers-color-scheme:dark){html:not([data-theme="light"]) body{background:#07111f;color:#eef5ff}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] :is(.card,.compare-card.loser,.result-actions){background:#121f33!important;border-color:#8294aa!important;color:#eef5ff!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] :is(label,.field-help,.cc-label,.cc-detail,.result-status){color:#dce6f3!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] :is(input,select){background:#17263a!important;border-color:#d4deec!important;color:#fff!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] .compare-card.winner{background:#0b342f!important;border-color:#6ee7d4!important;color:#eef5ff!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] :is(.cc-name,.cc-fee){color:#a7f3d0!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] .methods-table tr.best td{background:#1c2d43!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] :is(.action-buttons button,.ai-handoff,.btn-calc){border-color:#8bc5ff!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] :is(.action-buttons button,.ai-handoff){background:#121f33!important;color:#d7ebff!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] :is(.action-buttons .primary,.btn-calc){background:#075fae!important;color:#fff!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] .related-links a{color:#c9e4ff!important;border-color:#8294aa!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] :is(.info-box,.confidence-box) strong{color:#123f68!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] .source-box strong{color:#5c3300!important}html:not([data-theme="light"]) body[data-sw-mobile-bank-app] .privacy-box strong{color:#0d4f2d!important}html:not([data-theme="light"]) :is(a,button,input,select,summary):focus-visible{outline-color:#fbbf24!important}}@media(max-width:720px){.hero-grid,.form-grid,.compare-grid,.related-links{grid-template-columns:1fr}.card{padding:1rem}}@media(max-width:400px){.container{width:min(100% - 1.25rem,980px)}:where(h1,h2,h3,p,label,a,button,span,div){min-width:0;overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}