/* /loan-calculator/ page styles. Linked only on that page; every rule is
   scoped under .lc so the shared header, footer and other pages are untouched. */

.lc { --lc-navy: #071522; --lc-panel: #0a1b2b; --lc-panel-2: #102638; --lc-line: #dfe3e6; --lc-dark-line: rgba(255,255,255,.12); --lc-gold: #c7912f; --lc-gold-light: #d2aa6a; --lc-champagne: #e9d6b0; --lc-blue: #2f6aa3; --lc-green: #4fc28b; --lc-amber: #e2a93b; --lc-red: #e0705f; --lc-ink: #10202c; --lc-muted: #5a6670; --lc-bg: #f4f5f7; color: var(--lc-ink); overflow-x: clip; }
.lc *, .lc *::before, .lc *::after { box-sizing: border-box; }
.lc-shell { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 var(--gutter); }
.lc h1, .lc h2, .lc h3 { font-family: var(--heading); letter-spacing: -.03em; }
:where(.lc) button { font: inherit; cursor: pointer; }
:where(.lc) a { color: inherit; }

/* Buttons */
.lc-button { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 46px; padding: .7rem 1.2rem; border: 1px solid transparent; border-radius: 2px; font-family: var(--heading); font-size: .74rem; font-weight: 700; letter-spacing: .1em; line-height: 1.2; text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color .18s ease, transform .18s ease, border-color .18s ease; }
.lc-button:hover { transform: translateY(-1px); }
.lc-button svg { width: 15px; height: 15px; flex: 0 0 auto; }
.lc-button--gold { background: linear-gradient(180deg, #d9ab5c 0%, #c3913f 100%); color: var(--lc-navy); }
.lc-button--gold:hover { background: linear-gradient(180deg, #e2b86b 0%, #cb9a48 100%); }
.lc-button--outline { border-color: rgba(233,214,176,.7); background: rgba(7,21,34,.35); color: #fff; }
.lc-button--outline:hover { border-color: var(--lc-gold-light); background: rgba(7,21,34,.6); }
.lc-button--navy { background: var(--lc-navy); color: #fff; }
.lc-button--blue { background: var(--lc-blue); color: #fff; }
.lc-button--blue:hover { background: #3878b6; }
.lc-button--ghost { border-color: var(--lc-navy); color: var(--lc-navy); background: transparent; }
.lc-kicker { display: inline-flex; align-items: center; gap: .8rem; margin-bottom: .7rem; color: #a87a35; font-family: var(--heading); font-size: .68rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.lc-kicker::before, .lc-kicker::after { width: 28px; height: 1px; content: ""; background: currentColor; }
.lc-section-head { max-width: 760px; margin: 0 auto 2.4rem; text-align: center; }
.lc-section-head h2 { margin: 0 0 .7rem; font-size: clamp(1.9rem, 3.4vw, 2.7rem); line-height: 1.08; }
.lc-section-head p { margin: 0 auto; max-width: 640px; color: var(--lc-muted); }
.lc-display { margin-bottom: .6rem !important; color: var(--lc-ink) !important; font-family: var(--heading); font-size: clamp(1.1rem, 1.8vw, 1.35rem); font-weight: 600; }

/* Hero */
.lc-hero { position: relative; padding: clamp(3rem, 6vw, 5rem) 0; background-color: var(--lc-navy); background-image: linear-gradient(90deg, rgba(3,14,24,.95) 0%, rgba(4,18,30,.84) 45%, rgba(4,18,30,.66) 70%, rgba(3,14,24,.82) 100%), linear-gradient(180deg, rgba(2,11,18,.1), rgba(2,11,18,.5)), url("/assets/images/heroes/commercial-property-loans.png"); background-position: center, center, center 52%; background-size: cover; color: #fff; }
.lc-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 430px); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.lc-hero__copy { min-width: 0; }
.lc-hero__eyebrow { display: inline-block; margin-bottom: 1.3rem; padding: .45rem .8rem; border: 1px solid var(--lc-gold); color: var(--lc-gold-light); font-family: var(--heading); font-size: clamp(.64rem, .9vw, .76rem); font-weight: 700; letter-spacing: .14em; line-height: 1.3; text-transform: uppercase; }
.lc-hero h1 { margin: 0 0 1.2rem; color: #fff; font-size: clamp(2.5rem, 5.4vw, 4.6rem); font-weight: 700; line-height: 1.02; }
.lc-hero__lede { max-width: 620px; margin: 0 0 1.8rem; color: rgba(255,255,255,.84); font-size: clamp(.95rem, 1.2vw, 1.05rem); line-height: 1.65; }
.lc-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-bottom: 2rem; }
.lc-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: 620px; margin: 0; border: 1px solid rgba(255,255,255,.18); }
.lc-stats div { display: flex; flex-direction: column-reverse; justify-content: flex-end; gap: .3rem; padding: .9rem 1rem; border-right: 1px solid rgba(255,255,255,.18); }
.lc-stats div:last-child { border-right: 0; }
.lc-stats dt { color: var(--lc-gold-light); font-family: var(--heading); font-size: .6rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.lc-stats dd { margin: 0; font-family: var(--heading); font-size: clamp(1.25rem, 2vw, 1.6rem); font-weight: 700; line-height: 1; }
.lc-hero__fine { margin: .6rem 0 0; color: rgba(255,255,255,.55); font-size: .72rem; }
.lc-menu { padding: 1.4rem 1.4rem 1rem; border-top: 4px solid var(--lc-gold); background: #fff; color: var(--lc-ink); box-shadow: 0 24px 60px rgba(0,0,0,.35); }
.lc-menu__head { padding-left: .8rem; border-left: 3px solid var(--lc-gold); margin-bottom: 1rem; }
.lc-menu__head span { color: #a87a35; font-family: var(--heading); font-size: .6rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.lc-menu__title { margin: .2rem 0; font-family: var(--heading); font-size: 1.3rem; font-weight: 700; letter-spacing: -.01em; line-height: 1.1; text-transform: uppercase; }
.lc-menu__head p:last-child { margin: 0; color: var(--lc-muted); font-size: .78rem; }
.lc-menu ol { margin: 0; padding: 0; border-top: 2px solid var(--lc-navy); list-style: none; }
.lc-menu li { border-bottom: 1px solid var(--lc-line); }
.lc-menu li button { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr) auto; gap: .5rem; align-items: center; width: 100%; padding: .7rem .2rem; border: 0; background: transparent; color: inherit; text-align: left; transition: background-color .15s ease; }
.lc-menu li button:hover, .lc-menu li button:focus-visible { background: #f6f1e7; }
.lc-menu__num { color: #a87a35; font-family: var(--heading); font-size: .7rem; font-weight: 700; }
.lc-menu__name strong { display: block; color: #163a5f; font-family: var(--heading); font-size: .84rem; font-weight: 700; line-height: 1.25; }
.lc-menu__name small { display: block; color: var(--lc-muted); font-size: .7rem; line-height: 1.3; }
.lc-menu__rate { color: var(--lc-navy); font-family: var(--heading); font-size: .74rem; font-weight: 700; white-space: nowrap; }
.lc-menu__foot { margin: .8rem 0 0; color: var(--lc-muted); font-family: var(--heading); font-size: .62rem; font-weight: 700; letter-spacing: .14em; text-align: center; text-transform: uppercase; }

/* Calculator */
.lc-calc { padding: clamp(3.5rem, 6vw, 5.5rem) 0 clamp(3rem, 5vw, 4.5rem); background: var(--lc-bg); scroll-margin-top: var(--header-height); }
.lc-app { overflow: hidden; border: 1px solid var(--lc-line); border-radius: 6px; background: #fff; box-shadow: 0 30px 70px rgba(7,21,34,.14); }
.lc-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-bottom: 1px solid var(--lc-line); }
.lc-tabs button { display: flex; flex-direction: column; gap: .12rem; min-width: 0; padding: .8rem .9rem; border: 0; border-right: 1px solid var(--lc-line); border-bottom: 3px solid transparent; background: #fff; color: var(--lc-ink); text-align: left; }
.lc-tabs button:last-child { border-right: 0; }
.lc-tabs small { color: #a87a35; font-family: var(--heading); font-size: .62rem; font-weight: 700; }
.lc-tabs strong { overflow: hidden; font-family: var(--heading); font-size: .84rem; text-overflow: ellipsis; white-space: nowrap; }
.lc-tabs span { color: var(--lc-muted); font-size: .68rem; white-space: nowrap; }
.lc-tabs button:hover { background: #f8f6f1; }
.lc-tabs button[aria-selected="true"] { border-bottom-color: var(--lc-gold); background: var(--lc-navy); color: #fff; }
.lc-tabs button[aria-selected="true"] span { color: rgba(255,255,255,.65); }
.lc-tabs button[aria-selected="true"] small { color: var(--lc-gold-light); }
.lc-select-mobile { display: none; }
.lc-app__body { display: grid; grid-template-columns: minmax(280px, 340px) minmax(0, 1fr); }
.lc-app__inputs { min-width: 0; padding: 1.4rem 1.3rem; border-right: 1px solid var(--lc-line); }
.lc-panel__head { margin-bottom: 1.2rem; padding-left: .8rem; border-left: 3px solid var(--lc-gold); }
.lc-panel__head span { display: block; color: #a87a35; font-family: var(--heading); font-size: .62rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.lc-panel__head strong { display: block; font-family: var(--heading); font-size: 1.12rem; line-height: 1.25; }
.lc-panel__head small { color: var(--lc-muted); font-size: .76rem; }
.lc-inputs { display: grid; gap: .95rem; }
.lc-field { min-width: 0; margin: 0; padding: 0; border: 0; }
.lc-label { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; margin-bottom: .35rem; padding: 0; }
.lc-label > span { font-family: var(--heading); font-size: .66rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.lc-label small { color: var(--lc-muted); font-size: .66rem; text-align: right; }
.lc-label output { margin-left: .35rem; color: #a87a35; font-weight: 700; }
.lc-input { display: flex; align-items: center; min-height: 42px; border: 1px solid #cfd5da; border-radius: 3px; background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.lc-input:focus-within { border-color: var(--lc-gold); box-shadow: 0 0 0 3px rgba(199,145,47,.16); }
.lc-input input, .lc-input select { flex: 1 1 auto; width: 100%; min-width: 0; height: 40px; padding: 0 .65rem; border: 0; background: transparent; color: var(--lc-ink); font: 500 .92rem var(--body); outline: 0; }
.lc-input input[readonly] { color: var(--lc-muted); }
.lc-input input[aria-invalid="true"] { color: var(--lc-red); }
.lc-input__affix { padding: 0 .6rem; color: var(--lc-muted); font-size: .82rem; }
.lc-input__affix:first-child { padding-right: 0; }
.lc-input--select select { cursor: pointer; }
.lc-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: .65rem; }
.lc-range { width: 100%; height: 22px; margin: 0; accent-color: var(--lc-gold); cursor: pointer; }
.lc-range__scale { display: flex; justify-content: space-between; color: var(--lc-muted); font-size: .64rem; }
.lc-segmented__options { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; border: 1px solid #cfd5da; border-radius: 3px; overflow: hidden; }
.lc-segmented__options label { position: relative; min-width: 0; }
.lc-segmented__options input { position: absolute; opacity: 0; pointer-events: none; }
.lc-segmented__options span { display: block; padding: .62rem .3rem; border-right: 1px solid #cfd5da; background: #f5f6f7; font-family: var(--heading); font-size: .74rem; font-weight: 600; text-align: center; cursor: pointer; }
.lc-segmented__options label:last-child span { border-right: 0; }
.lc-segmented__options input:checked + span { background: var(--lc-navy); color: #fff; }
.lc-segmented__options input:focus-visible + span { outline: 2px solid var(--lc-gold); outline-offset: -2px; }
.lc-toggle { display: flex; align-items: center; gap: .6rem; font-size: .8rem; font-weight: 500; cursor: pointer; }
.lc-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.lc-toggle__track { position: relative; flex: 0 0 auto; width: 34px; height: 19px; border-radius: 999px; background: #cfd5da; transition: background-color .15s ease; }
.lc-toggle__track::after { position: absolute; top: 2px; left: 2px; width: 15px; height: 15px; border-radius: 50%; content: ""; background: #fff; transition: transform .15s ease; }
.lc-toggle input:checked + .lc-toggle__track { background: var(--lc-gold); }
.lc-toggle input:checked + .lc-toggle__track::after { transform: translateX(15px); }
.lc-toggle input:focus-visible + .lc-toggle__track { outline: 2px solid var(--lc-gold); outline-offset: 2px; }
.lc-note { margin: 0; color: var(--lc-muted); font-size: .72rem; line-height: 1.5; }
.lc-warnings:empty { display: none; }
.lc-warnings { display: grid; gap: .45rem; margin-top: 1.1rem; }
.lc-warnings p { margin: 0; padding: .55rem .7rem; border-left: 3px solid var(--lc-amber); background: #fdf6e8; font-size: .74rem; line-height: 1.45; }
.lc-warnings p.is-exceeds { border-left-color: var(--lc-red); background: #fcefed; }
.lc-source { margin: 1rem 0 0; color: var(--lc-muted); font-size: .66rem; }

/* Results */
.lc-results { min-width: 0; background: #fff; }
.lc-results__top { padding: 1.5rem 1.5rem 1.3rem; background: var(--lc-panel); color: #fff; }
.lc-results__headline { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1.3rem; }
.lc-results__label { display: block; color: var(--lc-gold-light); font-family: var(--heading); font-size: .64rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.lc-results__value { display: block; margin: .25rem 0; font-family: var(--heading); font-size: clamp(2rem, 4vw, 2.75rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.05; overflow-wrap: anywhere; }
.lc-results__sub { color: rgba(255,255,255,.7); font-size: .76rem; }
.lc-results__ctas { display: grid; gap: .55rem; min-width: 190px; }
.lc-results__ctas .lc-button { min-height: 40px; font-size: .68rem; }
.lc-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; border: 1px solid var(--lc-dark-line); background: var(--lc-panel-2); }
.lc-metrics div { min-width: 0; padding: .8rem .9rem; border-right: 1px solid var(--lc-dark-line); border-bottom: 1px solid var(--lc-dark-line); }
.lc-metrics div:nth-child(3n) { border-right: 0; }
.lc-metrics dt { color: var(--lc-gold-light); font-family: var(--heading); font-size: .58rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.lc-metrics dd { margin: .2rem 0 0; font-family: var(--heading); font-size: 1.02rem; font-weight: 700; overflow-wrap: anywhere; }
.lc-fitgrid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.4rem; margin-top: 1.3rem; }
.lc-fitgrid h3 { margin: 0 0 .7rem; color: rgba(255,255,255,.75); font-size: .62rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.lc-badge { display: inline-block; margin-left: .4rem; padding: .12rem .45rem; border-radius: 2px; font-size: .58rem; letter-spacing: .08em; vertical-align: middle; }
.lc-badge.is-fits { background: rgba(79,194,139,.18); color: var(--lc-green); }
.lc-badge.is-review { background: rgba(226,169,59,.18); color: var(--lc-amber); }
.lc-badge.is-exceeds { background: rgba(224,112,95,.2); color: var(--lc-red); }
.lc-fit { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.lc-fit li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: .5rem; font-size: .76rem; line-height: 1.4; }
.lc-fit li::before { display: grid; place-items: center; width: 16px; height: 16px; margin-top: 1px; border: 1px solid currentColor; border-radius: 50%; content: "✓"; font-size: .58rem; }
.lc-fit li.is-fits::before { color: var(--lc-green); }
.lc-fit li.is-review::before { color: var(--lc-amber); content: "!"; }
.lc-fit li.is-exceeds::before { color: var(--lc-red); content: "×"; }
.lc-fit li.is-info::before { color: var(--lc-gold-light); content: "i"; }
.lc-fit strong { font-family: var(--heading); }
.lc-fit span { display: block; color: rgba(255,255,255,.72); }
.lc-fit span.lc-badge { display: inline-block; }
.lc-bars { display: grid; gap: .8rem; }
.lc-bar__label { display: flex; justify-content: space-between; gap: .5rem; margin-bottom: .3rem; font-size: .72rem; }
.lc-bar__label strong { color: var(--lc-gold-light); font-family: var(--heading); white-space: nowrap; }
.lc-bar__track { position: relative; height: 22px; overflow: hidden; background: repeating-linear-gradient(135deg, #fff 0 6px, #e9edf0 6px 8px); }
.lc-bar__fill { display: flex; align-items: center; height: 100%; padding-left: .5rem; background: #24578c; color: #fff; font-size: .62rem; font-weight: 600; white-space: nowrap; }
.lc-bar__fill.is-gold { background: #b98a3e; }
.lc-bar__max { position: absolute; top: 0; bottom: 0; width: 2px; background: var(--lc-red); }
.lc-breakdown { padding: 1.2rem 1.5rem; border-bottom: 1px solid var(--lc-line); }
.lc-breakdown h3, .lc-chart__head h3 { margin: 0; font-size: 1rem; letter-spacing: -.01em; }
.lc-breakdown dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.5rem; margin: .7rem 0 0; }
.lc-breakdown dl div { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px dashed var(--lc-line); font-size: .8rem; }
.lc-breakdown dt { color: var(--lc-muted); }
.lc-breakdown dd { margin: 0; font-weight: 600; text-align: right; }
.lc-breakdown dl div.is-total dt, .lc-breakdown dl div.is-total dd { color: var(--lc-ink); font-weight: 700; }
.lc-chart { padding: 1.2rem 1.5rem 1.5rem; }
.lc-chart__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; margin-bottom: .8rem; }
.lc-chart__tools { display: flex; flex-wrap: wrap; gap: .5rem; }
.lc-views { display: inline-flex; border: 1px solid var(--lc-line); border-radius: 3px; }
.lc-views button { padding: .4rem .8rem; border: 0; background: #fff; color: var(--lc-ink); font-family: var(--heading); font-size: .72rem; font-weight: 600; }
.lc-views button[aria-pressed="true"] { background: var(--lc-navy); color: #fff; }
.lc-export { padding: .4rem .8rem; border: 1px solid var(--lc-gold); border-radius: 3px; background: #fff; color: #8a6224; font-family: var(--heading); font-size: .72rem; font-weight: 700; }
.lc-chart-types { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .8rem; }
.lc-chart-types button { padding: .3rem .65rem; border: 1px solid var(--lc-line); border-radius: 999px; background: #fff; color: var(--lc-muted); font-size: .7rem; font-weight: 600; }
.lc-chart-types button[aria-pressed="true"] { border-color: var(--lc-navy); color: var(--lc-navy); background: #eef2f6; }
.lc-legend { display: flex; flex-wrap: wrap; gap: .4rem 1.1rem; margin: 0 0 .5rem; padding: 0; list-style: none; font-size: .72rem; }
.lc-legend li { display: flex; align-items: center; gap: .4rem; }
.lc-legend i { display: inline-block; width: 14px; height: 3px; border-radius: 2px; }
.lc-legend strong { font-family: var(--heading); }
.lc-svg { display: block; width: 100%; height: auto; }
.lc-svg text { fill: #6b7680; font-family: var(--body); font-size: 11px; }
.lc-chart__caption { margin: .5rem 0 0; color: var(--lc-muted); font-size: .7rem; }
.lc-table-wrap { max-height: 420px; overflow: auto; border: 1px solid var(--lc-line); }
.lc-table { width: 100%; border-collapse: collapse; font-size: .76rem; font-variant-numeric: tabular-nums; }
.lc-table th { position: sticky; top: 0; padding: .55rem .6rem; background: var(--lc-navy); color: #fff; font-family: var(--heading); font-size: .64rem; letter-spacing: .06em; text-align: right; text-transform: uppercase; white-space: nowrap; }
.lc-table td { padding: .45rem .6rem; border-bottom: 1px solid #eef0f2; text-align: right; white-space: nowrap; }
.lc-table th:first-child, .lc-table td:first-child, .lc-table th:nth-child(2), .lc-table td:nth-child(2) { text-align: left; }
.lc-table tr.is-year td { background: #f7f4ee; font-weight: 600; }
.lc-disclaimer { max-width: 900px; margin: 1.5rem auto 0; color: var(--lc-muted); font-size: .74rem; line-height: 1.6; text-align: center; }
.lc-noscript { padding: 1.5rem; }

/* Program cards */
.lc-programs { padding: clamp(3.5rem, 6vw, 5.5rem) 0; background: #fff; }
.lc-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.3rem; }
.lc-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--lc-line); border-radius: 4px; background: #fff; box-shadow: 0 14px 34px rgba(7,21,34,.07); }
.lc-card__media { aspect-ratio: 16 / 9; overflow: hidden; background: var(--lc-navy); }
.lc-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.lc-card__body { display: flex; flex: 1 1 auto; flex-direction: column; padding: 1.3rem; }
.lc-card__num { color: #a87a35; font-family: var(--heading); font-size: .64rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.lc-card h3 { margin: .3rem 0 .6rem; font-size: 1.25rem; line-height: 1.2; }
.lc-card h3 a { text-decoration: none; }
.lc-card h3 a:hover { color: #8a6224; }
.lc-card p { margin: 0 0 1rem; color: var(--lc-muted); font-size: .84rem; line-height: 1.55; }
.lc-card__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 0 1rem; border: 1px solid var(--lc-line); }
.lc-card__stats div { min-width: 0; padding: .55rem .6rem; border-right: 1px solid var(--lc-line); border-bottom: 1px solid var(--lc-line); }
.lc-card__stats div:nth-child(3n) { border-right: 0; }
.lc-card__stats div:nth-last-child(-n+3) { border-bottom: 0; }
.lc-card__stats dt { color: var(--lc-muted); font-size: .56rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.lc-card__stats dd { margin: .15rem 0 0; color: #163a5f; font-family: var(--heading); font-size: .78rem; font-weight: 700; line-height: 1.25; }
.lc-card ul { display: grid; gap: .4rem; margin: 0 0 1.2rem; padding: 0; list-style: none; font-size: .8rem; line-height: 1.45; }
.lc-card li { position: relative; padding-left: 1.1rem; }
.lc-card li::before { position: absolute; left: 0; color: var(--lc-gold); content: "✓"; font-weight: 700; }
.lc-card .lc-button { margin-top: auto; align-self: flex-start; }

/* Process */
.lc-process { padding: clamp(3.5rem, 6vw, 5rem) 0; background: var(--lc-bg); }
.lc-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; margin: 0; padding: 0; list-style: none; }
.lc-steps li { padding: 1.5rem; border: 1px solid var(--lc-line); border-radius: 4px; background: #fff; }
.lc-steps__num { display: inline-grid; place-items: center; width: 34px; height: 34px; margin-bottom: 1rem; background: #1f4f80; color: #fff; font-family: var(--heading); font-size: .8rem; font-weight: 700; }
.lc-steps h3 { margin: 0 0 .5rem; color: #1f4f80; font-size: 1.15rem; }
.lc-steps p { margin: 0; color: var(--lc-muted); font-size: .86rem; }
.lc-process__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 2rem; }

/* Request form */
.lc-request { padding: clamp(3.5rem, 6vw, 5.5rem) 0; background: linear-gradient(160deg, #1b2730 0%, #071522 55%, #050f19 100%); color: #fff; scroll-margin-top: var(--header-height); }
.lc-request__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 480px); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.lc-request__copy { padding-top: 1.5rem; }
.lc-request .lc-kicker { color: var(--lc-gold-light); }
.lc-request h2 { margin: 0 0 1rem; color: #fff; font-size: clamp(2rem, 3.6vw, 2.9rem); line-height: 1.08; }
.lc-request__copy > p { max-width: 520px; color: rgba(255,255,255,.82); }
.lc-request__copy ul { display: grid; gap: .6rem; margin: 1.4rem 0 2rem; padding: 0; list-style: none; font-size: .86rem; }
.lc-request__copy li { position: relative; padding-left: 1.1rem; }
.lc-request__copy li::before { position: absolute; left: 0; color: var(--lc-gold); content: "◆"; font-size: .6rem; top: .3rem; }
/* The request form uses the shared deal-form markup, styled by
   assets/css/finance-form.css exactly as on /get-quote/: navy credit callout
   header, gold-ruled heading, icon fields and gold button. These rules add the
   form stack, the calculator-only fields and the trust card below it. */
.lc-form-stack { display: grid; gap: .55rem; width: 100%; max-width: 485px; margin-left: auto; }
.lc-form-stack > .credit-callout + form.deal-form[name="deal-submission"] { margin-top: -.55rem; }
.lc-form-stack .credit-callout + form.lc-form[name="deal-submission"] .form-heading p.lc-form__title { margin: .15rem 0 .25rem; color: #071522; font-family: var(--heading); font-size: clamp(1.3rem, 2vw, 1.62rem); font-weight: 800; letter-spacing: -.01em; line-height: 1.1; text-transform: uppercase; }
.lc-form__attached { margin: .9rem 0 0; padding: .6rem .75rem; background: #fbf6ec; color: #6b4c18; border-left: 3px solid #c3913f; border-radius: 3px; font-size: .74rem; font-weight: 600; }
.lc-trust { padding: .95rem 1.2rem; background: #fff; color: #071522; border: 1px solid rgba(7,21,34,.1); border-radius: 8px; box-shadow: 0 14px 30px rgba(0,0,0,.2); text-align: center; }
.lc-trust strong { display: block; color: #0b1f3a; font-family: var(--heading); font-size: .68rem; font-weight: 800; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.lc-trust strong span { margin: 0 .2rem; color: var(--lc-gold); }
.lc-trust p { margin: .35rem 0 0; color: #5a6670; font-size: .68rem; line-height: 1.45; }

/* Calculator guide, matching the /get-quote/ financing products section */
.lc-guide { padding: clamp(4.5rem, 7vw, 7rem) 0; background: radial-gradient(circle at 15% 20%, rgba(79,145,179,.11), transparent 32%), #f5f8f9; }
.lc-guide__intro { display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(2rem, 8vw, 9rem); align-items: end; margin-bottom: 2rem; }
.lc-guide__eyebrow { color: #a87a35; font-family: var(--heading); font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.lc-guide__intro h2 { max-width: 820px; margin: .5rem 0 0; color: #071522; font-size: clamp(2.5rem, 4.3vw, 4.3rem); font-weight: 600; letter-spacing: -.055em; line-height: .96; }
.lc-guide__intro p { max-width: 520px; margin: 0; color: #344759; font-size: 1rem; line-height: 1.65; }
.lc-guide__intro > div:last-child > span { display: inline-block; margin-top: 1.1rem; padding-top: .75rem; color: #283c50; border-top: 2px solid var(--bronze); font-family: var(--heading); font-size: .62rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.lc-guide__tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-bottom: 1rem; border: 1px solid #9eabb5; border-radius: 8px; overflow: hidden; }
.lc-guide__tabs button { display: grid; place-items: center; min-height: 54px; padding: .75rem; background: transparent; color: #071522; border: 0; border-right: 1px solid #bcc5cc; font-family: var(--heading); font-size: .62rem; font-weight: 700; letter-spacing: .04em; text-align: center; text-transform: uppercase; }
.lc-guide__tabs button:last-child { border-right: 0; }
.lc-guide__tabs button:focus-visible { position: relative; z-index: 1; outline: 2px solid #1677d2; outline-offset: -3px; }
.lc-guide__tabs .is-active { background: linear-gradient(115deg, #efc66f, #dba94e); color: #171b20; }
.lc-guide__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.lc-guide-card { display: flex; flex-direction: column; min-width: 0; min-height: 190px; padding: 1.4rem 1.55rem; background: rgba(255,255,255,.65); color: #071522; border: 1px solid #aebac3; border-radius: 8px; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.lc-guide-card[hidden] { display: none; }
.lc-guide-card:hover { transform: translateY(-3px); background: #fff; box-shadow: 0 18px 40px rgba(20,49,70,.1); }
.lc-guide-card__num { color: #a86e13; font-family: var(--heading); font-size: .85rem; }
.lc-guide-card h2, .lc-guide-card h3, .lc-guide-card .lc-guide-card__title { margin: .45rem 0 .4rem; color: #071522; font-family: var(--heading); font-size: 1.22rem; font-weight: 600; letter-spacing: -.02em; line-height: 1.2; }
.lc-guide-card p { margin: 0; color: #405365; font-size: .82rem; line-height: 1.6; }
.lc-guide-card p a { color: #8a6224; font-weight: 600; }
.lc-guide-card__action { align-self: flex-start; margin-top: auto; padding: 1rem 0 0; background: none; color: #a86e13; border: 0; font-family: var(--heading); font-size: .67rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.lc-guide-card__action span { display: inline-block; margin-left: .55rem; transition: transform .2s ease; }
.lc-guide-card__action:hover span { transform: translateX(3px); }
.lc-guide-card--cta { background: linear-gradient(140deg, #0b1f31 0%, #071522 70%); color: #fff; border-color: rgba(210,170,106,.5); }
.lc-guide-card--cta:hover { background: linear-gradient(140deg, #0e2438 0%, #08192a 70%); }
.lc-guide-card--cta .lc-guide-card__num { color: var(--lc-gold-light); }
.lc-guide-card--cta .lc-guide-card__title { color: #fff; }
.lc-guide-card--cta p { color: rgba(255,255,255,.75); }
.lc-guide-card__ctas { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: auto; padding-top: 1rem; }
.lc-guide-card__ctas .lc-button { min-height: 40px; padding: .55rem .9rem; font-size: .66rem; }
.lc-faq { padding: clamp(3.5rem, 6vw, 5rem) 0; background: var(--lc-bg); }
.lc-faq__list { max-width: 860px; margin: 0 auto; border-top: 1px solid var(--lc-line); }
.lc-faq details { border-bottom: 1px solid var(--lc-line); }
.lc-faq summary { display: flex; justify-content: space-between; gap: 1rem; padding: 1.1rem 0; font-family: var(--heading); font-size: 1rem; font-weight: 700; cursor: pointer; list-style: none; }
.lc-faq summary::-webkit-details-marker { display: none; }
.lc-faq summary span { color: var(--lc-gold); font-size: 1.2rem; transition: transform .2s ease; }
.lc-faq details[open] summary span { transform: rotate(45deg); }
.lc-faq details p { margin: 0 0 1.1rem; color: var(--lc-muted); font-size: .9rem; line-height: 1.7; }

/* Responsive */
@media (max-width: 1100px) {
  .lc-app__body { grid-template-columns: minmax(260px, 300px) minmax(0, 1fr); }
  .lc-fitgrid { grid-template-columns: 1fr; }
  .lc-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .lc-hero__grid, .lc-request__grid { grid-template-columns: minmax(0, 1fr); }
  .lc-menu { max-width: 560px; }
  .lc-tabs { display: none; }
  .lc-select-mobile { display: grid; gap: .35rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--lc-line); background: var(--lc-navy); }
  .lc-select-mobile span { color: var(--lc-gold-light); font-family: var(--heading); font-size: .64rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
  .lc-select-mobile select { width: 100%; padding: .7rem; border: 1px solid var(--lc-gold); border-radius: 3px; background: #fff; color: var(--lc-ink); font: 600 .92rem var(--heading); }
  .lc-app__body { grid-template-columns: minmax(0, 1fr); }
  .lc-app__inputs { border-right: 0; border-bottom: 1px solid var(--lc-line); }
  .lc-steps { grid-template-columns: minmax(0, 1fr); }
  .lc-form-stack { max-width: 560px; margin-left: 0; }
  .lc-guide__intro { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .lc-guide__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lc-guide__tabs { grid-template-columns: 1fr 1fr; }
  .lc-guide__tabs button { border-bottom: 1px solid #bcc5cc; }
  .lc-guide__tabs button:last-child { grid-column: 1 / -1; border-bottom: 0; }
}
@media (max-width: 640px) {
  .lc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lc-stats div:nth-child(2) { border-right: 0; }
  .lc-stats div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.18); }
  .lc-hero__actions .lc-button { width: 100%; }
  .lc-results__top, .lc-breakdown, .lc-chart { padding-left: 1rem; padding-right: 1rem; }
  .lc-results__ctas { width: 100%; grid-template-columns: 1fr 1fr; min-width: 0; }
  .lc-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lc-metrics div:nth-child(3n) { border-right: 1px solid var(--lc-dark-line); }
  .lc-metrics div:nth-child(2n) { border-right: 0; }
  .lc-breakdown dl { grid-template-columns: minmax(0, 1fr); }
  .lc-cards { grid-template-columns: minmax(0, 1fr); }
  .lc-card__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lc-card__stats div:nth-child(3n) { border-right: 1px solid var(--lc-line); }
  .lc-card__stats div:nth-child(2n) { border-right: 0; }
  .lc-card__stats div:nth-last-child(-n+3) { border-bottom: 1px solid var(--lc-line); }
  .lc-card__stats div:nth-last-child(-n+2) { border-bottom: 0; }
  .lc-guide__grid, .lc-guide__tabs { grid-template-columns: minmax(0, 1fr); }
  .lc-guide__tabs button { border-right: 0; }
  .lc-guide__intro h2 { font-size: 2.4rem; }
  .lc-menu li button { grid-template-columns: 1.6rem minmax(0, 1fr); }
  .lc-menu__rate { grid-column: 2; }
}
