
:root{--ks-navy:#082744;--ks-blue:#247fe5;--ks-cyan:#52b9ff;--ks-bg:#f5f8fc;--ks-ink:#12253a;--ks-muted:#66788b;--ks-border:#e2e9f1;--ks-green:#19866b;--ks-radius:18px;--ks-shadow:0 18px 55px rgba(18,48,77,.10)}
body{background:var(--ks-bg)!important;color:var(--ks-ink)!important}.ks-top{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--ks-border)}.ks-brand img{width:215px;height:auto;display:block}.ks-brand{font-size:0!important}.ks-nav{max-width:1240px!important}.ks-navlinks a{font-weight:650!important}.ks-navcta{border-radius:12px!important;padding:12px 18px!important;box-shadow:0 8px 22px rgba(36,127,229,.22)}
.v28-hero{background:radial-gradient(circle at 80% 20%,rgba(74,173,255,.22),transparent 30%),linear-gradient(135deg,#eef7ff 0,#fff 54%,#f0f7ff 100%);border-bottom:1px solid var(--ks-border);overflow:hidden}.v28-hero-in{max-width:1240px;margin:auto;padding:72px 24px 58px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.v28-hero h1{font-size:58px;line-height:1.01;letter-spacing:-2.2px;color:var(--ks-navy);margin:14px 0 18px}.v28-hero h1 em{font-style:normal;color:var(--ks-blue)}.v28-hero p{font-size:19px;line-height:1.65;color:var(--ks-muted);max-width:650px}.v28-kicker{display:inline-flex;gap:8px;align-items:center;background:#e9f4ff;color:#1767b9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.04em}.v28-hero-actions{display:flex;gap:12px;margin-top:28px}.v28-primary,.v28-secondary{padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:800}.v28-primary{background:var(--ks-blue);color:white;box-shadow:0 12px 30px rgba(36,127,229,.25)}.v28-secondary{background:#fff;color:var(--ks-navy);border:1px solid var(--ks-border)}
.v28-visual{position:relative;min-height:410px}.v28-glow{position:absolute;inset:30px 0 0 70px;background:linear-gradient(145deg,#0a3154,#1268ae);border-radius:32px;transform:rotate(2deg);box-shadow:0 30px 70px rgba(8,39,68,.25)}.v28-dashboard{position:absolute;inset:0 35px 30px 0;background:#fff;border:1px solid #dce7f0;border-radius:26px;box-shadow:0 25px 70px rgba(18,48,77,.18);padding:24px}.v28-minihead{display:flex;justify-content:space-between;align-items:center}.v28-minihead img{width:150px}.v28-pill{font-size:11px;background:#eaf7f3;color:var(--ks-green);padding:6px 9px;border-radius:999px;font-weight:800}.v28-formmock{margin-top:22px;background:#f5f9fd;border-radius:18px;padding:17px}.v28-label{font-size:11px;color:var(--ks-muted);text-transform:uppercase;font-weight:800}.v28-amount{font-size:27px;font-weight:850;color:var(--ks-navy);margin:5px 0 14px}.v28-slider{height:6px;background:#dce7f0;border-radius:8px;position:relative}.v28-slider:before{content:"";position:absolute;width:64%;height:100%;background:var(--ks-blue);border-radius:8px}.v28-slider:after{content:"";position:absolute;left:62%;top:-5px;width:16px;height:16px;background:#fff;border:4px solid var(--ks-blue);border-radius:50%}.v28-resultmock{display:grid;grid-template-columns:1.2fr repeat(2,1fr);gap:10px;margin-top:16px}.v28-resultmock div{padding:13px;background:#fff;border:1px solid var(--ks-border);border-radius:13px;font-size:11px;color:var(--ks-muted)}.v28-resultmock b{display:block;color:var(--ks-navy);font-size:16px;margin-top:4px}
.v28-trust{max-width:1240px;margin:-1px auto 0;padding:18px 24px;display:flex;justify-content:space-between;gap:20px}.v28-trust span{font-size:13px;color:var(--ks-muted)}.v28-trust b{color:var(--ks-navy)}
.v28-section{max-width:1240px;margin:auto;padding:58px 24px}.v28-section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.v28-section-title h2{font-size:34px;letter-spacing:-1px;color:var(--ks-navy);margin:0}.v28-section-title p{color:var(--ks-muted);margin:7px 0 0}.v28-catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.v28-cat{background:#fff;border:1px solid var(--ks-border);border-radius:18px;padding:22px;text-decoration:none;color:inherit;box-shadow:0 7px 22px rgba(18,48,77,.04);transition:.2s}.v28-cat:hover{transform:translateY(-4px);box-shadow:var(--ks-shadow)}.v28-icon{width:44px;height:44px;border-radius:13px;background:#eaf4ff;display:grid;place-items:center;font-size:22px}.v28-cat b{display:block;font-size:18px;color:var(--ks-navy);margin:15px 0 7px}.v28-cat small{color:var(--ks-muted);line-height:1.5}
.v28-bankstrip{display:flex;gap:12px;overflow:auto;padding:5px 0 12px}.v28-bank{min-width:155px;height:78px;background:#fff;border:1px solid var(--ks-border);border-radius:15px;display:grid;place-items:center;padding:10px;text-align:center;font-weight:850;color:#2a3d50}.v28-bank i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef4fa;color:var(--ks-blue);font-style:normal;margin:auto auto 4px}
.v28-blueband{background:linear-gradient(135deg,#082744,#0e4777);color:#fff}.v28-blueband .v28-section-title h2{color:#fff}.v28-blueband .v28-section-title p{color:#bad0e2}.v28-labgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.v28-lab{padding:22px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);color:#fff;text-decoration:none}.v28-lab small{color:#8fd0ff}.v28-lab b{display:block;font-size:19px;margin:8px 0}
.v28-compare-head{max-width:1240px;margin:25px auto 0;padding:35px 24px 18px}.v28-compare-head h1{font-size:42px;color:var(--ks-navy);letter-spacing:-1.3px;margin:8px 0}.v28-compare-head p{color:var(--ks-muted);max-width:720px}.v27offer{background:#fff!important;border:1px solid var(--ks-border)!important;border-radius:18px!important;box-shadow:0 8px 26px rgba(18,48,77,.05);padding:20px!important;margin-bottom:13px}.v27offer:hover{box-shadow:var(--ks-shadow)}.v27offer .bank{font-size:17px!important;color:var(--ks-navy)!important}.metric{border-left:1px solid #edf1f5;padding-left:13px}.metric b{color:var(--ks-navy)}.details{background:var(--ks-blue)!important;color:#fff!important;border-radius:10px!important;text-align:center}.compare-pick{border-radius:10px!important}.compare-trust-v23{max-width:1240px!important}
.v28-banklogo{display:inline-flex;align-items:center;gap:9px}.v28-banklogo-mark{width:36px;height:36px;border-radius:11px;background:#edf4fb;display:grid;place-items:center;color:var(--ks-blue);font-weight:900}
@media(max-width:900px){.v28-hero-in{grid-template-columns:1fr}.v28-visual{min-height:350px}.v28-hero h1{font-size:45px}.v28-catgrid{grid-template-columns:1fr 1fr}.v28-labgrid{grid-template-columns:1fr}.v28-trust{overflow:auto;white-space:nowrap}.ks-brand img{width:185px}}@media(max-width:560px){.v28-hero-in{padding-top:45px}.v28-hero h1{font-size:38px}.v28-catgrid{grid-template-columns:1fr}.v28-hero-actions{flex-direction:column}.v28-dashboard{right:5px}.v28-glow{left:35px}.v28-resultmock{grid-template-columns:1fr 1fr}.v28-resultmock div:first-child{grid-column:1/-1}}
