:root{--navy:#15365b;--navy-2:#102944;--blue:#2367b2;--blue-dark:#1c5799;--sky:#eaf3fc;--ink:#192f48;--muted:#62758b;--line:#dfe7f0;--soft:#f5f8fc;--white:#fff;--green:#16815c;--shadow:0 12px 34px rgba(22,53,86,.07);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;font-size:16px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em;color:var(--navy)}h1{font-size:clamp(2.35rem,5vw,4.2rem);font-weight:760;margin-bottom:20px}h2{font-size:clamp(1.7rem,3vw,2.55rem);font-weight:720;margin-bottom:14px}h3{font-size:1.18rem;margin-bottom:8px}p{color:var(--muted)}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.narrow{max-width:760px}.skip-link{position:absolute;left:-999px;top:8px;background:white;padding:10px;z-index:20}.skip-link:focus{left:8px}.site-header{height:78px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;font-size:1.18rem;letter-spacing:-.04em;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--navy);color:#fff;font-size:20px;font-weight:800}.brand-dot{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:25px}.nav-links a{font-size:.91rem;font-weight:600;color:#40566e}.nav-links a:hover{color:var(--blue);text-decoration:none}.menu-toggle{display:none;border:1px solid var(--line);background:white;border-radius:9px;padding:7px 10px;color:var(--navy)}.hero{padding:78px 0 76px;background:linear-gradient(135deg,#fff 0%,#f7faff 100%);border-bottom:1px solid #eef2f7}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.hero-copy h1 span{color:var(--blue)}.hero-lead{font-size:1.13rem;max-width:560px;margin-bottom:26px}.eyebrow{display:block;color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.hero-actions,.offer-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:11px 17px;border-radius:9px;font-weight:750;font-size:.92rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.button:hover{text-decoration:none;transform:translateY(-1px)}.button-primary{background:var(--blue);color:white}.button-primary:hover{background:var(--blue-dark);color:white}.button-secondary{background:white;border-color:#cdd9e7;color:var(--navy)}.button-secondary:hover{background:var(--soft)}.button-disabled{background:#edf1f5;color:#738197;border-color:#e1e6ed;cursor:not-allowed}.button-full{width:100%;margin:18px 0 8px}.trust-line{display:flex;gap:8px;align-items:center;margin-top:22px;font-size:.83rem;color:#64778c}.trust-line span{color:var(--green);font-weight:900}.hero-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:var(--shadow);position:relative}.panel-icon{position:absolute;right:24px;top:21px;width:34px;height:34px;border-radius:10px;background:var(--sky);display:grid;place-items:center;color:var(--blue);font-size:22px}.category-tile{display:flex;align-items:center;gap:13px;padding:15px 12px;border:1px solid var(--line);border-radius:12px;margin-top:11px;color:var(--navy);transition:border-color .15s,background .15s}.category-tile:hover{background:#f9fbff;border-color:#b7cce3;text-decoration:none}.category-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--sky);color:var(--blue);font-size:23px;flex-shrink:0}.category-tile>span:nth-child(2){flex:1}.category-tile strong,.category-tile small{display:block}.category-tile small{font-size:.82rem;color:var(--muted);margin-top:3px}.category-tile>b{font-size:1.2rem;color:var(--blue)}.section{padding:76px 0}.section-soft{background:var(--soft)}.section-heading{margin-bottom:28px;max-width:760px}.section-heading h2{margin-bottom:9px}.section-heading p{margin-bottom:0}.row-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;max-width:none}.text-link{font-weight:750;white-space:nowrap}.offer-list{display:grid;gap:16px}.offer-card{border:1px solid var(--line);border-radius:var(--radius);padding:23px;background:white;transition:box-shadow .18s,border-color .18s}.offer-card:hover{border-color:#c6d7e8;box-shadow:var(--shadow)}.offer-top{display:flex;align-items:flex-start;gap:15px}.bank-logo{width:56px;height:56px;object-fit:contain;border:1px solid var(--line);border-radius:12px;padding:5px;background:white}.bank-logo-placeholder{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:12px;background:#f4f8fc;color:var(--navy);font-weight:800;font-size:1.4rem}.offer-title{flex:1}.offer-title .eyebrow{margin:0 0 4px;font-size:.7rem}.offer-title h3{margin-bottom:5px}.offer-title h3 a{color:var(--navy)}.offer-title p{margin:0;font-size:.9rem}.offer-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:23px 0 17px;padding:17px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.offer-metrics>div{display:flex;flex-direction:column;gap:3px}.metric-label{color:var(--muted);font-size:.82rem}.offer-metrics strong{font-size:1.42rem;letter-spacing:-.03em;color:var(--navy)}.offer-metrics small{font-size:.75rem;color:#77869a}.offer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px}.verified{font-size:.76rem;color:#718197}.offer-actions{justify-content:flex-end}.empty-state{padding:38px 24px;text-align:center;background:white;border:1px dashed #cbd8e7;border-radius:var(--radius)}.empty-state h3{font-size:1.35rem}.empty-state p{max-width:560px;margin:0 auto 18px}.empty-icon{font-size:2rem;color:var(--blue)}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-section h2{max-width:480px}.split-section .button{margin-top:8px}.feature-list{display:grid;gap:12px}.feature-list>div{display:flex;gap:16px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:12px}.feature-list>div>span{color:var(--blue);font-weight:800;font-size:.9rem}.feature-list p{margin:0}.feature-list strong,.feature-list small{display:block}.feature-list strong{color:var(--navy);margin-bottom:3px}.feature-list small{font-size:.88rem}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{display:block;padding:23px;background:white;border:1px solid var(--line);border-radius:15px;color:var(--ink);transition:transform .15s,box-shadow .15s}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}.tool-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--sky);color:var(--blue);font-size:1.45rem;margin-bottom:18px}.tool-card h3{margin-bottom:8px}.tool-card p{font-size:.9rem;min-height:48px}.tool-card b{font-size:.9rem;color:var(--blue)}.disclosure{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff}.disclosure strong{color:var(--navy)}.disclosure p{margin:9px 0}.disclosure a{font-weight:700}.site-footer{background:#102944;color:#dce7f4;padding:48px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.brand-footer{color:white}.brand-footer .brand-mark{background:#2a6cb4}.footer-grid p{color:#b7c7d8;font-size:.9rem;margin-top:12px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid strong{color:#fff;margin-bottom:3px}.footer-grid a:not(.brand){color:#c5d3e1;font-size:.9rem}.footer-bottom{border-top:1px solid #30465e;margin-top:32px;padding-top:18px;color:#aabbd0;font-size:.78rem}.page-hero{padding:49px 0 43px;background:#f5f8fc;border-bottom:1px solid #e8eef5}.page-hero h1{font-size:clamp(2rem,4vw,3.15rem);margin-bottom:12px}.page-hero p{max-width:740px;margin-bottom:7px}.breadcrumbs{font-size:.78rem;color:#7c8ca0;margin-bottom:22px}.breadcrumbs a{color:#5c7693}.muted{font-size:.84rem;color:#77879b}.ranking-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fafcff}.ranking-toolbar label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.85rem;font-weight:650}.ranking-toolbar input,.ranking-toolbar select{width:auto;min-width:200px;padding:10px;border:1px solid #d0dbe7;border-radius:8px;background:white;color:var(--ink)}.disclosure-small{font-size:.77rem;color:#78889a;line-height:1.5}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:25px;align-items:start}.detail-card,.sticky-card,.result-card{border:1px solid var(--line);border-radius:16px;padding:25px;background:#fff}.detail-card h2{font-size:1.4rem;margin-bottom:18px}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.detail-metrics>div{padding:15px 0;border-bottom:1px solid #edf1f5;display:flex;flex-direction:column;gap:5px}.detail-metrics span,.result-line span{font-size:.84rem;color:var(--muted)}.detail-metrics strong{color:var(--navy);font-size:1.07rem}.sticky-card{position:sticky;top:98px}.sticky-card h2{font-size:1.4rem}.big-value{font-size:2rem;font-weight:800;color:var(--navy);letter-spacing:-.04em;margin:16px 0 0}.sticky-card>small{color:var(--muted)}.prose{line-height:1.75}.prose h2{font-size:1.45rem;margin-top:28px}.prose p{color:#50657c}.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;max-width:1000px}.form-card{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(20,48,77,.04)}.form-card label{display:block;font-weight:650;font-size:.88rem;color:var(--navy);margin-bottom:17px}.form-card input,.form-card select,.form-card textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #cdd8e5;border-radius:8px;background:#fff;color:var(--ink);font-weight:400}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--blue);outline:3px solid #d9eafa}.form-card .button{width:100%}.result-card{background:#f8fbff}.result-card h2{font-size:1.5rem}.result-line,.result-total{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.result-line strong{color:var(--navy)}.result-total{border:0;padding-top:20px}.result-total span{font-weight:700}.result-total strong{font-size:1.7rem;color:var(--blue)}.results-heading{margin-top:38px}.admin-container{max-width:1100px}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.admin-heading h1{font-size:2.1rem;margin-bottom:7px}.admin-heading p{margin:0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.admin-stats>div{padding:18px;border:1px solid var(--line);border-radius:12px}.admin-stats span,.admin-stats strong{display:block}.admin-stats span{color:var(--muted);font-size:.82rem}.admin-stats strong{font-size:1.8rem;color:var(--navy);margin-top:5px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;min-width:760px;background:white}th,td{text-align:left;padding:14px;border-bottom:1px solid #edf1f5;font-size:.87rem}th{background:#f5f8fc;color:#566b82;font-size:.77rem;text-transform:uppercase;letter-spacing:.05em}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px}.status{display:inline-block;border-radius:99px;padding:4px 8px;font-size:.72rem;background:#edf1f5}.status-active{background:#e7f6ee;color:#16734e}.status-draft{background:#fff4d9;color:#8b6313}.status-archived{background:#edf1f5;color:#657386}.admin-form{max-width:850px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.checkbox-label{display:flex!important;align-items:center;gap:9px}.checkbox-label input{width:auto!important;margin:0!important}.alert{background:#fff1f0;color:#9b2820;border:1px solid #ffd8d4;border-radius:9px;padding:12px 14px;margin:15px 0}.menu-open{display:flex!important}@media(max-width:900px){.nav-links{gap:13px}.nav-links a{font-size:.82rem}.hero-grid{gap:30px}.split-section{gap:35px}.detail-grid{grid-template-columns:minmax(0,1fr) 290px}}@media(max-width:720px){.container{width:min(100% - 30px,1160px)}.site-header{height:68px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;padding:14px 20px 20px;background:white;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.nav-links a{padding:12px 4px;border-bottom:1px solid #edf1f5;font-size:.94rem}.hero{padding:52px 0}.hero-grid,.split-section,.calculator-layout,.detail-grid{grid-template-columns:1fr}.hero-grid{gap:35px}.hero-panel{padding:20px}.section{padding:53px 0}.row-heading{align-items:flex-start;flex-direction:column}.tool-grid{grid-template-columns:1fr}.tool-card p{min-height:0}.offer-card{padding:17px}.offer-bottom{align-items:flex-start;flex-direction:column}.offer-actions{width:100%;justify-content:stretch}.offer-actions .button{flex:1}.offer-metrics strong{font-size:1.18rem}.ranking-toolbar{align-items:stretch;flex-direction:column}.ranking-toolbar label{align-items:stretch;flex-direction:column;gap:6px}.ranking-toolbar input,.ranking-toolbar select{width:100%;min-width:0}.detail-grid{gap:16px}.sticky-card{position:static}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.admin-heading{align-items:flex-start;flex-direction:column}.admin-stats{grid-template-columns:1fr}.form-two{grid-template-columns:1fr}.detail-metrics{grid-template-columns:1fr 1fr}.page-hero{padding:37px 0}.offer-top{gap:11px}.bank-logo,.bank-logo-placeholder{width:46px;height:46px}.offer-title h3{font-size:1.06rem}}@media(max-width:400px){.hero-actions .button{width:100%}.offer-actions{flex-direction:column}.offer-actions .button{width:100%}.detail-metrics{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}