:root {
    --ua-finance-navy: #071b3f;
    --ua-finance-blue: #123a82;
    --ua-finance-red: #ef2637;
    --ua-finance-orange: #ff671e;
    --ua-finance-ink: #0d172b;
    --ua-finance-muted: #66758e;
    --ua-finance-line: #dfe6ef;
    --ua-finance-bg: #f7f9fc;
}

.ua-finance-hero {
    padding: 24px 0 10px;
    overflow: hidden;
    background: linear-gradient(180deg,#ffffff 0%,#f7f9fd 100%);
}

.ua-finance-hero__surface {
    display: grid;
    grid-template-columns: minmax(0, 37%) minmax(0, 38%) minmax(320px, 25%);
    min-height: 420px;
    overflow: hidden;
    border: 1px solid rgba(18,58,130,.07);
    border-radius: 30px;
    background:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.98), transparent 28%),
        linear-gradient(115deg,#fff 0%,#f7f9fc 45%,#eef4fc 100%);
    box-shadow: 0 24px 58px rgba(15,23,42,.08);
}

.ua-finance-hero__copy,
.ua-finance-hero__visual,
.ua-finance-glance {
    min-width: 0;
}

.ua-finance-hero__copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px 34px 34px 42px;
    position: relative;
    z-index: 2;
}

.ua-finance-pill {
    display: inline-flex;
    align-self: flex-start;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(239,38,55,.18);
    border-radius: 999px;
    background: #fff3f4;
    padding: 0 14px;
    color: #be2130;
    font-size: 11px;
    font-weight: 900;
}

.ua-finance-hero h1 {
    max-width: 520px;
    margin: 16px 0 12px;
    color: var(--ua-finance-navy);
    font-size: clamp(38px, 3.6vw, 60px);
    font-weight: 950;
    line-height: .97;
    letter-spacing: -.045em;
}

.ua-finance-hero h1 span { color: var(--ua-finance-red); }

.ua-finance-hero__copy > p {
    max-width: 540px;
    margin: 0;
    color: #40506a;
    font-size: 14px;
    font-weight: 620;
    line-height: 1.6;
}

.ua-finance-hero__points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 0;
    margin-top: 24px;
}

.ua-finance-hero__points > div {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    min-width: 0;
    padding: 2px 12px;
    border-right: 1px solid #dce3ed;
}

.ua-finance-hero__points > div:first-child { padding-left: 0; }
.ua-finance-hero__points > div:last-child { border-right: 0; }
.ua-finance-hero__points i { color: var(--ua-finance-red); font-size: 19px; margin-top: 1px; }
.ua-finance-hero__points strong,
.ua-finance-hero__points small { display: block; }
.ua-finance-hero__points strong { color:#15213a; font-size:12px; font-weight:900; line-height:1.25; }
.ua-finance-hero__points small { margin-top:3px; color:#77859a; font-size:9.5px; line-height:1.35; }

.ua-finance-hero__visual {
    position: relative;
    min-height: 420px;
    overflow: hidden;
    background: #edf3fb;
}

.ua-finance-hero__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg,rgba(255,255,255,.20),transparent 22%);
    pointer-events: none;
}

