:root {
  --ink: #13213d;
  --muted: #667085;
  --line: #dfe5ee;
  --soft: #f3f6fb;
  --blue: #2f63f6;
  --blue-dark: #1d48cf;
  --lime: #c9f360;
  --white: #ffffff;
  --shadow: 0 24px 70px rgba(16, 34, 70, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: "Manrope", Arial, sans-serif; font-size: 16px; line-height: 1.55; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.shell { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }

.site-header { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.92); border-bottom: 1px solid rgba(223,229,238,.8); backdrop-filter: blur(18px); }
.header-inner { height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 22px; font-weight: 800; letter-spacing: -.7px; }
.brand > span:last-child > span { color: var(--blue); }
.brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 13px 8px 13px 8px; background: var(--blue); color: white; box-shadow: 5px 5px 0 var(--lime); font-size: 20px; }
.desktop-nav { display: flex; gap: 30px; color: #40506d; font-weight: 600; }
.desktop-nav a:hover { color: var(--blue); }
.header-action { padding: 11px 18px; border: 1px solid var(--line); border-radius: 12px; font-weight: 700; transition: .2s ease; }
.header-action:hover { border-color: var(--blue); color: var(--blue); }
.mobile-menu { display: none; }
.mobile-menu > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }
.mobile-menu > summary::-webkit-details-marker { display: none; }
.mobile-menu > summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.mobile-menu[open] > summary { color: white; background: var(--blue); border-color: var(--blue); }
.mobile-menu-panel { position: absolute; top: calc(100% - 4px); left: 0; right: 0; z-index: 30; display: grid; gap: 6px; max-height: 70vh; max-height: 70svh; overflow-y: auto; overscroll-behavior: contain; padding: 12px; border: 1px solid var(--line); border-radius: 0 0 16px 16px; background: #fff; box-shadow: var(--shadow); }
.mobile-menu-panel a { min-height: 44px; display: flex; align-items: center; padding: 10px 12px; border-radius: 9px; font-size: 14px; line-height: 1.35; }
.mobile-menu-panel a:hover, .mobile-menu-panel a[aria-current="page"] { color: var(--blue-dark); background: #edf2ff; }
.mobile-menu-main { font-weight: 700; }
.mobile-menu-collections { justify-content: space-between; gap: 12px; margin: 2px 0 4px; color: #fff; background: var(--blue); font-weight: 800; }
.mobile-menu-collections:hover { color: #fff !important; background: var(--blue-dark) !important; }
.mobile-menu-collections small { padding: 3px 8px; border-radius: 999px; background: rgba(255,255,255,.18); font-size: 12px; font-weight: 700; white-space: nowrap; }
.mobile-menu-quick { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding-top: 10px; border-top: 1px solid var(--line); }
.mobile-menu-quick a { background: var(--soft); font-weight: 650; }
.mobile-menu-quick a:last-child { grid-column: 1/-1; }

.related-section { padding: 68px 0; background: #f5f8ff; border-top: 1px solid #e3eaf6; border-bottom: 1px solid #e3eaf6; }
.related-section .section-heading { align-items: end; margin-bottom: 24px; }
.related-section .section-heading > p { max-width: 500px; color: var(--muted); }
.related-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 12px; }
.related-grid a { position: relative; min-height: 148px; display: flex; flex-direction: column; padding: 20px 46px 20px 20px; border: 1px solid #dfe6f1; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(25,50,95,.05); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.related-grid a:hover { transform: translateY(-2px); border-color: #aebff0; box-shadow: 0 13px 30px rgba(25,50,95,.1); }
.related-grid span { color: var(--ink); font-weight: 800; line-height: 1.3; }
.related-grid small { margin-top: 9px; color: var(--muted); font-size: 13px; line-height: 1.45; }
.related-grid b { position: absolute; top: 18px; right: 18px; color: var(--blue); font-size: 18px; }

.finder-section { overflow: hidden; padding: 72px 0 0; background: radial-gradient(circle at 87% 8%, rgba(201,243,96,.32), transparent 28%), linear-gradient(145deg,#f8faff 0%,#eef3ff 100%); }
.subpage-hero { padding-top: 28px; }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 36px; color: #7a869b; font-size: 13px; }
.breadcrumb a { color: var(--blue); font-weight: 700; }
.breadcrumb a:hover { color: var(--blue-dark); }
.finder-layout { display: grid; grid-template-columns: 1fr 490px; gap: 72px; align-items: center; }
.eyebrow, .section-label { display: inline-flex; align-items: center; gap: 9px; color: var(--blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.eyebrow span { width: 9px; height: 9px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(201,243,96,.25); }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 680px; margin: 18px 0 22px; font-size: clamp(46px, 5.6vw, 74px); line-height: 1.03; letter-spacing: -.055em; }
h1 em { color: var(--blue); font-style: normal; }
.intro-copy > p { max-width: 570px; color: #53617a; font-size: 18px; }
.trust-list { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 30px 0 0; padding: 0; list-style: none; color: #33415e; font-size: 14px; font-weight: 600; }
.trust-list span { color: var(--blue); font-weight: 800; }

.finder-card { position: relative; padding: 34px; border: 1px solid rgba(255,255,255,.7); border-radius: 28px; background: rgba(255,255,255,.94); box-shadow: var(--shadow); }
.finder-card::before { content: ""; position: absolute; width: 72px; height: 72px; top: -18px; right: -18px; border-radius: 24px 14px 24px 14px; background: var(--lime); z-index: -1; transform: rotate(8deg); }
.card-kicker { margin-bottom: 25px; color: #758198; font-size: 14px; font-weight: 700; }
.field-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.field-head label, .term-field legend { font-weight: 700; }
.field-head output { color: var(--blue); font-size: 25px; font-weight: 800; }
.range { width: 100%; height: 8px; margin: 20px 0 4px; appearance: none; border-radius: 10px; background: linear-gradient(to right, var(--blue) 0 28%, #e4e9f2 28% 100%); outline: none; }
.range::-webkit-slider-thumb { appearance: none; width: 25px; height: 25px; border: 6px solid var(--blue); border-radius: 50%; background: #fff; box-shadow: 0 3px 10px rgba(47,99,246,.28); cursor: grab; }
.range::-moz-range-thumb { width: 14px; height: 14px; border: 6px solid var(--blue); border-radius: 50%; background: #fff; cursor: grab; }
.range-scale { display: flex; justify-content: space-between; color: #8a94a7; font-size: 12px; }
.term-field { margin: 26px 0 0; padding: 0; border: 0; }
.term-options { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 12px; }
.term-options button, .filter-chip { border: 1px solid var(--line); background: #fff; color: #46536c; border-radius: 12px; cursor: pointer; }
.term-options button { padding: 11px 5px; font-size: 13px; font-weight: 700; }
.term-options button.active { border-color: var(--blue); background: #edf2ff; color: var(--blue); }
.primary-button { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 26px; padding: 17px 20px; border: 0; border-radius: 15px; background: var(--blue); color: white; font-weight: 800; cursor: pointer; box-shadow: 0 12px 25px rgba(47,99,246,.25); transition: .2s ease; }
.primary-button:hover { background: var(--blue-dark); transform: translateY(-1px); }
.primary-button span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.16); }
.microcopy { margin: 13px 0 0; text-align: center; color: #8791a3; font-size: 12px; }
.stat-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 66px; border-radius: 24px 24px 0 0; background: var(--ink); color: white; }
.stat-strip div { padding: 23px 30px; border-right: 1px solid rgba(255,255,255,.11); }
.stat-strip div:last-child { border-right: 0; }
.stat-strip strong, .stat-strip span { display: block; }
.stat-strip strong { font-size: 17px; }
.stat-strip span { margin-top: 2px; color: #afbad0; font-size: 12px; }

.offers-section, .collections-section, .steps-section, .guide-section, .info-section, .reasons-section, .faq-section { padding: 92px 0; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 34px; }
.section-heading h2, .guide-copy h2, .faq-layout h2 { margin: 9px 0 0; font-size: clamp(32px,4vw,46px); line-height: 1.13; letter-spacing: -.045em; }
.section-heading > p { margin: 0; color: var(--muted); }
.section-heading > p strong { color: var(--ink); }
.filter-row { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
.filter-chip { flex: 0 0 auto; padding: 10px 16px; font-size: 14px; font-weight: 700; }
.filter-chip.active { border-color: var(--ink); background: var(--ink); color: white; }
.offer-list { display: grid; gap: 14px; margin-top: 22px; }
.offer-card { position: relative; display: grid; grid-template-columns: minmax(0,1.55fr) repeat(3,minmax(0,1fr)) minmax(0,1.1fr); align-items: center; gap: 20px; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: #fff; box-shadow: 0 9px 30px rgba(16,34,70,.055); transition: .2s ease; }
.offer-card > * { min-width: 0; overflow-wrap: anywhere; }
.offer-card:hover { border-color: #bcc9e4; transform: translateY(-2px); box-shadow: 0 14px 38px rgba(16,34,70,.09); }
.featured-offer { border-color: rgba(47,99,246,.42); box-shadow: 0 13px 38px rgba(47,99,246,.10); }
.featured-offer::after { content: "Подключено"; position: absolute; top: -11px; right: 18px; padding: 4px 9px; border-radius: 20px; background: #eff9da; color: #507500; font-size: 11px; font-weight: 800; letter-spacing: .03em; }
.offer-card.hidden { display: none; }
.empty-state { margin-top: 22px; padding: 26px; border: 1px dashed #b8c4d8; border-radius: 18px; background: var(--soft); text-align: center; }
.empty-state strong, .empty-state span { display: block; }
.empty-state span { margin-top: 5px; color: var(--muted); font-size: 14px; }
.offer-brand { display: flex; align-items: center; gap: 13px; min-width: 0; }
.offer-brand > span { flex: 0 0 auto; width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; font-weight: 800; }
.offer-brand div, .offer-brand strong, .offer-brand small { display: block; min-width: 0; }
.offer-brand strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.offer-brand small, .offer-detail span, .offer-cta small { color: #8993a6; font-size: 12px; }
.brand-one > span { background: #e8efff; color: var(--blue); }
.brand-fast > span { background: #e7f7ff; color: #0793d1; box-shadow: inset 0 -4px 0 #ff8b24; }
.brand-belka > span { background: #fff0e5; color: #f06418; box-shadow: inset 0 -4px 0 #f06418; }
.brand-cabbage > span { background: #e7f8ec; color: #079b49; box-shadow: inset 0 -4px 0 #08b457; }
.brand-joy > span { background: #eaf5ff; color: #1478bd; box-shadow: inset 0 -4px 0 #27a6e8; }
.brand-zaymer > span { background: #f0f8e7; color: #4c8b1d; box-shadow: inset 0 -4px 0 #7ac43a; }
.brand-rublion > span { background: #fff0ee; color: #c7352b; box-shadow: inset 0 -4px 0 #d94135; }
.brand-boostra > span { background: #f1eefc; color: #4b2a86; box-shadow: inset 0 -4px 0 #6b45c8; }
.brand-credit7 > span { background: #f0ecff; color: #6d42c7; box-shadow: inset 0 -4px 0 #8d63e4; }
.brand-cashmagnit > span { background: #eef7ff; color: #0875b8; box-shadow: inset 0 -4px 0 #ef2d23; }
.brand-viva > span { background: #fff3df; color: #ef3427; box-shadow: inset 0 -4px 0 #ff9e16; }
.brand-mscore > span { background: #e9f8fb; color: #28a9c7; box-shadow: inset 0 -4px 0 #f47b35; }
.brand-alfa > span { background: #fff0ed; color: #e33b2f; box-shadow: inset 0 -4px 0 #e33b2f; }
.brand-platiza > span { background: #e6f8f5; color: #00aF98; box-shadow: inset 0 -4px 0 #587985; }
.brand-neomoney > span { background: #e9f3ff; color: #1387d8; box-shadow: inset 0 -4px 0 #2b3038; }
.brand-money > span { background: #eaf7e9; color: #2b8a4c; box-shadow: inset 0 -4px 0 #79b84f; }
.brand-mig > span { background: #eef9f2; color: #27b978; box-shadow: inset 0 -4px 0 #754fd1; }
.brand-like > span { background: #f1edff; color: #6d42c7; box-shadow: inset 0 -4px 0 #8a5cf0; }
.brand-target > span { background: #edf8ed; color: #369a45; box-shadow: inset 0 -4px 0 #70b878; }
.brand-two > span { background: #eff9da; color: #547b00; }
.brand-three > span { background: #fff0db; color: #c87300; }
.offer-detail span, .offer-detail strong { display: block; }
.offer-detail strong { margin-top: 3px; font-size: 14px; }
.offer-cta { text-align: right; }
.offer-button { width: 100%; display: block; padding: 13px 14px; border: 0; border-radius: 12px; background: var(--blue); color: white; text-align: center; font-size: 14px; font-weight: 800; cursor: pointer; }
.offer-button:hover { background: var(--blue-dark); }
.offer-button span { margin-left: 6px; }
.offer-cta small { display: block; margin-top: 5px; }
.rates-note { max-width: 850px; margin: 18px 0 0; color: #59657b; font-size: 14px; }
.editorial-meta { margin: 26px 0 -48px; padding: 12px 16px; border: 1px solid #dbe4f2; border-radius: 12px; background: #f7f9fd; color: #59657b; font-size: 14px; line-height: 1.55; }
.editorial-meta a { color: #284e9d; font-weight: 700; text-decoration: none; }
.editorial-meta a:hover { text-decoration: underline; }
.new-loans-page .rates-note { font-size: 14px; color: #59657b; }
.new-loans-page .offer-detail { min-width: 0; overflow-wrap: anywhere; }
.new-loans-page .guide-section .guide-copy { max-width: 850px; }

.collections-section { padding-top: 0; }
.collection-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.collection-grid a { position: relative; min-height: 185px; padding: 24px; border: 1px solid var(--line); border-radius: 20px; background: #fff; transition: .2s ease; }
.collection-grid a:hover { border-color: #afbee0; transform: translateY(-2px); box-shadow: 0 12px 34px rgba(16,34,70,.08); }
.collection-grid strong, .collection-grid span { display: block; }
.collection-grid strong { max-width: 190px; font-size: 18px; line-height: 1.25; }
.collection-grid span { margin-top: 12px; color: var(--muted); font-size: 13px; }
.collection-grid b { position: absolute; right: 20px; bottom: 18px; color: var(--blue); font-size: 22px; }
.collections-note { max-width: 820px; margin: 18px 0 0; color: #7b8598; font-size: 13px; }

.steps-section { background: var(--soft); }
.section-heading.compact { margin-bottom: 34px; }
.steps-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.steps-grid article { position: relative; min-height: 210px; padding: 30px; overflow: hidden; border: 1px solid #e0e6ef; border-radius: 22px; background: white; }
.steps-grid article > span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 34px; border-radius: 12px; background: var(--ink); color: white; font-weight: 800; }
.steps-grid article:nth-child(2) > span { background: var(--blue); }
.steps-grid article:nth-child(3) > span { background: var(--lime); color: var(--ink); }
.steps-grid article:nth-child(4) > span { background: #e8efff; color: var(--blue); }
.steps-grid h3 { margin-bottom: 8px; font-size: 20px; }
.steps-grid p { margin: 0; color: var(--muted); font-size: 14px; }

.guide-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; }
.guide-copy > p { margin: 22px 0; color: var(--muted); font-size: 17px; }
.guide-copy > a { color: var(--blue); font-weight: 800; }
.guide-copy > a span { margin-left: 8px; }
.checklist { padding: 12px 34px; border-radius: 25px; background: var(--ink); color: white; }
.checklist > div { display: grid; grid-template-columns: 46px 1fr; gap: 18px; align-items: start; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.checklist > div:last-child { border-bottom: 0; }
.checklist span { color: var(--lime); font-size: 13px; font-weight: 800; letter-spacing: .08em; }
.checklist p { margin: 0; color: #c7d0df; }
.checklist strong { color: white; }

.info-section { background: var(--soft); }
.info-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 22px; }
.info-grid > article { padding: 36px; border: 1px solid #e0e6ef; border-radius: 24px; background: #fff; }
.info-grid h2, .reasons-layout h2 { margin: 10px 0 20px; font-size: clamp(29px,3.2vw,40px); line-height: 1.17; letter-spacing: -.04em; }
.info-grid p { color: var(--muted); }
.formula-card { display: grid; gap: 5px; margin-top: 26px; padding: 20px; border-radius: 16px; background: #edf2ff; }
.formula-card strong { color: var(--blue); }
.formula-card span { color: #43516b; font-size: 14px; }
.plain-list { margin: 20px 0; padding-left: 22px; color: #46536c; }
.plain-list li + li { margin-top: 8px; }

.reasons-section { background: #fff; }
.reasons-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 80px; align-items: start; }
.reasons-layout > div:first-child > p { max-width: 430px; color: var(--muted); }
.reason-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
.reason-list div { min-height: 145px; padding: 24px; border: 1px solid var(--line); border-radius: 18px; }
.reason-list strong, .reason-list span { display: block; }
.reason-list span { margin-top: 9px; color: var(--muted); font-size: 14px; }

.faq-section { background: #f8faff; }
.faq-layout { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; }
.faq-layout > div:first-child > p { margin-top: 18px; color: var(--muted); }
.accordion details { border-bottom: 1px solid var(--line); }
.accordion summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; list-style: none; cursor: pointer; font-size: 17px; font-weight: 800; }
.accordion summary::-webkit-details-marker { display: none; }
.accordion summary span { color: var(--blue); font-size: 24px; font-weight: 500; transition: .2s ease; }
.accordion details[open] summary span { transform: rotate(45deg); }
.accordion details p { padding: 0 45px 20px 0; color: var(--muted); }

.warning-section { background: var(--lime); }
.warning-inner { display: flex; align-items: center; gap: 22px; padding-top: 30px; padding-bottom: 30px; }
.warning-inner > span { flex: 0 0 auto; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: white; font-size: 22px; font-weight: 800; }
.warning-inner strong { font-size: 19px; }
.warning-inner p { margin: 3px 0 0; color: #3d4b2c; font-size: 13px; }

.site-footer { padding: 58px 0 24px; background: #0d1830; color: white; }
.footer-main { display: grid; grid-template-columns: 1.5fr .75fr 1fr; gap: 70px; }
.footer-brand > span:last-child > span { color: var(--lime); }
.footer-main > div:first-child p { max-width: 350px; margin-top: 18px; color: #9eabc0; font-size: 14px; }
.footer-main > div:not(:first-child) { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer-main > div:not(:first-child) strong { margin-bottom: 6px; }
.footer-main a:not(.brand) { color: #aeb9cb; font-size: 13px; }
.footer-main a:hover { color: white; }
.footer-disclosure { margin-top: 40px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: #9eabc0; font-size: 12px; line-height: 1.7; }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; margin-top: 42px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: #7f8ca2; font-size: 12px; }
.footer-bottom p { margin: 0; }

@media (max-width: 920px) {
  .site-header { position: static; backdrop-filter: none; background: #fff; }
  .header-inner { position: relative; height: auto; min-height: 78px; padding: 12px 0; gap: 12px; }
  .mobile-menu { display: block; flex-shrink: 0; }
  .header-inner > .brand { flex-shrink: 0; }
  .desktop-nav { display: none; }
  .header-action { display: none; }
  .finder-section { padding-top: 48px; }
  .finder-layout { grid-template-columns: 1fr; gap: 38px; }
  .intro-copy { text-align: center; }
  .intro-copy > p, .trust-list { margin-left: auto; margin-right: auto; justify-content: center; }
  .offer-card { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .offer-brand, .offer-cta { grid-column: 1/-1; }
  .collection-grid, .steps-grid { grid-template-columns: repeat(2,1fr); }
  .guide-layout, .faq-layout, .reasons-layout { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 680px) {
  .shell { width: min(100% - 28px,1160px); }
  .header-inner { height: 68px; min-height: 68px; }
  .desktop-nav, .header-action { display: none; }
  .finder-section { padding-top: 36px; }
  .subpage-hero { padding-top: 20px; }
  .breadcrumb { margin-bottom: 26px; }
  h1 { margin-top: 14px; font-size: 42px; }
  .intro-copy > p { font-size: 16px; }
  .trust-list { display: grid; justify-content: start; max-width: 340px; text-align: left; }
  .finder-card { padding: 24px 20px; border-radius: 22px; }
  .field-head output { font-size: 21px; }
  .term-options { grid-template-columns: repeat(2,1fr); }
  .stat-strip { grid-template-columns: repeat(2,1fr); margin-top: 42px; border-radius: 18px 18px 0 0; }
  .stat-strip div { padding: 18px; }
  .stat-strip div:nth-child(2) { border-right: 0; }
  .stat-strip div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.11); }
  .offers-section, .collections-section, .steps-section, .guide-section, .info-section, .reasons-section, .faq-section, .related-section { padding: 65px 0; }
  .related-grid { grid-template-columns: 1fr; }
  .related-grid a { min-height: 0; padding: 17px 44px 17px 17px; }
  .section-heading { display: block; }
  .section-heading > p { margin-top: 15px; }
  .offer-card { grid-template-columns: 1fr 1fr; gap: 17px 10px; padding: 18px; }
  .offer-brand { grid-column: 1/-1; }
  .offer-card .offer-detail { display: block !important; }
  .offer-card .offer-detail:nth-of-type(3) { grid-column: 1/-1; }
  .offer-cta { grid-column: 1/-1; }
  .collection-grid, .steps-grid, .info-grid, .reason-list { grid-template-columns: 1fr; }
  .collection-grid a { min-height: 155px; }
  .info-grid > article { padding: 26px 22px; }
  .steps-grid article { min-height: 0; }
  .footer-main { grid-template-columns: 1fr; gap: 34px; }
  .footer-bottom { display: block; }
  .footer-bottom p + p { margin-top: 8px; }
  .warning-inner { align-items: flex-start; }
}

/* Blog */
.blog-hero { padding: 62px 0 54px; background: radial-gradient(circle at 88% 12%, rgba(201,243,96,.34), transparent 27%), linear-gradient(145deg,#f7f9ff,#eaf0ff); }
.blog-hero-inner { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 60px; align-items: end; }
.blog-hero h1 { max-width: 760px; margin-bottom: 18px; }
.blog-hero p { max-width: 720px; margin-bottom: 0; color: #53617a; font-size: 18px; }
.blog-hero-note { padding: 24px; border-radius: 22px; color: #fff; background: #14264a; box-shadow: var(--shadow); }
.blog-hero-note strong { display: block; color: var(--lime); font-size: 32px; }
.blog-hero-note span { display: block; margin-top: 7px; color: #c4cee0; }
.blog-list-section { padding: 72px 0 84px; }
.blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.blog-card { min-height: 330px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: #fff; box-shadow: 0 12px 36px rgba(25,50,95,.07); transition: transform .2s ease, box-shadow .2s ease; }
.blog-card:hover { transform: translateY(-4px); box-shadow: 0 20px 45px rgba(25,50,95,.12); }
.blog-card-meta { display: flex; justify-content: space-between; gap: 12px; color: #78849a; font-size: 12px; font-weight: 700; }
.blog-card h2 { margin: 26px 0 14px; font-size: 25px; line-height: 1.2; letter-spacing: -.03em; }
.blog-card p { color: var(--muted); }
.blog-card > span:last-child { margin-top: auto; color: var(--blue); font-weight: 800; }
.article-hero { padding: 34px 0 58px; background: linear-gradient(145deg,#f7f9ff,#edf3ff); }
.article-hero .breadcrumb { margin-bottom: 34px; }
.article-hero h1 { max-width: 900px; font-size: clamp(42px,5vw,66px); }
.article-lead { max-width: 820px; color: #526079; font-size: 19px; }
.article-meta { display: flex; flex-wrap: wrap; gap: 9px 20px; margin-top: 28px; color: #68758b; font-size: 14px; }
.article-meta span { display: inline-flex; align-items: center; gap: 7px; }
.article-layout { display: grid; grid-template-columns: minmax(0,760px) 280px; gap: 72px; align-items: start; padding-top: 68px; padding-bottom: 84px; }
.article-content { color: #293751; font-size: 17px; line-height: 1.75; }
.article-content h2 { margin: 52px 0 18px; color: var(--ink); font-size: 32px; line-height: 1.2; letter-spacing: -.035em; }
.article-content h2:first-child { margin-top: 0; }
.article-content h3 { margin: 32px 0 12px; color: var(--ink); font-size: 22px; line-height: 1.3; }
.article-content p, .article-content ul, .article-content ol { margin-bottom: 20px; }
.article-content a:not(.article-offer-link) { color: var(--blue-dark); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.article-content li + li { margin-top: 8px; }
.article-toc { position: sticky; top: 24px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #f8faff; }
.article-toc strong { display: block; margin-bottom: 13px; }
.article-toc a { display: block; padding: 8px 0; color: #53617a; font-size: 14px; }
.article-toc a:hover { color: var(--blue); }
.article-callout { margin: 30px 0; padding: 22px 24px; border-left: 4px solid var(--blue); border-radius: 4px 16px 16px 4px; background: #edf3ff; }
.article-callout strong { display: block; margin-bottom: 7px; color: var(--ink); }
.article-warning { border-left-color: #d88b00; background: #fff7df; }
.article-table-wrap { margin: 28px 0; overflow-x: auto; border: 1px solid var(--line); border-radius: 16px; }
.article-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.article-table th, .article-table td { padding: 14px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.article-table th { color: var(--ink); background: #f4f7fc; }
.article-table tr:last-child td { border-bottom: 0; }
.article-offers { margin: 42px 0; padding: 26px; border-radius: 22px; color: #fff; background: #112344; }
.article-offers > p { color: #c8d2e4; }
.article-offer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 20px; }
.article-offer-grid article { padding: 17px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.06); }
.article-offer-grid strong { display: block; margin-bottom: 6px; }
.article-offer-grid small { display: block; min-height: 54px; color: #b9c5d9; line-height: 1.45; }
.article-offer-link { min-height: 42px; display: flex; align-items: center; justify-content: center; margin-top: 13px; padding: 9px 12px; border-radius: 10px; color: #142344; background: var(--lime); font-size: 13px; font-weight: 800; text-align: center; }
.article-disclosure { margin: 14px 0 0 !important; color: #9eabc0 !important; font-size: 12px; line-height: 1.5; }
.formula-box { margin: 28px 0; padding: 24px; border: 1px solid #dbe4f2; border-radius: 18px; background: #f8faff; text-align: center; }
.formula-box strong { display: block; color: var(--blue-dark); font-size: 21px; }
.formula-box span { display: block; margin-top: 8px; color: var(--muted); }
.loan-calculator { margin: 32px 0; padding: 26px; border: 1px solid #dbe4f2; border-radius: 22px; background: #fff; box-shadow: 0 15px 40px rgba(25,50,95,.08); }
.loan-calculator-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.loan-calculator label { display: grid; gap: 7px; color: #53617a; font-size: 13px; font-weight: 700; }
.loan-calculator input { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: #fff; }
.loan-calculator-results { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.loan-calculator-results div { padding: 15px; border-radius: 12px; background: #edf3ff; }
.loan-calculator-results span { display: block; color: var(--muted); font-size: 12px; }
.loan-calculator-results strong { display: block; margin-top: 4px; color: var(--blue-dark); font-size: 22px; }
.article-related { margin-top: 48px; padding-top: 30px; border-top: 1px solid var(--line); }
.article-related-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.article-related-links a { padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: #fff; text-decoration: none !important; }
.blog-readmore { width: min(1160px,calc(100% - 40px)); display: flex; align-items: center; justify-content: space-between; gap: 22px; margin: 0 auto 34px; padding: 18px 20px; border: 1px solid #dce5f4; border-radius: 16px; background: #f7f9fd; }
.blog-readmore span { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.blog-readmore a { color: var(--ink); font-weight: 800; }
.blog-readmore a:hover { color: var(--blue); }
.blog-preview { padding: 72px 0; background: #101f3d; color: #fff; }
.blog-preview .section-label { color: var(--lime); }
.blog-preview .section-heading p { color: #aeb9cb; }
.blog-preview .blog-card { min-height: 270px; color: var(--ink); }

@media (max-width: 920px) {
  .blog-hero-inner, .article-layout { grid-template-columns: 1fr; }
  .blog-hero-inner { gap: 30px; }
  .blog-hero-note { max-width: 420px; }
  .article-layout { gap: 38px; }
  .article-toc { position: static; order: -1; }
  .blog-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
  .blog-hero { padding: 34px 0 42px; }
  .blog-hero h1, .article-hero h1 { font-size: 39px; }
  .blog-grid, .article-offer-grid, .loan-calculator-grid, .article-related-links { grid-template-columns: 1fr; }
  .blog-card { min-height: 0; }
  .article-layout { padding-top: 48px; padding-bottom: 64px; }
  .article-content { font-size: 16px; }
  .article-content h2 { font-size: 28px; }
  .article-offer-grid small { min-height: 0; }
  .loan-calculator-results { grid-template-columns: 1fr; }
  .blog-readmore { width: min(100% - 28px,1160px); align-items: flex-start; flex-direction: column; gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

/* Service and legal pages */
.legal-page{background:#f7f9fc}.legal-hero{padding:42px 0 54px;background:linear-gradient(135deg,#f4f8ff,#eef8f0);border-bottom:1px solid #e3e9f2}.legal-hero .shell{max-width:1100px}.legal-back{display:inline-block;margin-bottom:30px;color:#3164e8;font-weight:700;text-decoration:none}.legal-hero h1{max-width:850px;margin:0 0 18px;font-size:clamp(38px,5vw,64px);line-height:1.06;letter-spacing:-.04em;color:#122342}.legal-hero p{max-width:820px;margin:0;color:#617087;font-size:18px;line-height:1.6}.legal-content{padding:44px 0 80px}.legal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:42px}.legal-card{padding:26px 24px;background:#fff;border:1px solid #e1e7f0;border-radius:18px;box-shadow:0 8px 24px rgba(21,43,78,.05)}.legal-card h3{margin:0 0 10px;color:#1b55df;font-size:20px}.legal-card p{margin:0;color:#5c6b80;line-height:1.55}.legal-article{max-width:850px;padding:34px 38px;background:#fff;border:1px solid #e1e7f0;border-radius:20px}.legal-article h2{margin:0 0 12px;color:#122342;font-size:28px}.legal-article h2:not(:first-child){margin-top:30px}.legal-article p{margin:0 0 12px;color:#5c6b80;line-height:1.7}@media(max-width:760px){.legal-hero{padding:28px 0 38px}.legal-hero h1{font-size:40px}.legal-hero p{font-size:16px}.legal-cards{grid-template-columns:1fr}.legal-content{padding:28px 0 50px}.legal-article{padding:24px 20px;border-radius:16px}}

/* Editorial content for intent-specific loan pages */
.topic-section,.topic-explain,.topic-steps{padding:86px 0}.topic-section{--topic:#2f63f6;background:#fff}.topic-page:nth-child(even){--topic:#3560e8}.topic-lead{display:grid;grid-template-columns:.85fr 1.15fr;gap:78px;align-items:start}.topic-lead h2,.topic-explain h2{margin:10px 0 20px;font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.045em}.topic-lead>div:first-child>p{max-width:520px;color:var(--muted);font-size:17px}.topic-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-cards article{min-height:220px;padding:25px 22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(16,34,70,.05)}.topic-cards article:nth-child(2){transform:translateY(24px)}.topic-cards article>span{display:inline-flex;margin-bottom:42px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.13em}.topic-cards h3{margin-bottom:9px;font-size:19px}.topic-cards p{margin:0;color:var(--muted);font-size:14px}.topic-explain{background:#101f3d;color:#fff}.topic-explain-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.topic-explain .section-label{color:var(--lime)}.topic-explain h2{max-width:430px}.topic-explain article{padding:5px 0 5px 34px;border-left:1px solid rgba(255,255,255,.2)}.topic-explain article p{margin:0 0 17px;color:#c5cede;font-size:17px;line-height:1.75}.topic-explain article p:last-child{margin-bottom:0}.topic-steps{background:#f4f7fb}.topic-step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-step-list>div{display:grid;grid-template-columns:42px 1fr;gap:16px;min-height:150px;padding:25px;border:1px solid #dfe6f1;border-radius:20px;background:#fff}.topic-step-list b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf0ff;color:var(--blue);font-size:14px}.topic-step-list p{margin:0;color:var(--muted);font-size:14px}.topic-step-list strong{display:block;margin-bottom:7px;color:var(--ink);font-size:17px}.topic-variant-2 .topic-cards article{border-radius:10px 24px 10px 24px}.topic-variant-2 .topic-cards article:nth-child(2){transform:none;background:#f3f6ff}.topic-variant-3 .topic-lead{grid-template-columns:1fr 1fr}.topic-variant-3 .topic-cards{grid-template-columns:1fr}.topic-variant-3 .topic-cards article{display:grid;grid-template-columns:45px 150px 1fr;gap:14px;align-items:center;min-height:0}.topic-variant-3 .topic-cards article:nth-child(2){transform:none}.topic-variant-3 .topic-cards article>span,.topic-variant-3 .topic-cards h3{margin:0}.topic-variant-4 .topic-cards article{box-shadow:none;border-top:4px solid var(--blue)}.topic-variant-4 .topic-cards article:nth-child(2){transform:translateY(-12px);background:#f8faff}

/* Distinctive trust, contact and legal pages */
.trust-page{--accent:#2f63f6;--accent-soft:#eaf0ff;background:#f5f7fb}.trust-page--contact{--accent:#006d77;--accent-soft:#dff4f2}.trust-page--privacy{--accent:#087f8c;--accent-soft:#e0f5f5}.trust-page--terms{--accent:#a45b00;--accent-soft:#fff0d8}.trust-page--partner{--accent:#6d42c7;--accent-soft:#efe9ff}.trust-page--warning{--accent:#b42318;--accent-soft:#ffebe8}.trust-hero{position:relative;overflow:hidden;padding:40px 0 72px;background:#101f3d;color:#fff}.trust-hero:after{content:"";position:absolute;right:-110px;top:-160px;width:430px;height:430px;border:90px solid color-mix(in srgb,var(--accent) 62%,transparent);border-radius:50%;opacity:.42}.trust-breadcrumb{position:relative;z-index:1;display:flex;gap:9px;margin-bottom:48px;color:#99a8c0;font-size:13px}.trust-breadcrumb a{color:#fff;font-weight:700}.trust-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.trust-label{display:inline-flex;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 50%,#fff);border-radius:999px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.trust-hero h1{max-width:780px;margin:20px 0 22px;font-size:clamp(42px,5.5vw,70px);line-height:1.02;color:#fff}.trust-hero-grid>div>p{max-width:730px;margin:0;color:#bac5d7;font-size:18px;line-height:1.7}.trust-summary{padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.trust-summary>span{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.trust-summary h2{margin:13px 0 9px;font-size:23px;line-height:1.2}.trust-summary p{margin:0;color:#c9d2e2}.trust-summary small{display:block;margin-top:10px;color:#aeb9cb}.contact-mail{display:block;color:#fff;font-size:20px;font-weight:800;overflow-wrap:anywhere}.trust-content{padding:56px 0 96px}.trust-layout{display:grid;grid-template-columns:250px minmax(0,790px);gap:70px;align-items:start}.trust-nav{position:sticky;top:30px}.trust-nav>strong{display:block;margin-bottom:14px;font-size:14px}.trust-nav nav{display:grid;border-top:1px solid var(--line)}.trust-nav nav a{padding:11px 0;border-bottom:1px solid var(--line);color:#657086;font-size:13px;font-weight:700}.trust-nav nav a:hover,.trust-nav nav a[aria-current="page"]{color:var(--accent)}.trust-nav nav a[aria-current="page"]:before{content:"— ";}.trust-nav>p{margin-top:24px;color:#8490a4;font-size:12px}.trust-document{display:grid;gap:18px}.trust-document>section{padding:38px 42px;border:1px solid #e0e6ef;border-radius:24px;background:#fff;box-shadow:0 10px 34px rgba(16,34,70,.05)}.trust-document .doc-number{display:block;margin-bottom:26px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.16em}.trust-document h2{margin:0 0 16px;font-size:30px;line-height:1.2;letter-spacing:-.035em}.trust-document h3{font-size:18px}.trust-document p{color:#59677e;line-height:1.75}.trust-document a{color:var(--accent);font-weight:700}.trust-document .doc-callout{border:0;background:var(--accent-soft)}.trust-document .risk-box{border-color:#f2b8b2;background:#fff4f2}.risk-box>strong{display:block;margin-bottom:10px;color:#9b261d;font-size:23px}.process-line{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.process-line div{padding:20px;background:#f9fbfe}.process-line b,.process-line span{display:block}.process-line span{margin-top:6px;color:#6f7b8e;font-size:13px}.check-list,.numbered-rules{margin:20px 0 0;padding:0;list-style:none}.check-list li,.numbered-rules li{padding:15px 0;border-top:1px solid color-mix(in srgb,var(--accent) 25%,transparent);color:#46546b}.numbered-rules{counter-reset:rules}.numbered-rules li{counter-increment:rules;padding-left:42px;position:relative}.numbered-rules li:before{content:counter(rules);position:absolute;left:0;top:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:800}.contact-check{display:grid;gap:12px}.contact-check>div{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px}.contact-check b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.contact-check p{margin:0}.split-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.split-list>div{padding:22px;border-radius:16px;background:#f5f7fb}.split-list ul{margin:0;padding-left:20px;color:#59677e}.split-list li+li{margin-top:8px}.privacy-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.privacy-strip b,.privacy-strip span{padding:8px 11px;border-radius:10px;background:var(--accent-soft);color:#365165;font-size:13px}.partner-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:22px 0}.partner-flow div{padding:18px;border:1px solid var(--line);border-radius:14px;text-align:center}.partner-flow b,.partner-flow span{display:block}.partner-flow span{margin-top:4px;color:#728097;font-size:12px}.partner-flow i{color:var(--accent);font-size:21px;font-style:normal}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.metric-grid>div{padding:17px;border-radius:14px;background:#f5f7fb}.metric-grid b,.metric-grid span{display:block}.metric-grid span{margin-top:6px;color:#6f7b8e;font-size:12px}.doc-date{margin-bottom:0!important;color:#8792a5!important;font-size:13px}

@media(max-width:920px){.topic-lead,.topic-explain-grid,.trust-hero-grid,.trust-layout{grid-template-columns:1fr;gap:38px}.topic-cards{margin-bottom:20px}.trust-nav{position:static}.trust-nav nav{grid-template-columns:repeat(2,1fr);column-gap:20px}.trust-hero:after{right:-230px}.trust-summary{max-width:620px}}
@media(max-width:680px){.topic-section,.topic-explain,.topic-steps{padding:62px 0}.topic-cards,.topic-step-list{grid-template-columns:1fr}.topic-cards article,.topic-cards article:nth-child(2),.topic-variant-4 .topic-cards article:nth-child(2){min-height:0;transform:none}.topic-cards article>span{margin-bottom:20px}.topic-variant-3 .topic-cards article{grid-template-columns:42px 1fr}.topic-variant-3 .topic-cards article p{grid-column:1/-1}.topic-explain article{padding:0;border-left:0}.topic-explain article p{font-size:16px}.trust-hero{padding:28px 0 48px}.trust-breadcrumb{margin-bottom:34px}.trust-hero h1{font-size:39px}.trust-hero-grid>div>p{font-size:16px}.trust-summary{padding:21px}.trust-content{padding:30px 0 64px}.trust-layout{gap:30px}.trust-nav nav{grid-template-columns:1fr 1fr}.trust-document>section{padding:27px 21px;border-radius:18px}.trust-document h2{font-size:25px}.process-line,.split-list,.metric-grid{grid-template-columns:1fr}.partner-flow{grid-template-columns:1fr}.partner-flow i{transform:rotate(90deg);text-align:center}.site-footer{padding-top:44px}}
.topic-explain article a{color:var(--lime);font-weight:800;text-decoration:underline;text-underline-offset:3px}