.ua-finance-hero__visual img {
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.ua-finance-glance {
    align-self: center;
    margin: 24px 24px 24px -12px;
    overflow: hidden;
    border: 1px solid #dce5f2;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 22px 44px rgba(7,27,63,.14);
    position: relative;
    z-index: 3;
}

.ua-finance-glance__title {
    display:flex;
    align-items:center;
    gap:12px;
    margin: 0;
    padding: 19px 20px 17px;
    background: linear-gradient(105deg,#092c68,#174a95);
}

.ua-finance-glance__title > span {
    display:flex;
    width:44px;
    height:44px;
    flex:0 0 44px;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:linear-gradient(135deg,#ef2637,#ff671e);
    color:#fff;
    font-size:19px;
}
.ua-finance-glance__title small,.ua-finance-glance__title h2 { display:block; }
.ua-finance-glance__title small { color:#bfd0ea; font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.ua-finance-glance__title h2 { margin:2px 0 0; color:#fff; font-size:18px; font-weight:950; }

.ua-finance-glance__rows { background:#fff; }
.ua-finance-glance__rows > div {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    min-height:58px;
    padding:11px 16px;
    border-bottom:1px solid #e8edf5;
}
.ua-finance-glance__rows > div:nth-child(even) { background:#f7f9fc; }
.ua-finance-glance__rows > div:last-child { border-bottom:0; }
.ua-finance-glance__rows span { display:flex; gap:8px; align-items:center; color:#263650; font-size:10px; font-weight:850; }
.ua-finance-glance__rows span i { width:17px; color:#174a95; }
.ua-finance-glance__rows strong { color:#15213a; font-size:10px; font-weight:900; text-align:right; }
.ua-finance-glance__note { display:flex; gap:6px; margin:0; padding:11px 16px 14px; border-top:1px solid #eef2f7; color:#7a879a; font-size:9px; line-height:1.45; }
.ua-finance-glance__note i { color:#174a95; margin-top:1px; }

.ua-finance-main {
    padding: 38px 0 56px;
    background:
        radial-gradient(circle at 100% 0,rgba(239,38,55,.04),transparent 25%),
        linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}

.ua-finance-heading { display:flex; gap:13px; align-items:flex-start; margin-bottom:20px; }
.ua-finance-heading__mark { width:9px; height:39px; flex:0 0 9px; border-radius:99px; background:linear-gradient(180deg,var(--ua-finance-red),var(--ua-finance-orange)); transform:skew(-18deg); }
.ua-finance-heading span:not(.ua-finance-heading__mark) { color:var(--ua-finance-red); font-size:10px; font-weight:950; letter-spacing:.13em; text-transform:uppercase; }
.ua-finance-heading h2 { margin:2px 0 4px; color:var(--ua-finance-navy); font-size:30px; font-weight:950; letter-spacing:-.03em; }
.ua-finance-heading p { margin:0; color:var(--ua-finance-muted); font-size:12px; }

.ua-finance-plan,.ua-finance-tips,.ua-finance-example,.ua-finance-docs,.ua-finance-ready {
    overflow:hidden;
    border:1px solid var(--ua-finance-line);
    border-radius:22px;
    background:#fff;
    box-shadow:0 16px 42px rgba(15,23,42,.055);
}

.ua-finance-plan header { display:flex; gap:12px; align-items:center; padding:17px 18px; color:#fff; }
.ua-finance-plan--bank header { background:linear-gradient(105deg,#082452,#123a82); }
.ua-finance-plan--dealer header { background:linear-gradient(105deg,#c91f34,#ff6a1f); }
.ua-finance-plan--hire header { background:linear-gradient(105deg,#0a2b65,#154b9e); }
.ua-finance-plan header > span { display:flex; width:43px; height:43px; flex:0 0 43px; align-items:center; justify-content:center; border-radius:14px; background:rgba(255,255,255,.14); font-size:20px; }
.ua-finance-plan header h3 { margin:0; color:#fff; font-size:16px; font-weight:950; }
.ua-finance-plan header p { margin:3px 0 0; color:rgba(255,255,255,.78); font-size:9px; }
.ua-finance-plan ul { display:grid; gap:10px; margin:0; padding:18px; list-style:none; }
.ua-finance-plan li { display:flex; gap:8px; color:#34445d; font-size:11px; font-weight:650; line-height:1.45; }
.ua-finance-plan li i { color:#16a264; margin-top:1px; }
.ua-finance-plan footer { margin:0 15px 15px; border-radius:13px; background:#f6f8fc; padding:12px 13px; }
.ua-finance-plan footer small,.ua-finance-plan footer strong { display:block; }
.ua-finance-plan footer small { color:#8591a3; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.12em; }
.ua-finance-plan footer strong { margin-top:4px; color:#17233a; font-size:10px; line-height:1.45; }

.ua-finance-tips { padding:24px; background:linear-gradient(145deg,#fff 0%,#fff2f4 100%); }
.ua-finance-tips__icon { display:flex; width:52px; height:52px; align-items:center; justify-content:center; border-radius:17px; background:#fff; color:var(--ua-finance-red); box-shadow:0 10px 28px rgba(239,38,55,.12); font-size:23px; }
.ua-finance-eyebrow { display:block; margin-top:16px; color:var(--ua-finance-red); font-size:9px; font-weight:950; letter-spacing:.13em; text-transform:uppercase; }
.ua-finance-tips h3 { margin:7px 0 16px; color:var(--ua-finance-navy); font-size:19px; font-weight:950; }
.ua-finance-tips ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; }
.ua-finance-tips li { display:grid; grid-template-columns:28px 1fr; gap:9px; color:#46556d; font-size:10.5px; line-height:1.5; }
.ua-finance-tips li span { display:flex; width:26px; height:26px; align-items:center; justify-content:center; border-radius:50%; background:#ef2637; color:#fff; font-size:9px; font-weight:950; }

.ua-finance-example,.ua-finance-docs { padding:22px; }
.ua-finance-card-title { display:flex; gap:11px; align-items:flex-start; margin-bottom:16px; }
.ua-finance-card-title > span { display:flex; width:44px; height:44px; flex:0 0 44px; align-items:center; justify-content:center; border-radius:14px; background:#fff0f2; color:var(--ua-finance-red); font-size:19px; }
.ua-finance-card-title h3 { margin:0; color:var(--ua-finance-navy); font-size:18px; font-weight:950; }
.ua-finance-card-title p { margin:3px 0 0; color:var(--ua-finance-muted); font-size:9.5px; line-height:1.45; }

.ua-finance-example__vehicle { display:grid; grid-template-columns:135px 1fr; gap:14px; align-items:center; border-radius:16px; background:#f7f9fc; padding:11px; }
.ua-finance-example__vehicle img { width:100%; height:82px; border-radius:12px; object-fit:cover; object-position:center; }
.ua-finance-example__vehicle small,.ua-finance-example__vehicle strong,.ua-finance-example__vehicle span { display:block; }
.ua-finance-example__vehicle small { color:#7f8ba0; font-size:8px; font-weight:900; text-transform:uppercase; letter-spacing:.09em; }
.ua-finance-example__vehicle strong { margin-top:3px; color:#e21f32; font-size:16px; font-weight:950; }
.ua-finance-example__vehicle span { margin-top:2px; color:#38475f; font-size:9px; font-weight:700; }

.ua-finance-table-wrap { margin-top:14px; border:1px solid #dfe6ef; border-radius:14px; }
.ua-finance-table thead th { border:0; background:#0d316c; color:#fff; font-size:8px; font-weight:900; white-space:nowrap; padding:10px; }
.ua-finance-table tbody td { border-color:#e6ebf2; color:#2f3d54; font-size:9px; font-weight:700; padding:9px 10px; }
.ua-finance-table tbody td:last-child { color:var(--ua-finance-red); font-weight:950; }
.ua-finance-example__disclaimer { display:flex; gap:6px; margin:11px 0 0; color:#78869a; font-size:8.5px; line-height:1.5; }

.ua-finance-docs__list { display:grid; gap:9px; }
.ua-finance-docs__list > div { display:flex; gap:10px; align-items:center; border-radius:13px; background:#f6f8fb; padding:10px 11px; }
.ua-finance-docs__list > div > i { display:flex; width:34px; height:34px; flex:0 0 34px; align-items:center; justify-content:center; border-radius:10px; background:#fff; color:#123a82; }
.ua-finance-docs__list strong,.ua-finance-docs__list small { display:block; }
.ua-finance-docs__list strong { color:#19263c; font-size:10px; font-weight:900; }
.ua-finance-docs__list small { margin-top:2px; color:#7a879a; font-size:8px; line-height:1.4; }

.ua-finance-ready { display:grid; grid-template-columns:43% 57%; }
.ua-finance-ready__visual { min-height:100%; }
.ua-finance-ready__visual img { width:100%; height:100%; object-fit:cover; }
.ua-finance-ready__body { padding:22px; }
.ua-finance-ready__body .ua-finance-eyebrow { margin-top:0; }
.ua-finance-ready h3 { margin:7px 0 8px; color:var(--ua-finance-navy); font-size:18px; font-weight:950; }
.ua-finance-ready p { margin:0; color:#627086; font-size:10px; line-height:1.55; }
.ua-finance-ready ul { display:grid; gap:7px; margin:14px 0 0; padding:0; list-style:none; }
.ua-finance-ready li { display:flex; gap:7px; color:#34445d; font-size:9.5px; font-weight:750; }
.ua-finance-ready li i { color:#16a264; }

.ua-finance-closing { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:22px; margin-top:26px; border-radius:24px; background:linear-gradient(105deg,#061d45 0%,#113a7a 38%,#b21f42 74%,#ff5d1f 100%); padding:24px 28px; color:#fff; box-shadow:0 20px 48px rgba(14,39,82,.16); }
.ua-finance-closing::after { content:""; position:absolute; inset:0 0 0 62%; background:url('../images/settings/financing-closing.jpg') center/cover no-repeat; opacity:.24; mix-blend-mode:screen; }
.ua-finance-closing > * { position:relative; z-index:2; }
.ua-finance-closing > div { display:flex; gap:14px; align-items:center; }
.ua-finance-closing__icon { display:flex; width:58px; height:58px; flex:0 0 58px; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.25); border-radius:18px; background:rgba(255,255,255,.1); font-size:25px; }
.ua-finance-closing small { color:#ffd0d4; font-size:8px; font-weight:950; letter-spacing:.12em; }
.ua-finance-closing h2 { margin:2px 0 2px; color:#fff; font-size:21px; font-weight:950; }
.ua-finance-closing p { margin:0; color:rgba(255,255,255,.72); font-size:9.5px; }
.ua-finance-closing__badge { display:inline-flex; min-height:42px; align-items:center; gap:8px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.1); padding:0 16px; color:#fff; font-size:9px; font-weight:900; white-space:nowrap; }



@media (max-width: 1199.98px) {
    .ua-finance-hero__surface { grid-template-columns: 42% 34% 24%; }
    .ua-finance-hero__copy { padding-left: 30px; padding-right: 24px; }
    .ua-finance-hero h1 { font-size: clamp(36px,4.2vw,54px); }
    .ua-finance-glance { margin-right:16px; min-width:270px; }
}

@media (max-width: 991.98px) {
    .ua-finance-hero__surface {
        grid-template-columns: 1fr;
        min-height: auto;
        padding-bottom: 20px;
    }
    .ua-finance-hero__copy { padding: 34px 28px 24px; }
    .ua-finance-hero__copy > p { max-width: 650px; }
    .ua-finance-hero__visual { min-height: 330px; margin:0 22px; border-radius:22px; }
    .ua-finance-hero__visual img { min-height:330px; }
    .ua-finance-glance { margin:-62px 38px 0; }
}

@media (max-width: 767.98px) {
    .ua-finance-hero { padding-top:12px; }
    .ua-finance-hero__surface { border-radius:22px; }
    .ua-finance-hero__copy { padding:28px 20px 20px; }
    .ua-finance-hero h1 { font-size:39px; }
    .ua-finance-hero__copy > p { font-size:14px; }
    .ua-finance-hero__points { grid-template-columns:1fr; gap:9px; }
    .ua-finance-hero__points > div { border-right:0; border-bottom:1px solid #e3e8f0; padding:9px 0; }
    .ua-finance-hero__points > div:last-child { border-bottom:0; }
    .ua-finance-hero__visual { min-height:250px; margin:0 12px; border-radius:18px; }
    .ua-finance-hero__visual img { min-height:250px; }
    .ua-finance-glance { margin:-24px 16px 0; border-radius:20px; }
    .ua-finance-glance__rows > div { grid-template-columns:1fr; gap:4px; }
    .ua-finance-glance__rows strong { text-align:left; }
    .ua-finance-main { padding:26px 0 40px; }
    .ua-finance-heading h2 { font-size:27px; }
    .ua-finance-heading p { font-size:11px; }
    .ua-finance-plan,.ua-finance-tips,.ua-finance-example,.ua-finance-docs,.ua-finance-ready { border-radius:18px; }
    .ua-finance-example__vehicle { grid-template-columns:110px 1fr; }
    .ua-finance-closing { padding:21px; border-radius:20px; }
    .ua-finance-closing h2 { font-size:18px; }
    .ua-finance-closing__badge { white-space:normal; }
}

@media (max-width: 479.98px) {
    .ua-finance-hero h1 { font-size:34px; }
    .ua-finance-hero__visual { min-height:220px; }
    .ua-finance-hero__visual img { min-height:220px; }
    .ua-finance-glance { margin:-18px 10px 0; }
    .ua-finance-example__vehicle { grid-template-columns:1fr; }
    .ua-finance-example__vehicle img { height:150px; }
    .ua-finance-closing > div { align-items:flex-start; }
}

/* =========================================================
   FINAL READABILITY PASS
   Keeps the stable/contained hero layout intact and increases
   readability only in the financing content below the hero.
   ========================================================= */

.ua-finance-main .ua-finance-heading h2 {
    font-size: 34px;
    line-height: 1.15;
}

.ua-finance-main .ua-finance-heading p {
    font-size: 14px;
    line-height: 1.65;
}

.ua-finance-main .ua-finance-heading span:not(.ua-finance-heading__mark) {
    font-size: 11px;
}

.ua-finance-main .ua-finance-plan header h3 {
    font-size: 18px;
}

.ua-finance-main .ua-finance-plan header p {
    font-size: 11px;
    line-height: 1.5;
}

.ua-finance-main .ua-finance-plan li {
    font-size: 13px;
    line-height: 1.6;
}

.ua-finance-main .ua-finance-plan footer small {
    font-size: 10px;
}

.ua-finance-main .ua-finance-plan footer strong {
    font-size: 12px;
    line-height: 1.55;
}

.ua-finance-main .ua-finance-eyebrow {
    font-size: 10px;
}

.ua-finance-main .ua-finance-tips h3 {
    font-size: 22px;
    line-height: 1.2;
}

.ua-finance-main .ua-finance-tips li {
    grid-template-columns: 32px 1fr;
    font-size: 13px;
    line-height: 1.6;
}

.ua-finance-main .ua-finance-tips li span {
    width: 30px;
    height: 30px;
    font-size: 11px;
}

.ua-finance-main .ua-finance-card-title h3 {
    font-size: 21px;
    line-height: 1.2;
}

.ua-finance-main .ua-finance-card-title p {
    font-size: 12px;
    line-height: 1.6;
}

.ua-finance-main .ua-finance-example__vehicle small {
    font-size: 10px;
}

.ua-finance-main .ua-finance-example__vehicle strong {
    font-size: 18px;
}

.ua-finance-main .ua-finance-example__vehicle span {
    font-size: 12px;
    line-height: 1.5;
}

.ua-finance-main .ua-finance-table thead th {
    font-size: 11px;
    padding: 12px 10px;
}

.ua-finance-main .ua-finance-table tbody td {
    font-size: 12px;
    padding: 11px 10px;
}

.ua-finance-main .ua-finance-example__disclaimer {
    font-size: 11px;
    line-height: 1.65;
}

.ua-finance-main .ua-finance-docs__list > div {
    gap: 12px;
    padding: 12px 13px;
}

.ua-finance-main .ua-finance-docs__list > div > i {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
}

.ua-finance-main .ua-finance-docs__list strong {
    font-size: 13px;
}

.ua-finance-main .ua-finance-docs__list small {
    font-size: 11px;
    line-height: 1.55;
}

.ua-finance-main .ua-finance-ready h3 {
    font-size: 21px;
    line-height: 1.2;
}

.ua-finance-main .ua-finance-ready p {
    font-size: 13px;
    line-height: 1.7;
}

.ua-finance-main .ua-finance-ready li {
    font-size: 12px;
    line-height: 1.5;
}

.ua-finance-main .ua-finance-closing small {
    font-size: 10px;
}

.ua-finance-main .ua-finance-closing h2 {
    font-size: 24px;
    line-height: 1.2;
}

.ua-finance-main .ua-finance-closing p {
    font-size: 12px;
    line-height: 1.6;
}

.ua-finance-main .ua-finance-closing__badge {
    font-size: 11px;
}

/* Defensive containment: prevents any future hero or content overflow. */
.ua-finance-hero,
.ua-finance-main,
.ua-finance-hero__surface,
.ua-finance-main .container-fluid {
    max-width: 100%;
}

.ua-finance-hero,
.ua-finance-main {
    overflow-x: clip;
}

.ua-finance-hero__copy,
.ua-finance-hero__visual,
.ua-finance-glance,
.ua-finance-main [class*="col-"] {
    min-width: 0;
}

@media (max-width: 1199.98px) {
    .ua-finance-main .ua-finance-heading h2 { font-size: 31px; }
    .ua-finance-main .ua-finance-plan li,
    .ua-finance-main .ua-finance-tips li,
    .ua-finance-main .ua-finance-card-title p,
    .ua-finance-main .ua-finance-example__vehicle span,
    .ua-finance-main .ua-finance-example__disclaimer,
    .ua-finance-main .ua-finance-docs__list strong,
    .ua-finance-main .ua-finance-docs__list small,
    .ua-finance-main .ua-finance-ready p,
    .ua-finance-main .ua-finance-ready li,
    .ua-finance-main .ua-finance-closing p {
        font-size: 12px;
    }
}

@media (max-width: 767.98px) {
    .ua-finance-main .ua-finance-heading h2 { font-size: 28px; }
    .ua-finance-main .ua-finance-heading p { font-size: 13px; }
    .ua-finance-main .ua-finance-plan header h3,
    .ua-finance-main .ua-finance-tips h3,
    .ua-finance-main .ua-finance-card-title h3,
    .ua-finance-main .ua-finance-ready h3,
    .ua-finance-main .ua-finance-closing h2 {
        font-size: 19px;
    }
    .ua-finance-main .ua-finance-plan li,
    .ua-finance-main .ua-finance-tips li,
    .ua-finance-main .ua-finance-card-title p,
    .ua-finance-main .ua-finance-example__vehicle span,
    .ua-finance-main .ua-finance-example__disclaimer,
    .ua-finance-main .ua-finance-docs__list strong,
    .ua-finance-main .ua-finance-docs__list small,
    .ua-finance-main .ua-finance-ready p,
    .ua-finance-main .ua-finance-ready li,
    .ua-finance-main .ua-finance-closing p {
        font-size: 12px;
    }
}

/* END: FINAL READABILITY PASS */