/* =========================================================
   FESTGELD-VERGLEICH — Corporate comparison interface
   Design system: navy / gold / white, accessible and responsive
   ========================================================= */
:root {
  --navy: #041a38;
  --navy-2: #082b58;
  --navy-3: #0e3f76;
  --gold: #d9ad4c;
  --gold-light: #f4d486;
  --green: #178447;
  --green-soft: #eaf7ef;
  --ink: #17243a;
  --muted: #66758a;
  --line: #dce4ed;
  --line-soft: #eaf0f5;
  --paper: #ffffff;
  --canvas: #f5f7fa;
  --canvas-2: #edf2f7;
  --radius-sm: 7px;
  --radius: 14px;
  --radius-lg: 22px;
  --shadow-sm: 0 5px 18px rgba(8, 31, 62, .06);
  --shadow: 0 14px 38px rgba(6, 27, 58, .11);
  --shadow-lg: 0 24px 60px rgba(0, 15, 39, .28);
  --container: 1200px;
  --ease: 180ms ease;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--canvas); font-family: "DM Sans", Arial, sans-serif; line-height: 1.55; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
input, select, textarea { color: var(--ink); }
:focus-visible { outline: 3px solid rgba(217, 173, 76, .65); outline-offset: 3px; }
.container { width: min(var(--container), calc(100% - 48px)); margin: 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; top: -48px; left: 18px; z-index: 1000; padding: 10px 14px; color: var(--navy); background: var(--gold-light); border-radius: 0 0 var(--radius-sm) var(--radius-sm); font-size: 13px; font-weight: 700; transition: top var(--ease); }
.skip-link:focus { top: 0; }

/* Header */
.site-header { position: relative; z-index: 100; height: 78px; color: white; background: var(--navy); border-bottom: 1px solid rgba(255,255,255,.1); }
.header-inner { display: flex; align-items: center; height: 100%; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand-mark { display: grid; width: 42px; height: 42px; place-items: center; color: var(--gold-light); border: 2px solid var(--gold); border-radius: 50%; font-family: "Manrope", Arial, sans-serif; font-size: 20px; font-weight: 800; line-height: 1; }
.brand-copy strong { display: block; color: #fff; font-family: "Manrope", Arial, sans-serif; font-size: 16px; letter-spacing: -.45px; line-height: 1.1; }
.brand-copy small { display: block; margin-top: 2px; color: var(--gold-light); font-size: 7px; font-weight: 700; letter-spacing: .93px; text-transform: uppercase; }
.nav { display: flex; align-items: center; gap: 23px; flex: 1; }
.nav a { position: relative; color: rgba(255,255,255,.82); font-size: 12px; font-weight: 600; white-space: nowrap; transition: color var(--ease); }
.nav a::after { position: absolute; right: 0; bottom: -12px; left: 0; width: 0; height: 2px; margin: auto; content: ""; background: var(--gold); transition: width var(--ease); }
.nav a:hover, .nav a.active { color: var(--gold-light); }
.nav a:hover::after, .nav a.active::after { width: 100%; }
.header-actions { display: flex; align-items: center; gap: 16px; }
.header-contact { color: rgba(255,255,255,.86); font-size: 12px; font-weight: 600; }
.header-contact:hover { color: var(--gold-light); }
.header-cta { display: inline-flex; align-items: center; gap: 9px; padding: 10px 14px; color: var(--gold-light); border: 1px solid var(--gold); border-radius: 6px; font-size: 11px; font-weight: 700; transition: all var(--ease); white-space: nowrap; }
.header-cta:hover { color: var(--navy); background: var(--gold); transform: translateY(-1px); }
.mobile-menu { display: none; width: 40px; height: 38px; padding: 9px; margin-left: auto; background: transparent; border: 1px solid rgba(255,255,255,.35); border-radius: 6px; }
.mobile-menu span { display: block; width: 18px; height: 2px; margin: 3px auto; background: #fff; transition: transform var(--ease), opacity var(--ease); }
.mobile-menu[aria-expanded="true"] span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.mobile-menu[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mobile-menu[aria-expanded="true"] span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }

/* Hero and comparison */
.hero { position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 78% 33%, rgba(24, 101, 172, .45), transparent 30%), linear-gradient(122deg, #03142c 0%, #072855 58%, #041a38 100%); }
.hero-home { min-height: 404px; background: #041a38; }
.hero-home::before { position: absolute; z-index: 1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(3,20,44,.97) 0%, rgba(4,26,56,.89) 34%, rgba(4,26,56,.42) 59%, rgba(4,26,56,.08) 76%, rgba(4,26,56,0) 100%), linear-gradient(180deg, rgba(3,20,44,.1), rgba(3,20,44,.18)); pointer-events: none; }
.hero::after { position: absolute; right: 6%; top: 28px; color: rgba(255,255,255,.035); content: "%"; font-family: "Manrope", Arial, sans-serif; font-size: clamp(175px, 20vw, 340px); font-weight: 800; line-height: 1; pointer-events: none; }
.hero-grid-pattern { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(119,191,246,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(119,191,246,.3) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(90deg, #000 20%, transparent 90%); }
.hero-inner { position: relative; z-index: 1; padding: 32px 0 18px; }
.hero-copy { position: relative; z-index: 2; max-width: 560px; }
.hero-home .hero-copy { text-shadow: 0 2px 18px rgba(0,16,38,.2); }
.eyebrow { display: inline-block; margin-bottom: 9px; color: var(--navy-3); font-size: 10px; font-weight: 800; letter-spacing: 1.3px; text-transform: uppercase; }
.eyebrow-on-dark { color: var(--gold-light); }
.hero h1, .page-hero h1, .article-hero h1 { max-width: 740px; margin: 0 0 10px; font-family: "Manrope", Arial, sans-serif; font-size: clamp(33px, 3.45vw, 45px); font-weight: 800; letter-spacing: -2.15px; line-height: 1.08; }
.hero h1 span { color: var(--gold-light); }
.hero p, .page-hero p, .article-hero p { max-width: 570px; margin: 0; color: rgba(237,244,253,.88); font-size: 14px; }
.hero-assurances { display: flex; gap: 16px; margin-top: 12px; color: rgba(255,255,255,.83); font-size: 12px; }
.hero-assurances i { display: inline-grid; width: 16px; height: 16px; margin-right: 5px; place-items: center; color: var(--navy); background: var(--gold-light); border-radius: 50%; font-size: 10px; font-style: normal; font-weight: 800; }
.hero-quick-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; margin-top: 12px; }
.hero-secondary-cta { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(244,212,134,.7); border-radius: 6px; font-size: 11px; font-weight: 800; transition: all var(--ease); }
.hero-secondary-cta:hover { color: var(--navy); background: var(--gold-light); transform: translateY(-1px); }
.hero-quick-actions small { color: rgba(224,235,246,.72); font-size: 10px; }
.hero-data-points { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 22px; }
.hero-data-points span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 9px; color: #d8e6f1; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 5px; font-size: 10px; font-weight: 700; }
.hero-data-points b { color: var(--gold-light); font-family: "Manrope", Arial, sans-serif; font-size: 10px; }
.hero-art { position: absolute; z-index: 0; inset: 0; display: flex; align-items: center; justify-content: center; width: auto; height: auto; overflow: hidden; background: #041a38; opacity: 1; }
.hero-art::before { display: none; }
.hero-art img { display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; object-position: 68% 52%; mix-blend-mode: normal; transform: scale(1.055); }
.hero-home .compare-card { max-width: 1000px; margin-top: 16px; }
.compare-card { position: relative; z-index: 3; max-width: 1050px; margin-top: 32px; overflow: hidden; color: var(--ink); background: #fff; border: 1px solid rgba(255,255,255,.25); border-radius: 13px; box-shadow: var(--shadow-lg); }
.compare-tabs { display: flex; background: #edf1f6; }
.compare-tabs button { flex: 1; padding: 12px 18px; color: #536277; background: transparent; border: 0; font-size: 13px; font-weight: 700; transition: all var(--ease); }
.compare-tabs button.active { color: #fff; background: var(--navy-2); }
.compare-tabs button:not(.active):hover { color: var(--navy); background: #e3e9f0; }
.compare-form { display: grid; grid-template-columns: 1fr 1fr 1fr 195px; gap: 14px; padding: 15px 20px 12px; align-items: end; }
.compare-form label, .filter-panel label, .calc-box label, .contact-form label, .admin-form label { display: flex; flex-direction: column; gap: 7px; color: #65748a; font-size: 10px; font-weight: 700; }
.compare-form select, .filter-panel input, .filter-panel select, .calc-box input, .contact-form input, .contact-form textarea, .admin-form input, .admin-form select, .admin-form textarea { width: 100%; height: 43px; padding: 0 13px; color: var(--ink); background: #fff; border: 1px solid #d6dfe9; border-radius: 6px; outline: none; font-size: 12px; transition: border-color var(--ease), box-shadow var(--ease); }
.contact-form textarea, .admin-form textarea { height: auto; min-height: 110px; padding-top: 12px; resize: vertical; }
.compare-form select:focus, .filter-panel input:focus, .filter-panel select:focus, .calc-box input:focus, .contact-form input:focus, .contact-form textarea:focus, .admin-form input:focus, .admin-form select:focus, .admin-form textarea:focus { border-color: var(--navy-3); box-shadow: 0 0 0 3px rgba(14,63,118,.1); }
.btn-primary { display: inline-flex; min-height: 43px; align-items: center; justify-content: center; gap: 9px; padding: 12px 18px; color: #fff; background: linear-gradient(135deg, var(--navy-2), var(--navy-3)); border: 0; border-radius: 6px; box-shadow: 0 7px 15px rgba(7,40,81,.19); font-size: 12px; font-weight: 800; transition: transform var(--ease), filter var(--ease), box-shadow var(--ease); }
.btn-primary:hover { filter: brightness(1.1); box-shadow: 0 10px 22px rgba(7,40,81,.28); transform: translateY(-2px); }
.compare-trust { display: flex; justify-content: space-between; gap: 14px; padding: 0 20px 13px; color: #647186; font-size: 10px; }
.compare-trust i { margin-right: 5px; color: var(--navy-3); font-style: normal; font-weight: 800; }

/* Trust strip */
.trust-strip { background: #eef2f6; border-bottom: 1px solid var(--line); }
.trust-strip-inner { display: flex; min-height: 67px; align-items: center; justify-content: space-between; gap: 22px; color: #667487; font-size: 12px; font-weight: 700; }
.trust-strip-inner > span:not(.trust-kicker)::before { margin-right: 9px; color: var(--gold); content: "◆"; font-size: 8px; }
.trust-kicker { color: #8190a0; font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

/* Core content */
.section { padding: 62px 0; }
.section-light { background: var(--canvas-2); }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 23px; }
.section-heading h2, .calculator-teaser h2 { margin: 0; font-family: "Manrope", Arial, sans-serif; font-size: 27px; font-weight: 800; letter-spacing: -.85px; line-height: 1.22; }
.text-link, .section-heading > a { color: var(--navy-3); font-size: 12px; font-weight: 800; white-space: nowrap; }
.text-link:hover, .section-heading > a:hover { color: #a87510; }
.table-card, .admin-table { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.table-scroll { overflow-x: auto; }
.offers { width: 100%; min-width: 820px; border-spacing: 0; border-collapse: collapse; }
.offers th { padding: 14px 17px; color: #fff; background: var(--navy-2); font-size: 10px; font-weight: 700; text-align: left; white-space: nowrap; }
.offers td { padding: 15px 17px; color: #334258; border-bottom: 1px solid var(--line-soft); font-size: 12px; vertical-align: middle; }
.offers tbody tr { transition: background var(--ease); }
.offers tbody tr:hover { background: #fafcff; }
.offers tbody tr:last-child td { border-bottom: 0; }
.offers td small { display: block; margin-top: 1px; color: #8996a6; font-size: 10px; }
.bank-cell { display: flex; align-items: center; gap: 10px; }
.bank-mini { display: grid; flex: 0 0 37px; width: 37px; height: 37px; place-items: center; color: var(--navy-2); background: linear-gradient(135deg, #fff, #edf2f8); border: 1px solid #dbe4ed; border-radius: 7px; font-size: 9px; font-weight: 800; }
.rate { color: var(--green) !important; font-family: "Manrope", Arial, sans-serif; font-size: 17px !important; font-weight: 800; white-space: nowrap; }
.btn-outline { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 11px; color: var(--navy-2); background: #fff; border: 1px solid #cfd9e5; border-radius: 5px; font-size: 10px; font-weight: 800; transition: all var(--ease); white-space: nowrap; }
.btn-outline:hover { color: #fff; background: var(--navy-2); border-color: var(--navy-2); }
.data-status { display: flex; gap: 7px; align-items: center; margin: 12px 2px 0; color: #758397; font-size: 10px; }
.data-status span { color: var(--navy-3); font-size: 13px; }
.offers-heading-enhanced { margin-bottom: 17px; }
.offers-heading-enhanced h2 { margin-bottom: 6px; }
.offers-heading-enhanced p { max-width: 560px; margin: 0; color: #718297; font-size: 12px; }
.quick-lead-notice { padding: 13px 15px; margin: 0 0 15px; border-radius: 8px; font-size: 12px; }
.quick-lead-notice.success { color: #286a55; background: #e9f7f1; border: 1px solid #bfe4d6; }
.home-offer-board { display: grid; gap: 14px; }
.home-offer-card { position: relative; overflow: hidden; padding: 0 19px; background: #fff; border: 1px solid #d9e5ed; border-radius: 13px; box-shadow: 0 10px 25px rgba(9,45,76,.06); transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease); }
.home-offer-card::before { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; content: ""; background: linear-gradient(180deg, #5cdfac, #1fa675); }
.home-offer-card:hover { border-color: #b8cfdd; box-shadow: 0 16px 31px rgba(9,45,76,.11); transform: translateY(-2px); }
.home-offer-card-main { display: grid; grid-template-columns: 260px minmax(0, 1fr) 125px; gap: 19px; align-items: center; padding: 17px 5px 15px; }
.home-offer-bank { display: flex; align-items: center; gap: 12px; min-width: 0; }
.home-bank-logo { display: grid; flex: 0 0 58px; width: 58px; height: 58px; place-items: center; overflow: hidden; background: #fff; border: 1px solid #e0e8ef; border-radius: 10px; }
.home-bank-logo img { width: 87%; height: 87%; object-fit: contain; mix-blend-mode: multiply; }
.home-bank-logo > span { display: grid; width: 39px; height: 39px; place-items: center; color: var(--navy-2); background: #eef5f9; border-radius: 50%; font-family: "Manrope", Arial, sans-serif; font-size: 12px; font-weight: 800; }
.home-offer-rank { display: block; margin-bottom: 4px; color: #a47a1d; font-size: 8px; font-weight: 800; letter-spacing: .1em; }
.home-offer-bank h3 { overflow: hidden; margin: 0; color: var(--ink); font-family: "Manrope", Arial, sans-serif; font-size: 15px; letter-spacing: -.3px; text-overflow: ellipsis; white-space: nowrap; }
.home-offer-bank p { margin: 4px 0 0; color: #77879a; font-size: 10px; }
.home-offer-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.home-offer-stats > div { min-height: 66px; padding: 10px 9px; background: #fff; border: 1px solid #e0e8ef; border-radius: 9px; }
.home-offer-stats span { display: block; margin-bottom: 7px; color: #7c8a9b; font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.home-offer-stats strong { display: block; color: #142c48; font-family: "Manrope", Arial, sans-serif; font-size: 13px; letter-spacing: -.3px; white-space: nowrap; }
.home-offer-stats .home-offer-rate { background: linear-gradient(135deg, #168e72, #40d69a); border-color: transparent; box-shadow: 0 8px 14px rgba(35,182,127,.16); }
.home-offer-rate span, .home-offer-rate strong { color: #fff; }
.home-offer-detail { display: grid; gap: 6px; text-align: center; }
.home-offer-detail .btn-outline { justify-content: center; min-height: 36px; padding: 7px 8px; font-size: 9px; }
.home-offer-detail small { color: #7d8b9d; font-size: 8px; }
.home-offer-lead { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 18px; align-items: center; padding: 11px 5px; background: linear-gradient(90deg, #f2f8f7, #fbfdfd); border-top: 1px solid #e2edf0; }
.quick-lead-copy { display: grid; gap: 3px; }
.quick-lead-kicker { color: #168268; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.quick-lead-copy strong { color: var(--ink); font-size: 11px; }
.quick-lead-copy small { color: #718398; font-size: 9px; }
.quick-lead-form { display: grid; grid-template-columns: minmax(88px, .7fr) minmax(104px, .8fr) minmax(160px, 1.45fr) minmax(132px, 1fr) auto auto; gap: 7px; align-items: center; }
.quick-lead-input { width: 100%; height: 37px; padding: 0 10px; color: var(--ink); background: #fff; border: 1px solid #cbdce4; border-radius: 6px; outline: none; font-size: 10px; }
.quick-lead-input:focus { border-color: #168e72; box-shadow: 0 0 0 3px rgba(22,142,114,.1); }
.quick-privacy { display: inline-flex; align-items: center; gap: 5px; color: #63788a; font-size: 9px; white-space: nowrap; }
.quick-privacy input { width: 14px; height: 14px; accent-color: var(--navy-3); }
.quick-lead-submit { min-height: 37px; padding: 8px 12px; color: #fff; background: linear-gradient(135deg, #10866b, #35ca91); border: 0; border-radius: 6px; box-shadow: 0 7px 13px rgba(25,157,108,.17); font-size: 10px; font-weight: 800; white-space: nowrap; }
.quick-lead-submit:hover { background: linear-gradient(135deg, #0b6f5a, #24b37d); transform: translateY(-1px); }
.quick-lead-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.home-offer-benefits { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 8px; padding: 11px 5px 13px; border-top: 1px solid #edf1f4; }
.home-offer-benefits span { padding: 8px 10px; color: #62798b; background: #f5f8f9; border-radius: 6px; font-size: 9px; font-weight: 700; }
.home-offer-benefits span::first-letter { color: #23896b; }
.features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 29px; }
.features article { display: flex; gap: 12px; padding: 17px 14px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.feature-icon { display: grid; flex: 0 0 40px; width: 40px; height: 40px; place-items: center; color: var(--navy-2); background: #eff4f9; border: 1px solid #dde7f0; border-radius: 50%; font-family: "Manrope", Arial, sans-serif; font-size: 17px; font-weight: 800; }
.features h3 { margin: 0 0 3px; font-size: 12px; }
.features p { margin: 0; color: #778497; font-size: 10px; line-height: 1.45; }

/* Calculator & knowledge */
.calculator-band { padding: 48px 0; }
.calculator-teaser { display: grid; grid-template-columns: 1.4fr .7fr; gap: 48px; align-items: center; padding: 35px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.calculator-teaser p { max-width: 630px; margin: 9px 0 17px; color: #6c7b8d; font-size: 13px; }
.inline { margin-top: 2px; }
.calculator-preview { position: relative; overflow: hidden; padding: 24px; background: linear-gradient(135deg, #fff9e9, #fff3d5); border: 1px solid #efdfb6; border-radius: 11px; }
.calculator-preview::after { position: absolute; right: 10px; bottom: -43px; color: rgba(184,136,34,.13); content: "%"; font-family: "Manrope", Arial, sans-serif; font-size: 145px; font-weight: 800; }
.calculator-icon { display: grid; width: 30px; height: 30px; place-items: center; margin-bottom: 14px; color: #855e12; background: rgba(217,173,76,.2); border-radius: 50%; font-weight: 800; }
.calculator-preview small { display: block; color: #856d3e; font-size: 10px; font-weight: 700; }
.calculator-preview strong { position: relative; z-index: 1; display: block; margin: 4px 0; color: var(--green); font-family: "Manrope", Arial, sans-serif; font-size: 30px; font-weight: 800; letter-spacing: -1px; }
.calculator-preview > span:last-child { display: block; color: #776e60; font-size: 10px; }
.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.article-card { display: block; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 3px 10px rgba(10,35,70,.03); transition: transform var(--ease), box-shadow var(--ease); }
.article-card:hover { box-shadow: var(--shadow); transform: translateY(-4px); }
.article-card > div:last-child { padding: 18px; }
.article-card > div:last-child > span, .article-row > div:last-child > span { color: var(--navy-3); font-size: 9px; font-weight: 800; letter-spacing: 1px; }
.article-card h3 { margin: 6px 0 7px; font-family: "Manrope", Arial, sans-serif; font-size: 15px; line-height: 1.37; }
.article-card p { margin: 0 0 12px; color: #768396; font-size: 11px; line-height: 1.5; }
.article-card b { color: var(--navy-3); font-size: 11px; }
.article-card b i { font-style: normal; }
.article-visual { position: relative; height: 155px; overflow: hidden; background: linear-gradient(135deg, #082b58, #2c73ae); }
.article-visual::before { position: absolute; inset: 0; content: ""; background-image: linear-gradient(128deg, transparent 45%, rgba(255,255,255,.13) 46%, transparent 47%), linear-gradient(78deg, transparent 59%, rgba(255,255,255,.1) 60%, transparent 61%); }
.article-visual::after { position: absolute; right: 12px; bottom: -42px; color: rgba(255,255,255,.16); content: "%"; font-family: "Manrope", Arial, sans-serif; font-size: 152px; font-weight: 800; }
.visual-2 { background: linear-gradient(135deg, #133a51, #688c8e); }
.visual-2::after { content: "€"; }
.visual-3 { background: linear-gradient(135deg, #092c50, #a3792a); }
.disclosure-strip { padding: 16px 0; color: #6c7889; background: #edf2f7; border-top: 1px solid var(--line); font-size: 10px; }
.disclosure-strip strong { color: var(--navy-2); }

/* Inner pages */
.page-hero, .article-hero { position: relative; overflow: hidden; padding: 63px 0; color: #fff; background: radial-gradient(circle at 80% 15%, rgba(37,117,186,.35), transparent 28%), linear-gradient(120deg, var(--navy), var(--navy-2)); }
.page-hero::after, .article-hero::after { position: absolute; right: 7%; bottom: -94px; color: rgba(255,255,255,.04); content: "%"; font-family: "Manrope", Arial, sans-serif; font-size: 260px; font-weight: 800; }
.page-hero .container, .article-hero .container { position: relative; z-index: 1; }
.filter-panel { display: grid; grid-template-columns: 1fr 1fr 1fr 210px; gap: 16px; align-items: end; padding: 20px; margin-bottom: 17px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.comparison-intelligence { display: grid; grid-template-columns: minmax(235px, 1.45fr) repeat(3, 1fr); gap: 0; margin: 0 0 16px; overflow: hidden; background: linear-gradient(115deg, #eff5fa, #f9fbfd); border: 1px solid #d7e4ee; border-radius: 10px; }
.comparison-intelligence-main, .intel-item { min-height: 76px; padding: 15px 18px; }
.comparison-intelligence-main { display: flex; flex-direction: column; justify-content: center; background: linear-gradient(125deg, #0a315a, #104b78); color: #fff; }
.intel-label { margin-bottom: 4px; color: var(--gold-light); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.comparison-intelligence-main strong { font-family: "Manrope", Arial, sans-serif; font-size: 15px; letter-spacing: -.35px; }
.comparison-intelligence-main small { margin-top: 4px; color: #bdd1e2; font-size: 10px; }
.intel-item { display: flex; align-items: center; gap: 10px; border-left: 1px solid #dce7ef; }
.intel-item > span { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; color: #795712; background: #fbefcd; border-radius: 8px; font-size: 14px; }
.intel-item b, .intel-item small { display: block; }
.intel-item b { color: var(--ink); font-size: 11px; }
.intel-item small { margin-top: 2px; color: #718196; font-size: 9px; }
.offer-board-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 27px 1px 13px; }
.offer-board-heading .eyebrow { margin-bottom: 5px; }
.offer-board-heading h2 { margin: 0; color: var(--ink); font-family: "Manrope", Arial, sans-serif; font-size: 22px; letter-spacing: -.7px; }
.offer-board-heading p { margin: 0 0 2px; color: #7a8898; font-size: 10px; }
.offer-board { display: grid; gap: 16px; }
.premium-offer-card { position: relative; overflow: hidden; padding: 13px 16px 0; background: #fff; border: 1px solid #dce7ef; border-radius: 13px; box-shadow: 0 11px 26px rgba(10,42,73,.06); transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease); }
.premium-offer-card::before { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; content: ""; background: linear-gradient(180deg, #54d6a1, #27ad79); }
.premium-offer-card:hover { border-color: #bdcfdd; box-shadow: 0 17px 32px rgba(10,42,73,.11); transform: translateY(-2px); }
.premium-offer-card.is-featured { border-color: #c7e3d9; }
.offer-card-topline { display: flex; align-items: center; min-height: 24px; gap: 8px; padding-left: 4px; }
.offer-rank { color: #8a99a9; font-size: 9px; font-weight: 800; }
.offer-badge { padding: 5px 10px; color: #725510; background: linear-gradient(135deg, #ffd96e, #e6b53b); border-radius: 999px; box-shadow: 0 4px 9px rgba(194,143,15,.14); font-size: 9px; font-weight: 800; }
.offer-card-status { margin-left: auto; color: #7990a0; font-size: 9px; font-weight: 700; }
.offer-card-main { display: grid; grid-template-columns: 270px minmax(0, 1fr) 176px; gap: 18px; align-items: center; padding: 10px 5px 15px; }
.offer-bank-block { display: flex; align-items: center; gap: 13px; min-width: 0; }
.bank-logo-tile { display: grid; flex: 0 0 68px; width: 68px; height: 68px; place-items: center; overflow: hidden; background: #fff; border: 1px solid #e0e8ef; border-radius: 11px; box-shadow: inset 0 1px 0 rgba(255,255,255,.8); }
.bank-logo-tile img { width: 86%; height: 86%; object-fit: contain; mix-blend-mode: multiply; }
.bank-logo-tile > span { display: grid; width: 44px; height: 44px; place-items: center; color: var(--navy-2); background: #edf4f9; border-radius: 50%; font-family: "Manrope", Arial, sans-serif; font-size: 14px; font-weight: 800; }
.offer-bank-copy { min-width: 0; }
.offer-bank-copy h3 { overflow: hidden; margin: 0; color: var(--ink); font-family: "Manrope", Arial, sans-serif; font-size: 15px; letter-spacing: -.35px; text-overflow: ellipsis; white-space: nowrap; }
.offer-bank-copy p { margin: 4px 0 7px; color: #77879a; font-size: 10px; }
.portal-label { display: inline-flex; align-items: center; gap: 4px; padding: 4px 7px; color: #3c7c68; background: #e7f7f1; border-radius: 999px; font-size: 8px; font-weight: 800; }
.offer-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0; }
.offer-metric { min-height: 72px; padding: 12px 10px; background: #fff; border: 1px solid #e0e8ef; border-radius: 10px; }
.offer-metric dt { margin-bottom: 8px; color: #7b899a; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.offer-metric dd { margin: 0; color: #142c48; font-family: "Manrope", Arial, sans-serif; font-size: 15px; font-weight: 800; letter-spacing: -.35px; white-space: nowrap; }
.offer-metric dd small { font-size: 9px; font-weight: 700; }
.offer-metric.offer-rate { color: #fff; background: linear-gradient(135deg, #168e72, #40d69a); border-color: transparent; box-shadow: 0 9px 15px rgba(35,182,127,.17); }
.offer-metric.offer-rate dt, .offer-metric.offer-rate dd { color: #fff; }
.offer-card-actions { display: grid; gap: 7px; }
.offer-details-link { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 8px 10px; color: #0b3b66; background: #f6fafc; border: 1px solid #d9e5ed; border-radius: 7px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.offer-details-link:hover { color: #fff; background: var(--navy-2); border-color: var(--navy-2); }
.premium-compare-toggle { min-height: 38px; border-radius: 7px; }
.offer-card-benefits { display: grid; grid-template-columns: 1.55fr 1fr 1fr; gap: 9px; padding: 11px 5px 13px; border-top: 1px solid #edf1f4; }
.offer-card-benefits span { padding: 9px 11px; color: #62788b; background: #f4f8f9; border-radius: 7px; font-size: 9px; font-weight: 700; }
.offer-card-benefits span::first-letter { color: #268d70; }
.offer-empty-state { padding: 52px 25px; text-align: center; background: #fff; border: 1px dashed #c7d7e3; border-radius: 12px; }
.offer-empty-state > span { display: grid; width: 44px; height: 44px; place-items: center; margin: 0 auto 11px; color: #a87a1d; background: #fbefcc; border-radius: 50%; font-size: 19px; }
.offer-empty-state h2 { margin: 0; font-family: "Manrope", Arial, sans-serif; font-size: 20px; }
.offer-empty-state p { margin: 7px 0 16px; color: #75869a; font-size: 12px; }
.comparison-note { display: flex; align-items: center; justify-content: space-between; padding: 11px 3px; color: #748195; font-size: 11px; }
.comparison-note strong { color: var(--ink); }
.action-cell { display: flex; align-items: center; gap: 7px; }
.compare-toggle, .comparison-list-clear, .comparison-remove { display: inline-flex; align-items: center; justify-content: center; min-height: 31px; padding: 6px 9px; color: var(--navy-2); background: #f5f8fb; border: 1px solid #cfdbe7; border-radius: 5px; font-size: 10px; font-weight: 800; transition: all var(--ease); white-space: nowrap; }
.compare-toggle:hover, .compare-toggle.selected { color: #fff; background: var(--navy-2); border-color: var(--navy-2); }
.comparison-list { margin-top: 26px; padding: 24px; background: #f1f6fa; border: 1px solid #d8e4ee; border-radius: var(--radius); }
.comparison-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.comparison-list-heading .eyebrow { margin-bottom: 4px; }
.comparison-list-heading h2 { margin: 0; font-family: "Manrope", Arial, sans-serif; font-size: 21px; }
.comparison-list-clear { color: #65758a; background: #fff; }
.comparison-list-clear:hover, .comparison-remove:hover { color: #fff; background: #a73f3f; border-color: #a73f3f; }
.comparison-list-empty { margin: 14px 0 0; color: #728197; font-size: 12px; }
.comparison-list-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 17px; }
.comparison-list-card { padding: 17px; background: #fff; border: 1px solid #d8e3ed; border-radius: 10px; }
.comparison-list-card h3 { margin: 0; font-family: "Manrope", Arial, sans-serif; font-size: 14px; line-height: 1.35; }
.comparison-list-card > strong { display: block; margin: 9px 0 2px; color: var(--green); font-family: "Manrope", Arial, sans-serif; font-size: 21px; }
.comparison-list-card p { margin: 0; color: #778598; font-size: 11px; }
.comparison-list-card-actions { display: flex; gap: 7px; margin-top: 14px; }
.comparison-remove { color: #8a4545; background: #fff; border-color: #e3c5c5; }
.comparison-remove:hover { background: #a73f3f; }
.lead-cta-card { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 30px 32px; margin-top: 26px; overflow: hidden; color: #fff; background: radial-gradient(circle at 90% 10%, rgba(75,169,130,.24), transparent 34%), linear-gradient(125deg, var(--navy), var(--navy-2)); border-radius: var(--radius); box-shadow: var(--shadow); }
.lead-cta-copy { max-width: 720px; }
.lead-cta-card .eyebrow { color: var(--gold-light); }
.lead-cta-card h2 { margin: 0 0 7px; font-family: "Manrope", Arial, sans-serif; font-size: 24px; letter-spacing: -.7px; }
.lead-cta-card p { margin: 0; color: rgba(255,255,255,.78); font-size: 13px; }
.lead-cta-card .btn-primary { flex: 0 0 auto; color: var(--navy); background: linear-gradient(135deg, #f4d486, #d9ad4c); box-shadow: none; }
.lead-cta-trust { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 14px; color: #d6e2ef; font-size: 10px; font-weight: 700; }
.lead-section { background: linear-gradient(180deg, var(--canvas) 0%, #edf4f8 100%); }
.lead-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 24px; align-items: start; }
.lead-wizard-card, .lead-success-card { padding: 31px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.lead-wizard-header { display: flex; align-items: start; justify-content: space-between; gap: 20px; margin-bottom: 25px; }
.lead-wizard-header .eyebrow { margin-bottom: 4px; }
.lead-wizard-header h2, .lead-success-card h2 { margin: 0; font-family: "Manrope", Arial, sans-serif; font-size: 26px; letter-spacing: -.8px; }
.lead-secure { display: inline-flex; align-items: center; gap: 6px; padding: 7px 9px; color: #346476; background: #edf7f5; border: 1px solid #cee7e0; border-radius: 5px; font-size: 10px; font-weight: 700; white-space: nowrap; }
.lead-secure i { color: var(--green); font-style: normal; }
.lead-progress { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 0; margin: 0 0 26px; list-style: none; }
.lead-progress li { display: flex; align-items: center; gap: 8px; padding: 9px 7px; color: #91a0b0; border-bottom: 2px solid #dbe5ed; font-size: 10px; font-weight: 700; }
.lead-progress li span { display: grid; width: 22px; height: 22px; place-items: center; color: #728196; background: #eef3f7; border-radius: 50%; font-size: 10px; }
.lead-progress li.active { color: var(--navy-2); border-color: var(--gold); }
.lead-progress li.active span { color: var(--navy); background: var(--gold-light); }
.lead-step { min-width: 0; padding: 0; margin: 0; border: 0; }
.lead-step legend { margin-bottom: 6px; font-family: "Manrope", Arial, sans-serif; font-size: 20px; font-weight: 800; }
.lead-step > p { margin: 0 0 20px; color: #708095; font-size: 12px; }
.lead-error { margin-bottom: 20px; border-left: 3px solid #a84a3d; }
.lead-error ul { margin: 7px 0 0 17px; }
.lead-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.lead-form-grid label { display: flex; flex-direction: column; gap: 7px; color: #65748a; font-size: 10px; font-weight: 700; }
.lead-form-grid input, .lead-form-grid select { width: 100%; height: 47px; padding: 0 13px; color: var(--ink); background: #fff; border: 1px solid #d6dfe9; border-radius: 6px; outline: none; font-size: 12px; }
.lead-form-grid input:focus, .lead-form-grid select:focus { border-color: var(--navy-3); box-shadow: 0 0 0 3px rgba(14,63,118,.1); }
.lead-form-grid small { color: #90a0af; font-size: 9px; font-weight: 600; }
.lead-step-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 25px; }
.btn-ghost { min-height: 42px; padding: 9px 12px; color: var(--navy-3); background: transparent; border: 0; font-size: 11px; font-weight: 800; }
.btn-ghost:hover { color: #a87510; }
.lead-selected-offers { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.lead-selected-offer { padding: 14px; background: #f5f9fc; border: 1px solid #dce7ef; border-radius: 8px; }
.lead-selected-offer h3 { margin: 0; font-size: 12px; }
.lead-selected-offer strong { display: block; margin: 6px 0 2px; color: var(--green); font-family: "Manrope", Arial, sans-serif; font-size: 18px; }
.lead-selected-offer p, .lead-offers-empty { margin: 0; color: #748396; font-size: 10px; }
.lead-offers-empty { grid-column: 1 / -1; padding: 16px; background: #f7fafc; border: 1px dashed #cbd9e5; border-radius: 8px; }
.lead-info-strip { display: flex; gap: 10px; align-items: start; padding: 12px 13px; margin-top: 16px; color: #516b7c; background: #eef7f5; border: 1px solid #d1e9e2; border-radius: 7px; }
.lead-info-strip span { color: var(--green); font-weight: 800; }
.lead-info-strip p { margin: 0; font-size: 10px; }
.lead-consent { display: grid; gap: 12px; margin-top: 18px; }
.lead-consent label { display: flex; align-items: start; gap: 9px; color: #627186; font-size: 11px; line-height: 1.48; }
.lead-consent input { width: 15px; height: 15px; margin: 1px 0 0; accent-color: var(--navy-3); }
.lead-consent a { color: var(--navy-3); text-decoration: underline; font-weight: 700; }
.honeypot-field { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.lead-aside { padding: 25px; color: #fff; background: linear-gradient(145deg, var(--navy-2), #0d4d69); border-radius: var(--radius); box-shadow: var(--shadow); }
.lead-aside-icon { display: grid; width: 35px; height: 35px; place-items: center; margin-bottom: 17px; color: var(--navy); background: var(--gold-light); border-radius: 50%; }
.lead-aside h2 { margin: 0 0 18px; font-family: "Manrope", Arial, sans-serif; font-size: 19px; }
.lead-aside ol { display: grid; gap: 17px; padding: 0; margin: 0; list-style: none; }
.lead-aside li { display: flex; gap: 10px; }
.lead-aside li > span { display: grid; flex: 0 0 23px; width: 23px; height: 23px; place-items: center; color: var(--gold-light); border: 1px solid rgba(244,212,134,.55); border-radius: 50%; font-size: 10px; font-weight: 800; }
.lead-aside strong { display: block; color: #fff; font-size: 12px; }
.lead-aside p { margin: 3px 0 0; color: #c5d6e3; font-size: 10px; }
.lead-aside-note { padding-top: 17px; margin-top: 21px !important; border-top: 1px solid rgba(255,255,255,.18); }
.lead-success-card { max-width: 740px; text-align: center; }
.success-seal { display: grid; width: 51px; height: 51px; place-items: center; margin: 0 auto 15px; color: #fff; background: var(--green); border-radius: 50%; font-size: 23px; font-weight: 800; }
.lead-success-card p { max-width: 590px; margin: 12px auto 0; color: #657486; font-size: 13px; }
.lead-success-actions { display: flex; justify-content: center; gap: 10px; margin-top: 23px; }
.admin-status-form { display: flex; gap: 6px; align-items: center; }
.admin-status-form select { height: 31px; min-width: 98px; padding: 0 5px; border: 1px solid #cfdbe7; border-radius: 5px; font-size: 10px; }
.offer-sidebar-local { position: relative; overflow: hidden; background: linear-gradient(145deg, #fbfdff, #edf5f9); }
.offer-sidebar-local::before { position: absolute; top: -51px; right: -31px; width: 150px; height: 150px; content: ""; background: radial-gradient(circle, rgba(224,179,83,.35), rgba(224,179,83,0) 66%); }
.offer-sidebar-local > * { position: relative; }
.sidebar-kicker { display: block; margin-bottom: 8px; color: #a4781d; font-size: 9px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.offer-sidebar-checks { display: grid; gap: 8px; padding: 13px 0 17px; color: #466275; font-size: 10px; font-weight: 700; }
.offer-sidebar-checks span::first-letter { color: var(--green); }
.bank-local-note { display: flex; gap: 8px; align-items: start; padding: 12px; margin: 16px 0; color: #577083; background: #f3f8fb; border: 1px solid #d7e6ef; border-radius: 7px; }
.bank-local-note span { color: #9a731e; font-weight: 800; }
.bank-local-note p { margin: 0; font-size: 10px; line-height: 1.5; }
.bank-directory-section { background: linear-gradient(180deg, var(--canvas), #edf4f8); }
.bank-directory-intro { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 22px; }
.bank-directory-intro .eyebrow { margin-bottom: 5px; }
.bank-directory-intro h2 { margin: 0; font-family: "Manrope", Arial, sans-serif; font-size: 25px; letter-spacing: -.8px; }
.bank-directory-intro p { max-width: 410px; margin: 0; color: #718297; font-size: 12px; line-height: 1.6; }
.bank-directory-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.premium-bank-profile { display: flex; min-height: 278px; flex-direction: column; padding: 18px; color: var(--ink); background: #fff; border: 1px solid #dce6ef; border-radius: 12px; box-shadow: 0 9px 22px rgba(9,45,76,.05); transition: transform var(--ease), box-shadow var(--ease), border-color var(--ease); }
.premium-bank-profile:hover { color: var(--ink); border-color: #a9c6d7; box-shadow: 0 15px 28px rgba(9,45,76,.11); transform: translateY(-3px); }
.premium-bank-profile-head { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.directory-logo-tile { display: grid; width: 67px; height: 67px; place-items: center; overflow: hidden; background: #fff; border: 1px solid #e0e8ef; border-radius: 11px; }
.directory-logo-tile img { width: 87%; height: 87%; object-fit: contain; mix-blend-mode: multiply; }
.directory-logo-tile > span { display: grid; width: 42px; height: 42px; place-items: center; color: var(--navy-2); background: #eff5f9; border-radius: 50%; font-family: "Manrope", Arial, sans-serif; font-size: 13px; font-weight: 800; }
.bank-directory-count { padding: 5px 7px; color: #49816e; background: #e8f7f1; border-radius: 5px; font-size: 8px; font-weight: 800; white-space: nowrap; }
.premium-bank-profile h3 { margin: 17px 0 4px; font-family: "Manrope", Arial, sans-serif; font-size: 16px; letter-spacing: -.35px; }
.bank-directory-meta { margin: 0; color: #8290a0; font-size: 10px; }
.bank-directory-description { flex: 1; margin: 15px 0; color: #627286; font-size: 11px; line-height: 1.55; }
.bank-directory-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 12px; color: #228564; border-top: 1px solid #edf1f4; font-size: 10px; font-weight: 800; }
.bank-directory-bottom b { color: var(--navy-2); }

.legal-note { margin: 13px 2px 0; color: #8793a2; font-size: 10px; }
.empty { padding: 90px 0; text-align: center; }
.empty h1 { margin-bottom: 8px; font-family: "Manrope", Arial, sans-serif; }
.detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 325px; gap: 24px; }
.detail-main, .offer-sidebar, .article-aside > div { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.detail-main { padding: 28px; }
.offer-sidebar { height: max-content; padding: 24px; }
.offer-sidebar h3 { margin: 0 0 8px; font-family: "Manrope", Arial, sans-serif; font-size: 18px; }
.offer-sidebar p { margin: 0 0 18px; color: #708094; font-size: 12px; }
.full { width: 100%; }
.back-link { display: block; margin-top: 16px; color: var(--navy-3); font-size: 11px; font-weight: 700; }
.offer-highlight { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; margin-bottom: 26px; background: var(--line); border: 1px solid var(--line); border-radius: 10px; }
.offer-highlight > div { padding: 20px; background: #fff; }
.offer-highlight span { display: block; color: #748195; font-size: 10px; font-weight: 700; }
.offer-highlight strong { display: block; margin-top: 5px; color: var(--green); font-family: "Manrope", Arial, sans-serif; font-size: 22px; letter-spacing: -.7px; }
.details { overflow: hidden; margin: 12px 0 22px; border: 1px solid var(--line); border-radius: 9px; }
.details div { display: flex; justify-content: space-between; gap: 20px; padding: 12px 14px; border-bottom: 1px solid var(--line-soft); font-size: 12px; }
.details div:last-child { border-bottom: 0; }
.details dt { color: #7b8897; }
.details dd { margin: 0; color: #37475d; font-weight: 700; text-align: right; }
.detail-main h2 { margin-top: 0; font-family: "Manrope", Arial, sans-serif; font-size: 22px; }
.detail-main > p { color: #657486; font-size: 13px; }
.bank-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.bank-profile { padding: 22px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 3px 10px rgba(10,35,70,.03); transition: transform var(--ease), box-shadow var(--ease); }
.bank-profile:hover { box-shadow: var(--shadow); transform: translateY(-3px); }
.bank-avatar { display: grid; width: 50px; height: 50px; place-items: center; color: var(--navy-2); background: #edf3f8; border: 1px solid #dce7f0; border-radius: 10px; font-family: "Manrope", Arial, sans-serif; font-size: 14px; font-weight: 800; }
.bank-avatar.large { width: 62px; height: 62px; }
.bank-profile h3 { margin: 13px 0 0; font-family: "Manrope", Arial, sans-serif; font-size: 17px; }
.bank-profile small { color: #7e8b9b; font-size: 10px; }
.bank-profile p { min-height: 49px; color: #748194; font-size: 11px; }
.bank-link { color: var(--navy-3); font-size: 11px; font-weight: 800; }
.bank-hero-card { display: flex; align-items: center; gap: 15px; padding-bottom: 22px; margin-bottom: 24px; border-bottom: 1px solid var(--line-soft); }
.bank-hero-card h2 { margin: 0 0 2px; }
.bank-hero-card span:not(.bank-avatar) { color: #768396; font-size: 11px; }

/* Calculator, guides, articles and contact */
.calculator-page { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; }
.calc-box { display: grid; gap: 15px; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.calc-box h2 { margin: 0 0 4px; font-family: "Manrope", Arial, sans-serif; font-size: 22px; }
.calc-result { height: max-content; padding: 34px; background: linear-gradient(135deg, #fffaf0, #fff1d0); border: 1px solid #efdfb6; border-radius: var(--radius); }
.calc-result span, .calc-result small { display: block; color: #806c45; font-size: 11px; font-weight: 700; }
.calc-result strong { display: block; margin: 6px 0 20px; color: var(--green); font-family: "Manrope", Arial, sans-serif; font-size: 36px; letter-spacing: -1.5px; }
.calc-result hr { border: 0; border-top: 1px solid #eadfca; margin: 20px 0; }
.calc-result b { display: block; margin-top: 3px; font-size: 21px; }
.calc-result p { margin: 18px 0 0; color: #7b7366; font-size: 10px; }
.article-list { display: grid; gap: 20px; }
.article-row { display: grid; grid-template-columns: 245px 1fr; overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); transition: box-shadow var(--ease); }
.article-row:hover { box-shadow: var(--shadow); }
.article-row .article-visual { height: auto; min-height: 205px; }
.article-row > div:last-child { padding: 26px; }
.article-row h2 { margin: 6px 0; font-family: "Manrope", Arial, sans-serif; font-size: 22px; }
.article-row p { margin: 0 0 13px; color: #718093; font-size: 12px; }
.article-row b { color: var(--navy-3); font-size: 11px; }
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; }
.article-content-full, .prose { padding: 36px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.article-content-full h2, .prose h2 { margin: 0 0 10px; font-family: "Manrope", Arial, sans-serif; font-size: 22px; }
.article-content-full h3, .prose h3 { font-family: "Manrope", Arial, sans-serif; font-size: 17px; }
.article-content-full p, .prose p { color: #59687a; font-size: 13px; }
.article-aside { display: grid; align-content: start; gap: 16px; }
.article-aside > div { display: grid; gap: 10px; padding: 22px; }
.article-aside a { color: var(--navy-3); font-size: 11px; font-weight: 800; }
.article-aside p { margin: 0; color: #748195; font-size: 11px; }
.contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) 335px; gap: 24px; }
.contact-card, .contact-info { padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.contact-card h2, .contact-info h2 { margin-top: 0; font-family: "Manrope", Arial, sans-serif; font-size: 22px; }
.contact-form { display: grid; gap: 14px; }
.contact-info p { color: #657486; font-size: 12px; }
.contact-info a { color: var(--navy-3); font-weight: 700; }
.success, .error { padding: 12px 14px; margin-bottom: 14px; border-radius: 7px; font-size: 12px; font-weight: 700; }
.success { color: #19733f; background: var(--green-soft); border: 1px solid #c8ead5; }
.error { color: #a82929; background: #fff0f0; border: 1px solid #f0caca; }

/* Footer */
.footer { padding: 53px 0 20px; color: #fff; background: var(--navy); }
.footer-grid { display: grid; grid-template-columns: 1.55fr repeat(3, 1fr); gap: 42px; padding-bottom: 34px; border-bottom: 1px solid rgba(255,255,255,.1); }
.footer-brand { min-width: auto; margin-bottom: 16px; }
.footer-about > p { max-width: 295px; margin: 0; color: #a8b4c4; font-size: 11px; }
.footer-contact { margin-top: 16px !important; }
.footer-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.footer-social a { display: inline-flex; align-items: center; padding: 4px 8px; margin: 0; color: #cbd5e2; border: 1px solid rgba(255,255,255,.18); border-radius: 4px; font-size: 9px; }
.footer-social a:hover { border-color: var(--gold); }
.footer a { display: block; color: #b5c0cf; font-size: 11px; transition: color var(--ease); }
.footer a:hover { color: var(--gold-light); }
.footer-grid > div:not(.footer-about) a { margin: 9px 0; }
.footer h4 { margin: 3px 0 13px; color: #fff; font-size: 11px; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 18px; color: #7f8da0; font-size: 10px; }
.footer-bottom > span:last-child { display: flex; gap: 15px; }
.footer-bottom a { display: inline; color: #9facbc; font-size: 10px; }

/* Admin */
.admin-body { margin: 0; background: var(--canvas-2); }
.admin-shell { display: flex; min-height: 100vh; }
.admin-sidebar { width: 245px; padding: 27px 16px; color: #fff; background: var(--navy); }
.admin-logo { color: #fff; font-family: "Manrope", Arial, sans-serif; font-size: 22px; font-weight: 800; }
.admin-logo span { color: var(--gold-light); }
.admin-caption { margin-bottom: 24px; color: #8494a8; font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.admin-sidebar a { display: block; padding: 10px 12px; color: #c9d2dd; border-radius: 6px; font-size: 11px; font-weight: 600; }
.admin-sidebar a:hover { color: #fff; background: var(--navy-3); }
.admin-main { flex: 1; padding: 36px; }
.admin-main h1 { margin: 0 0 7px; font-family: "Manrope", Arial, sans-serif; font-size: 27px; }
.admin-main h2 { font-family: "Manrope", Arial, sans-serif; font-size: 18px; }
.admin-lead { color: #738194; font-size: 12px; }
.admin-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; margin: 24px 0; }
.admin-stats > div { padding: 21px; background: #fff; border: 1px solid var(--line); border-radius: 10px; box-shadow: var(--shadow-sm); }
.admin-stats span { display: block; color: #7d8999; font-size: 10px; }
.admin-stats strong { display: block; margin-top: 4px; font-family: "Manrope", Arial, sans-serif; font-size: 29px; }
.admin-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }
.admin-quick a { padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.admin-quick b { display: block; font-size: 13px; }
.admin-quick span { color: #7d8999; font-size: 10px; }
.admin-form { padding: 25px; margin-bottom: 20px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.admin-table { background: #fff; }
.admin-login { display: grid; min-height: 100vh; place-items: center; background: radial-gradient(circle at 80% 20%, #185891, transparent 30%), linear-gradient(135deg, var(--navy), var(--navy-2)); }
.login-card { width: min(420px, calc(100% - 30px)); padding: 35px; background: #fff; border-radius: var(--radius); box-shadow: var(--shadow-lg); }
.login-card h1 { margin: 12px 0; font-family: "Manrope", Arial, sans-serif; }
.login-card form { display: grid; gap: 14px; }
.login-card label { color: #687487; font-size: 10px; font-weight: 700; }
.login-card input { width: 100%; height: 45px; padding: 0 12px; margin-top: 5px; border: 1px solid #d8dfe8; border-radius: 6px; }

@media (max-width: 1100px) {
  .nav { gap: 16px; }
  .header-actions { gap: 10px; }
  .header-contact { display: none; }
  .features { grid-template-columns: repeat(2, 1fr); }
  .hero-art { width: 49%; opacity: .48; }
}
@media (max-width: 900px) {
  .site-header { height: 70px; }
  .nav { position: absolute; top: 69px; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 10px 24px 20px; background: var(--navy); border-top: 1px solid rgba(255,255,255,.1); box-shadow: 0 16px 20px rgba(0,0,0,.16); }
  .nav.open { display: flex; }
  .nav a { padding: 12px 0; }
  .nav a::after { display: none; }
  .mobile-menu { display: block; }
  .header-actions { margin-left: auto; }
  .hero-art { display: none; }
  .hero-home .hero-art { position: absolute; inset: 0; display: flex; width: auto; height: auto; opacity: .7; }
  .hero-home .hero-art img { width: auto; height: 100%; max-width: none; object-fit: cover; object-position: 76% center; transform: scale(1.04); }
  .compare-form { grid-template-columns: 1fr 1fr; }
  .compare-form .btn-primary { grid-column: span 2; }
  .bank-grid { grid-template-columns: repeat(2, 1fr); }
  .detail-grid, .calculator-page, .contact-grid, .article-layout { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .footer-about { grid-column: 1 / -1; }
  .admin-shell { display: block; }
  .admin-sidebar { width: auto; padding: 16px; }
  .admin-caption { margin-bottom: 10px; }
  .admin-sidebar a { display: inline-block; }
  .admin-main { padding: 26px; }
  .home-offer-card-main { grid-template-columns: 200px minmax(0, 1fr); }
  .home-offer-detail { grid-column: 1 / -1; grid-template-columns: 145px 1fr; align-items: center; text-align: left; }
  .home-offer-lead { grid-template-columns: 1fr; gap: 9px; }
  .quick-lead-form { grid-template-columns: 1fr 1fr minmax(165px, 1.4fr); }
  .quick-lead-form .quick-privacy { grid-column: 1 / 2; }
  .quick-lead-form .quick-lead-submit { grid-column: 2 / -1; }
}
@media (max-width: 640px) {
  .container { width: min(100% - 28px, var(--container)); }
  .brand-copy strong { font-size: 14px; }
  .header-cta { display: none; }
  .header-cta span { display: none; }
  .hero-home { min-height: 640px; }
  .hero-home::before { background: linear-gradient(180deg, rgba(3,20,44,.72) 0%, rgba(3,20,44,.68) 40%, rgba(3,20,44,.8) 100%), linear-gradient(90deg, rgba(3,20,44,.28), rgba(3,20,44,.04)); }
  .hero-home .hero-art { display: flex; opacity: .94; }
  .hero-home .hero-art img { width: auto; height: 100%; min-width: 100%; max-width: none; object-position: 71% center; transform: scale(1.08); }
  .hero-grid-pattern { opacity: .055; }
  .hero-inner { padding: 43px 0 26px; }
  .hero-copy { max-width: 100%; }
  .hero h1, .page-hero h1, .article-hero h1 { max-width: 355px; margin-bottom: 14px; font-size: clamp(32px, 9.2vw, 39px); letter-spacing: -1.25px; line-height: 1.07; }
  .hero p { max-width: 338px; color: rgba(255,255,255,.97); font-size: 15px; font-weight: 500; line-height: 1.5; }
  .eyebrow { font-size: 10px; letter-spacing: 1.15px; }
  .hero-assurances { flex-direction: column; gap: 8px; margin-top: 17px; color: #fff; font-size: 13px; font-weight: 700; }
  .hero-assurances i { width: 18px; height: 18px; font-size: 11px; }
  .hero-quick-actions { align-items: start; flex-direction: column; gap: 9px; margin-top: 18px; }
  .hero-secondary-cta { min-height: 45px; padding: 12px 15px; background: rgba(4,26,56,.56); font-size: 12px; }
  .hero-quick-actions small { color: rgba(255,255,255,.9); font-size: 11px; font-weight: 600; }
  .hero-data-points { gap: 6px; }
  .hero-data-points span { width: 100%; }
  .home-offer-card { padding: 0 13px; }
  .home-offer-card-main { grid-template-columns: 1fr; gap: 12px; padding: 14px 2px; }
  .home-offer-stats { grid-template-columns: 1fr 1fr; }
  .home-offer-detail { grid-column: auto; grid-template-columns: 1fr; text-align: center; }
  .home-offer-lead { padding: 12px 2px; }
  .quick-lead-form { grid-template-columns: 1fr; }
  .quick-privacy { min-height: 22px; }
  .home-offer-benefits { grid-template-columns: 1fr; gap: 6px; padding: 10px 2px 13px; }
  .hero-home .compare-card { margin-top: 24px; border-radius: 11px; }
  .compare-card { margin-top: 25px; }
  .compare-tabs button { min-height: 52px; padding: 14px 9px; font-size: 12px; }
  .compare-form { grid-template-columns: 1fr; gap: 13px; padding: 19px; }
  .compare-form label { gap: 8px; font-size: 12px; }
  .compare-form select { height: 49px; font-size: 14px; }
  .compare-form .btn-primary { grid-column: auto; min-height: 51px; font-size: 14px; }
  .compare-trust { display: grid; gap: 8px; padding: 0 19px 19px; font-size: 11px; }
  .trust-strip-inner { display: grid; gap: 6px; padding: 14px 0; }
  .trust-kicker { margin-bottom: 3px; }
  .section { padding: 43px 0; }
  .section-heading { align-items: start; flex-direction: column; gap: 8px; }
  .section-heading h2, .calculator-teaser h2 { font-size: 23px; }
  .features, .article-grid, .bank-grid, .footer-grid, .form-grid, .admin-stats, .admin-quick { grid-template-columns: 1fr; }
  .calculator-teaser { grid-template-columns: 1fr; gap: 25px; padding: 24px; }
  .calculator-preview strong { font-size: 27px; }
  .page-hero, .article-hero { padding: 46px 0; }
  .filter-panel { grid-template-columns: 1fr; }
  .comparison-intelligence { grid-template-columns: 1fr 1fr; }
  .comparison-intelligence-main { grid-column: 1 / -1; }
  .intel-item:nth-of-type(3) { border-left: 0; }
  .offer-card-main { grid-template-columns: 220px minmax(0, 1fr); }
  .bank-directory-grid { grid-template-columns: repeat(2, 1fr); }
  .offer-card-actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .comparison-note { align-items: start; flex-direction: column; gap: 3px; }
  .action-cell { flex-wrap: wrap; }
  .comparison-list { padding: 19px; }
  .lead-cta-card { align-items: start; flex-direction: column; padding: 24px; }
  .lead-layout { grid-template-columns: 1fr; }
  .lead-wizard-card, .lead-success-card { padding: 23px; }
  .lead-wizard-header { align-items: start; flex-direction: column; margin-bottom: 20px; }
  .lead-progress { grid-template-columns: 1fr; gap: 2px; }
  .lead-form-grid, .lead-selected-offers { grid-template-columns: 1fr; }
  .lead-step-actions { align-items: stretch; flex-direction: column-reverse; }
  .lead-step-actions > * { width: 100%; }
  .lead-success-actions { align-items: stretch; flex-direction: column; }

  .comparison-list-heading { align-items: start; flex-direction: column; gap: 10px; }
  .comparison-list-items { grid-template-columns: 1fr; }
  .comparison-intelligence { grid-template-columns: 1fr; }
  .comparison-intelligence-main { grid-column: auto; }
  .intel-item { border-top: 1px solid #dce7ef; border-left: 0; }
  .offer-board-heading { align-items: start; flex-direction: column; gap: 4px; }
  .bank-directory-intro { align-items: start; flex-direction: column; gap: 8px; }
  .bank-directory-grid { grid-template-columns: 1fr; }
  .premium-bank-profile { min-height: 0; }
  .premium-offer-card { padding: 11px 12px 0; }
  .offer-card-topline { flex-wrap: wrap; }
  .offer-card-status { width: 100%; margin-left: 0; }
  .offer-card-main { grid-template-columns: 1fr; gap: 13px; }
  .offer-metrics { grid-template-columns: 1fr 1fr; }
  .offer-card-actions { grid-column: auto; grid-template-columns: 1fr; }
  .offer-card-benefits { grid-template-columns: 1fr; gap: 6px; }

  .offer-highlight { grid-template-columns: 1fr; }
  .article-row { grid-template-columns: 1fr; }
  .article-row .article-visual { min-height: 145px; }
  .article-row > div:last-child, .article-content-full, .prose, .detail-main, .contact-card, .contact-info { padding: 23px; }
  .footer { padding-top: 42px; }
  .footer-about { grid-column: auto; }
  .footer-bottom { align-items: start; flex-direction: column; }
  .footer-bottom > span:last-child { flex-wrap: wrap; }
  .admin-main { padding: 18px; }
  .admin-main h1 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Professional content hub, guide pages and example-provider profiles */
.guide-hero{position:relative;display:flex;align-items:center;min-height:430px;overflow:hidden;background:#061b3a;color:#fff}.guide-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.guide-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,48,.94) 0%,rgba(4,22,48,.76) 38%,rgba(4,22,48,.24) 73%,rgba(4,22,48,.16) 100%)}.guide-hero-content{position:relative;z-index:1;max-width:730px;padding:60px 0}.guide-hero h1{max-width:700px;margin:10px 0 16px;font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,56px);line-height:1.06;letter-spacing:-2px}.guide-hero p{max-width:630px;margin:0;color:rgba(255,255,255,.94);font-size:18px;line-height:1.55}.guide-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.btn-outline.light{border-color:rgba(255,255,255,.6);background:rgba(4,27,58,.24);color:#fff}.btn-outline.light:hover{border-color:#f5d57c;background:rgba(255,255,255,.11)}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;align-items:start}.guide-prose{min-width:0}.guide-prose h2{margin:39px 0 13px;color:#08254b;font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-.8px}.guide-prose p{color:#43546b;font-size:16px;line-height:1.75}.guide-intro{padding:0 0 24px;border-bottom:1px solid #dce5ee}.guide-intro h2{margin:8px 0 10px}.guide-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:30px 0}.guide-check-grid>div{min-height:174px;padding:22px;border:1px solid #dbe4ed;border-radius:14px;background:linear-gradient(145deg,#fff,#f5f8fb)}.guide-check-grid span{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:#e6b843;color:#08254b;font-size:12px;font-weight:800}.guide-check-grid h3{margin:17px 0 7px;color:#09254b;font-size:16px}.guide-check-grid p{margin:0;font-size:13px;line-height:1.55}.guide-note,.content-disclaimer{margin:28px 0;padding:16px 18px;border:1px solid #cde1dd;border-radius:12px;background:#eff9f5;color:#244d48}.guide-note p{margin:5px 0 0;color:#35615b;font-size:14px;line-height:1.6}.content-disclaimer{font-size:14px;line-height:1.55}.guide-sidebar{position:sticky;top:100px;display:grid;gap:16px}.guide-sidebar>div{padding:22px;border:1px solid #dce5ee;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(6,30,57,.06)}.guide-sidebar strong{display:block;margin-bottom:11px;color:#09264d;font-family:Manrope,sans-serif;font-size:15px}.guide-sidebar p{color:#64748b;font-size:14px;line-height:1.6}.guide-sidebar a{display:block;margin-top:10px;color:#0b4b80;font-size:14px;font-weight:800}.faq-section{margin-top:38px;padding:27px;border-radius:16px;background:#f4f8fb}.faq-section h2{margin-top:6px}.faq-section details,.faq-page-content details{border-top:1px solid #d9e4ec}.faq-section details:last-child,.faq-page-content details:last-child{border-bottom:1px solid #d9e4ec}.faq-section summary,.faq-page-content summary{padding:17px 26px 17px 0;cursor:pointer;color:#102d53;font-weight:800;list-style:none;position:relative}.faq-section summary:after,.faq-page-content summary:after{content:'+';position:absolute;right:0;color:#09836b;font-size:21px;font-weight:500}.faq-section details[open] summary:after,.faq-page-content details[open] summary:after{content:'–'}.faq-section details p,.faq-page-content details p{margin:0 0 17px;color:#526377;font-size:14px;line-height:1.65}.guide-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-card{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border:1px solid #dbe4ed;border-radius:17px;background:#fff;box-shadow:0 12px 28px rgba(6,30,57,.07);color:inherit;transition:transform .2s ease,box-shadow .2s ease}.guide-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(6,30,57,.14)}.guide-card img{width:100%;height:177px;object-fit:cover}.guide-card>div{padding:21px}.guide-card span{color:#0b896f;font-size:11px;font-weight:800;letter-spacing:.8px}.guide-card h3{margin:9px 0;color:#09254b;font-family:Manrope,sans-serif;font-size:19px;line-height:1.25}.guide-card p{color:#627186;font-size:14px;line-height:1.58}.guide-card b{color:#0b497c;font-size:13px}.knowledge-strip{display:flex;align-items:center;justify-content:space-between;gap:34px}.knowledge-strip>div:first-child{max-width:670px}.knowledge-strip h2{margin:8px 0;color:#09254b;font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-.8px}.knowledge-strip p{color:#536378;line-height:1.65}.knowledge-actions{display:flex;flex-wrap:wrap;gap:11px}.faq-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:50px;align-items:start}.faq-page-content{padding:33px;border:1px solid #dce5ee;border-radius:17px;background:#fff}.faq-page-content h2{margin:34px 0 8px;color:#08254b;font-family:Manrope,sans-serif;font-size:27px}.calculator-section{padding-bottom:42px}.calculator-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.calculator-panel{padding:32px;border:1px solid #dce5ee;border-radius:17px;background:#fff;box-shadow:0 14px 30px rgba(6,30,57,.07)}.calculator-panel h2{margin:7px 0 7px;color:#08254b;font-family:Manrope,sans-serif;font-size:30px}.calculator-intro{margin:0 0 24px;color:#617187;line-height:1.55}.calculator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.calculator-grid label{display:grid;gap:7px;color:#46576d;font-size:13px;font-weight:800}.calculator-grid input{height:51px;border:1px solid #cdd9e5;border-radius:9px;padding:0 13px;background:#fff;color:#0d294c;font:700 15px/1 'DM Sans',sans-serif}.calculator-aside{padding:26px;border-radius:17px;background:#082b57;color:#fff}.calculator-aside h3{margin:22px 0 8px;font-family:Manrope,sans-serif}.calculator-aside p{color:rgba(255,255,255,.78);font-size:14px;line-height:1.6}.calculator-aside .btn-outline{margin-top:18px;border-color:rgba(255,255,255,.55);color:#fff}.calc-result.big{padding:0}.calc-result.big span,.calc-result.big small{display:block;color:rgba(255,255,255,.72);font-size:13px}.calc-result.big strong{display:block;margin:8px 0;color:#f6d578;font-family:Manrope,sans-serif;font-size:40px;letter-spacing:-1.6px}.calc-result.big b{font-size:20px}.calc-result.big hr{border:0;border-top:1px solid rgba(255,255,255,.18);margin:17px 0}.bank-profile-card{align-items:center}.bank-profile-logo{display:grid;place-items:center;width:95px;height:76px;overflow:hidden;border:1px solid #dae4ed;border-radius:12px;background:#fff}.bank-profile-logo img{width:84%;height:72%;object-fit:contain}.offer-profile-list{display:grid;gap:10px}.offer-profile-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:13px;align-items:center;padding:18px;border:1px solid #dce5ee;border-radius:12px;background:#fff}.offer-profile-row span{display:block;color:#708097;font-size:12px}.offer-profile-row strong{color:#08264d;font-size:16px}.offer-profile-row>div:first-child strong{color:#08755d;font-size:19px}
@media (max-width:900px){.guide-layout,.faq-page-layout,.calculator-page{grid-template-columns:1fr}.guide-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.guide-card-grid{grid-template-columns:1fr 1fr}.guide-card-featured{grid-column:1/-1;display:grid;grid-template-columns:42% 1fr}.guide-card-featured img{height:100%}.calculator-grid{grid-template-columns:1fr 1fr}.calculator-grid label:last-child{grid-column:1/-1}.offer-profile-row{grid-template-columns:1fr 1fr}.offer-profile-row .btn-outline{grid-column:1/-1}.knowledge-strip{align-items:flex-start;flex-direction:column}}
@media (max-width:640px){.guide-hero{min-height:420px}.guide-hero-content{padding:46px 0 32px}.guide-hero h1{font-size:35px;letter-spacing:-1.2px}.guide-hero p{font-size:15px}.guide-hero-overlay{background:linear-gradient(180deg,rgba(4,22,48,.8),rgba(4,22,48,.8))}.guide-hero>img{object-position:68% center}.guide-hero-actions{display:grid;grid-template-columns:1fr}.guide-hero-actions a{text-align:center}.guide-check-grid,.guide-card-grid,.calculator-grid{grid-template-columns:1fr}.guide-check-grid>div{min-height:0}.guide-sidebar{grid-template-columns:1fr}.guide-prose h2,.faq-page-content h2{font-size:25px}.guide-prose p{font-size:15px}.guide-card-featured{display:block}.guide-card-featured img{height:184px}.guide-card img{height:170px}.faq-page-content{padding:22px}.calculator-panel{padding:22px}.calculator-panel h2{font-size:26px}.calculator-grid label:last-child{grid-column:auto}.offer-profile-row{grid-template-columns:1fr;gap:8px}.offer-profile-row .btn-outline{grid-column:auto;margin-top:6px}.knowledge-strip h2{font-size:25px}}

/* Home editorial visuals: calculator teaser and knowledge cards */
.calculator-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.94fr);gap:32px;align-items:stretch;overflow:hidden;padding:28px;border:1px solid #dde6ef;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(8,37,75,.08)}.calculator-teaser-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:16px 10px 16px 14px}.calculator-teaser-copy h2{margin:8px 0 11px;color:#09254b;font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-1.2px}.calculator-teaser-copy p{max-width:600px;margin:0 0 23px;color:#637286;font-size:16px;line-height:1.65}.calculator-teaser-visual{position:relative;isolation:isolate;min-height:230px;overflow:hidden;border-radius:14px;background:#0a294e}.calculator-teaser-visual:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,28,57,.24),rgba(5,28,57,.05) 60%,rgba(5,28,57,.22))}.calculator-teaser-visual>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:65% center}.calculator-teaser .calculator-preview{position:absolute;z-index:1;right:18px;bottom:18px;left:auto;display:flex;flex-direction:column;align-items:flex-start;max-width:255px;padding:17px 19px;border:1px solid rgba(255,255,255,.42);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(3,23,46,.18);backdrop-filter:blur(7px)}.calculator-teaser .calculator-preview small{color:#496074;font-size:12px;font-weight:800}.calculator-teaser .calculator-preview strong{margin:5px 0;color:#087c60;font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px}.calculator-teaser .calculator-preview span{color:#526477;font-size:12px;line-height:1.35}.article-card .article-visual.article-photo{height:188px;overflow:hidden;background:#123}.article-card .article-visual.article-photo:before,.article-card .article-visual.article-photo:after{display:none}.article-card .article-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}.article-card:hover .article-photo img{transform:scale(1.045)}.article-card:nth-child(1) .article-photo img{object-position:65% center}.article-card:nth-child(2) .article-photo img{object-position:66% center}.article-card:nth-child(3) .article-photo img{object-position:66% center}
@media (max-width:900px){.calculator-teaser{grid-template-columns:1fr;gap:20px;padding:22px}.calculator-teaser-copy{padding:8px}.calculator-teaser-visual{min-height:260px}.calculator-teaser .calculator-preview{right:15px;bottom:15px}.article-card .article-visual.article-photo{height:177px}}
@media (max-width:640px){html,body{overflow-x:hidden}.calculator-band{padding-top:36px;padding-bottom:36px}.calculator-teaser{gap:16px;padding:16px;border-radius:15px}.calculator-teaser-copy{padding:9px 6px}.calculator-teaser-copy h2{font-size:28px}.calculator-teaser-copy p{font-size:15px;line-height:1.58}.calculator-teaser-copy .btn-primary{width:100%;min-height:48px;text-align:center}.calculator-teaser-visual{min-height:238px;border-radius:11px}.calculator-teaser-visual>img{object-position:70% center}.calculator-teaser .calculator-preview{right:12px;bottom:12px;max-width:calc(100% - 24px);padding:13px 15px}.calculator-teaser .calculator-preview strong{font-size:26px}.article-grid{grid-template-columns:1fr}.article-card .article-visual.article-photo{height:190px}.article-card>div:last-child{padding:20px}.knowledge-section .section-heading{gap:14px;align-items:flex-start}.knowledge-section .section-heading h2{font-size:28px;line-height:1.16}.knowledge-section .text-link{font-size:14px;white-space:normal}.article-card h3{font-size:20px;line-height:1.3}.article-card p{font-size:15px;line-height:1.58}}

/* Deeper decision-support content and compact mobile lead flow */
.decision-section{padding-top:66px;padding-bottom:66px;background:linear-gradient(180deg,#fff 0%,#f4f8fb 100%)}.decision-heading{align-items:flex-end}.decision-heading>div{max-width:790px}.decision-heading h2{max-width:700px}.decision-heading p{max-width:740px;margin:10px 0 0;color:#607186;font-size:15px;line-height:1.7}.decision-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:27px}.decision-steps article{position:relative;min-height:204px;padding:25px 23px;border:1px solid #dce6ef;border-radius:16px;background:linear-gradient(145deg,#fff,#f7fafc);box-shadow:0 8px 20px rgba(6,30,57,.04)}.decision-steps article>span{display:grid;width:35px;height:35px;place-items:center;color:#0b365f;background:#f9e5aa;border-radius:50%;font-size:12px;font-weight:900}.decision-steps h3{margin:18px 0 8px;color:#09264c;font-family:Manrope,sans-serif;font-size:18px}.decision-steps p{margin:0;color:#607186;font-size:14px;line-height:1.62}.decision-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.decision-columns article{padding:26px 27px;border-radius:15px;background:#082c57;color:#fff;box-shadow:0 12px 24px rgba(4,30,59,.12)}.decision-columns article:last-child{background:linear-gradient(135deg,#0b5971,#0d896e)}.decision-columns .eyebrow{color:#f4d486}.decision-columns h3{margin:7px 0 8px;font-family:Manrope,sans-serif;font-size:21px}.decision-columns p{max-width:600px;margin:0;color:rgba(255,255,255,.81);font-size:14px;line-height:1.64}.decision-columns a{display:inline-block;margin-top:17px;color:#fff0b8;font-size:13px;font-weight:800}.home-faq-section{padding-top:62px;padding-bottom:62px}.home-faq-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;align-items:start}.home-faq-layout h2{margin:8px 0 12px;color:#09264c;font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1px}.home-faq-layout>div>p{margin:0 0 22px;color:#607186;font-size:15px;line-height:1.7}.home-faq-list{border-top:1px solid #d7e2ec}.home-faq-list details{border-bottom:1px solid #d7e2ec}.home-faq-list summary{position:relative;padding:18px 29px 18px 0;cursor:pointer;color:#102e54;font-size:15px;font-weight:800;list-style:none}.home-faq-list summary:after{position:absolute;right:0;content:'+';color:#07826a;font-size:22px;font-weight:500}.home-faq-list details[open] summary:after{content:'–'}.home-faq-list p{margin:0 0 17px;color:#5d6f84;font-size:14px;line-height:1.65}.quick-lead-disclosure{width:100%}.quick-lead-disclosure summary{display:none}.quick-lead-disclosure>summary::-webkit-details-marker{display:none}
@media (max-width:900px){.decision-section{padding-top:48px;padding-bottom:48px}.decision-steps{grid-template-columns:1fr 1fr}.decision-steps article:last-child{grid-column:1/-1;min-height:0}.home-faq-layout{grid-template-columns:1fr;gap:28px}.home-faq-layout h2{font-size:29px}}
@media (max-width:640px){.decision-section{padding-top:38px;padding-bottom:38px}.decision-heading{display:block}.decision-heading .text-link{display:inline-block;margin-top:12px}.decision-heading h2{font-size:28px;line-height:1.15}.decision-heading p{font-size:15px;line-height:1.62}.decision-steps{grid-template-columns:1fr;gap:11px;margin-top:20px}.decision-steps article,.decision-steps article:last-child{grid-column:auto;display:grid;grid-template-columns:40px 1fr;column-gap:13px;min-height:0;padding:17px}.decision-steps article>span{grid-row:1/3;width:34px;height:34px}.decision-steps h3{margin:2px 0 5px;font-size:17px}.decision-steps p{grid-column:2;font-size:13px;line-height:1.56}.decision-columns{grid-template-columns:1fr;gap:11px;margin-top:11px}.decision-columns article{padding:21px 19px}.decision-columns h3{font-size:20px}.decision-columns p{font-size:14px;line-height:1.58}.home-faq-section{padding-top:40px;padding-bottom:40px}.home-faq-layout{gap:20px}.home-faq-layout h2{font-size:28px;line-height:1.14}.home-faq-layout>div>p{font-size:15px;line-height:1.6}.home-faq-layout .btn-outline{display:block;width:100%;min-height:47px;text-align:center}.home-faq-list summary{padding:16px 27px 16px 0;font-size:14px;line-height:1.42}.home-faq-list p{font-size:14px;line-height:1.58}.home-offer-lead{padding:0!important;background:#f1faf7!important;border-top:1px solid #d6ebe3}.quick-lead-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;cursor:pointer;color:#094d43;list-style:none}.quick-lead-disclosure>summary span{font-size:13px;font-weight:900}.quick-lead-disclosure>summary small{color:#5f7d78;font-size:10px;font-weight:700;text-align:right}.quick-lead-disclosure>summary:after{content:'+';display:grid;flex:0 0 23px;width:23px;height:23px;place-items:center;color:#087c60;border:1px solid #a6d8ca;border-radius:50%;font-size:17px;line-height:1}.quick-lead-disclosure[open]>summary{border-bottom:1px solid #d6ebe3}.quick-lead-disclosure[open]>summary:after{content:'–'}.quick-lead-disclosure .quick-lead-copy{padding:13px 15px 2px}.quick-lead-disclosure .quick-lead-copy strong{font-size:14px}.quick-lead-disclosure .quick-lead-copy small{font-size:11px;line-height:1.45}.quick-lead-disclosure .quick-lead-form{grid-template-columns:1fr 1fr;padding:11px 15px 15px;gap:8px}.quick-lead-disclosure .quick-lead-input{min-width:0;height:42px;padding:0 10px;font-size:12px}.quick-lead-disclosure .quick-lead-form input[name="email"],.quick-lead-disclosure .quick-lead-form input[name="phone"]{grid-column:1/-1}.quick-lead-disclosure .quick-privacy{grid-column:1/-1;padding:4px 0;font-size:11px}.quick-lead-disclosure .quick-lead-submit{grid-column:1/-1;min-height:46px;font-size:13px}.home-offer-card{border-radius:13px}.home-offer-card-main{padding:15px!important}.home-offer-benefits{grid-template-columns:1fr!important;gap:4px!important;padding:9px 15px 14px!important}.home-offer-benefits span{padding:8px 9px!important;font-size:10px!important}.home-offer-stats{grid-template-columns:1fr 1fr!important;gap:7px!important}.home-offer-stats>div{min-height:58px!important;padding:10px!important}.home-offer-stats strong{font-size:14px!important}.home-offer-detail{display:block!important;margin-top:9px}.home-offer-detail .btn-outline{display:flex;width:100%;min-height:42px;align-items:center;justify-content:center}.home-offer-detail small{display:block;margin-top:5px;text-align:center}.quick-lead-disclosure:not([open]) .quick-lead-copy,.quick-lead-disclosure:not([open]) .quick-lead-form{display:none}}

/* Calculator result: high-contrast value card with a separate decorative layer */
.calculator-aside .calc-result.big{position:relative;isolation:isolate;min-height:183px;padding:24px!important;overflow:hidden;border:1px solid #efcf79;border-radius:14px;background:linear-gradient(135deg,#fffdf7 0%,#fff3ce 55%,#f8dda0 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 10px 22px rgba(3,30,60,.15)}.calculator-aside .calc-result.big:before{position:absolute;z-index:-1;right:-15px;bottom:-41px;content:'%';color:rgba(8,43,87,.085);font-family:Manrope,sans-serif;font-size:172px;font-weight:900;line-height:1}.calculator-aside .calc-result.big:after{position:absolute;z-index:-1;top:17px;right:19px;width:11px;height:11px;content:'';border-radius:50%;background:#dca932;box-shadow:18px 10px 0 rgba(220,169,50,.42),-11px 17px 0 rgba(220,169,50,.25)}.calculator-aside .calc-result.big span,.calculator-aside .calc-result.big small{position:relative;color:#5e4b25;font-size:12px;font-weight:800;letter-spacing:.01em}.calculator-aside .calc-result.big strong{position:relative;margin:9px 0 17px;color:#0c795e;font-size:42px;line-height:1;letter-spacing:-1.8px;text-shadow:none}.calculator-aside .calc-result.big hr{position:relative;border-top-color:rgba(95,75,37,.2);margin:15px 0}.calculator-aside .calc-result.big b{position:relative;color:#092c56;font-family:Manrope,sans-serif;font-size:21px;font-weight:850}.calculator-aside .calc-result.big small{color:#6d5a32}.calculator-aside .calc-result.big #total{color:#092c56}
@media (max-width:640px){.calculator-aside .calc-result.big{min-height:160px;padding:21px!important}.calculator-aside .calc-result.big strong{font-size:36px}.calculator-aside .calc-result.big:before{right:-10px;bottom:-28px;font-size:142px}}

/* Security & live monitoring admin */
.security-settings p{max-width:900px;color:#64748b;font-size:13px;line-height:1.6}.security-settings h2{margin-top:30px}.security-check{display:flex!important;align-items:flex-start!important;gap:10px;margin:15px 0;color:#203b5b!important;font-size:13px!important;font-weight:800!important}.security-check input{width:17px;height:17px;margin:1px 0 0;accent-color:#0b775e}.security-note{padding:12px 14px;border-left:3px solid #d4a437;border-radius:0 8px 8px 0;background:#fff8e8;color:#6d5c35!important;font-size:12px!important}.admin-monitor{margin-top:28px;padding:28px;border:1px solid #d8e4ed;border-radius:14px;background:#f6fafc}.admin-monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.admin-monitor-heading h2{margin:0;color:#082b57;font-family:Manrope,sans-serif;font-size:24px}.admin-monitor-heading p{margin:5px 0 0;color:#718196;font-size:12px}.live-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;color:#08755d;border:1px solid #c8e7d9;border-radius:999px;background:#edfaf4;font-size:12px;font-weight:900}.admin-monitor-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:16px;margin-bottom:18px}.admin-monitor-grid article{padding:20px;border:1px solid #dce7ef;border-radius:11px;background:#fff}.admin-monitor-grid h3{margin:0 0 10px;color:#12365d;font-size:13px}.admin-monitor-grid>article:first-child strong{display:block;color:#08755d;font-family:Manrope,sans-serif;font-size:40px;line-height:1}.admin-monitor-grid p{margin:8px 0 0;color:#6e7f94;font-size:12px;line-height:1.5}.admin-monitor-grid ol{display:grid;gap:8px;padding:0;margin:0;list-style:none}.admin-monitor-grid li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #edf2f5;color:#4d6077;font-size:12px}.admin-monitor-grid li:last-child{padding-bottom:0;border:0}.admin-monitor-grid li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-monitor-grid li b{color:#082b57;white-space:nowrap;font-size:11px}.admin-table-wrap{margin-top:17px;overflow:auto;padding:18px;border:1px solid #dce7ef;border-radius:11px;background:#fff}.admin-table-wrap h3{margin:0 0 13px;color:#12365d;font-size:14px}.admin-table-wrap table{width:100%;min-width:720px;border-collapse:collapse}.admin-table-wrap th,.admin-table-wrap td{padding:10px 8px;border-bottom:1px solid #edf2f5;color:#52657c;font-size:11px;text-align:left}.admin-table-wrap th{color:#12365d;background:#f6f9fb;font-weight:900}.admin-table-wrap td:first-child{color:#0b4879;font-weight:700}@media(max-width:700px){.admin-monitor{padding:18px}.admin-monitor-heading{align-items:flex-start;flex-direction:column}.admin-monitor-grid{grid-template-columns:1fr}.admin-table-wrap{padding:12px}.security-settings .form-grid{grid-template-columns:1fr}.security-settings button{width:100%}}

/* Extended home-page decision support content */
.comparison-method-section{border-top:1px solid #e2e9f0;background:linear-gradient(180deg,#fff,#fbfdff)}.comparison-method-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:64px;align-items:center}.comparison-method-intro h2{margin:9px 0 14px;color:#082b57;font-family:Manrope,sans-serif;font-size:34px;letter-spacing:-1px}.comparison-method-intro p{max-width:560px;margin:0 0 22px;color:#586b81;font-size:16px;line-height:1.7}.comparison-method-steps{display:grid;gap:13px;padding:0;margin:0;list-style:none;counter-reset:none}.comparison-method-steps li{display:grid;grid-template-columns:48px 1fr;gap:15px;align-items:start;padding:19px;border:1px solid #dce7ef;border-radius:13px;background:#fff;box-shadow:0 10px 24px rgba(5,34,64,.045)}.comparison-method-steps>li>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#082b57,#0b5c82);color:#f4d27d;font-family:Manrope,sans-serif;font-size:13px;font-weight:900}.comparison-method-steps h3{margin:2px 0 5px;color:#092a51;font-size:16px}.comparison-method-steps p{margin:0;color:#607288;font-size:13px;line-height:1.6}.home-trust-section{padding-top:45px;padding-bottom:45px}.home-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;overflow:hidden;border:1px solid #d8e5ed;border-radius:14px;background:#fff}.home-trust-grid>div{min-height:130px;padding:25px 27px;border-right:1px solid #dce7ef}.home-trust-grid>div:last-child{border:0}.home-trust-grid strong{display:block;margin-bottom:8px;color:#0b6f5d;font-family:Manrope,sans-serif;font-size:15px}.home-trust-grid p{margin:0;color:#607188;font-size:13px;line-height:1.6}@media(max-width:900px){.comparison-method-layout{grid-template-columns:1fr;gap:28px}.comparison-method-intro h2{font-size:30px}}@media(max-width:640px){.comparison-method-section{padding-top:54px;padding-bottom:54px}.comparison-method-intro h2{font-size:27px;line-height:1.14}.comparison-method-intro p{font-size:15px}.comparison-method-intro .btn-primary{width:100%;text-align:center}.comparison-method-steps li{grid-template-columns:41px 1fr;gap:12px;padding:16px}.comparison-method-steps>li>span{width:37px;height:37px;border-radius:10px;font-size:12px}.comparison-method-steps h3{font-size:15px}.comparison-method-steps p{font-size:12px}.home-trust-section{padding-top:32px;padding-bottom:32px}.home-trust-grid{grid-template-columns:1fr}.home-trust-grid>div{min-height:0;padding:20px;border-right:0;border-bottom:1px solid #dce7ef}.home-trust-grid>div:last-child{border-bottom:0}}

/* Corporate footer with config-driven contact block */
.footer-corporate{padding-top:48px;background:#082538}.footer-corporate .footer-grid{grid-template-columns:1.45fr repeat(3,.82fr) 1.28fr;gap:36px;padding-bottom:31px}.footer-corporate .footer-about>p{max-width:285px;color:#9fb0be;font-size:12px;line-height:1.65}.footer-corporate .footer-links h4,.footer-contact-block h4{margin:3px 0 16px;color:#fff;font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:.01em;text-transform:uppercase}.footer-corporate .footer-links a{margin:0 0 11px;color:#a9bac8;font-size:12px;line-height:1.4}.footer-contact-block{min-width:0}.footer-company-name{margin:0 0 11px;color:#d9e4ed;font-family:Manrope,sans-serif;font-size:12px;font-weight:700}.footer-contact-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;margin:0 0 11px;color:#a9bac8;font-size:12px;line-height:1.55}.footer-contact-item address{margin:0;font-style:normal}.footer-contact-item a{display:inline;color:#a9bac8;font-size:12px;overflow-wrap:anywhere}.footer-contact-icon{display:grid;place-items:center;width:18px;height:18px;color:#f1cb74}.footer-contact-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-disclaimer{padding:20px 0 17px;border-bottom:1px solid rgba(204,221,232,.12);color:#91a4b5;font-size:11px;line-height:1.65}.footer-disclaimer strong{color:#d9e4ed}.footer-corporate .footer-bottom{padding-top:17px}.footer-corporate .footer-social{margin-top:17px}.footer-corporate .footer-social a{font-size:10px}@media(max-width:1050px){.footer-corporate .footer-grid{grid-template-columns:1.35fr 1fr 1fr;gap:28px}.footer-contact-block{grid-column:2 / 4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}.footer-contact-block h4,.footer-contact-block .footer-company-name{grid-column:1 / -1}}@media(max-width:640px){.footer-corporate{padding-top:38px}.footer-corporate .footer-grid{grid-template-columns:1fr 1fr;gap:27px 20px}.footer-corporate .footer-about{grid-column:1 / -1}.footer-corporate .footer-about>p{max-width:100%;font-size:13px}.footer-corporate .footer-links h4,.footer-contact-block h4{margin-bottom:12px}.footer-corporate .footer-links a{font-size:12px;margin-bottom:10px}.footer-contact-block{grid-column:1 / -1;display:block;padding-top:6px;border-top:1px solid rgba(204,221,232,.12)}.footer-contact-block h4{margin-top:20px}.footer-contact-item{font-size:13px}.footer-contact-item a{font-size:13px}.footer-disclaimer{padding:18px 0;font-size:11px}.footer-corporate .footer-bottom{padding-top:15px;font-size:10px}}

/* Operations management refinements */
.admin-inline-form{display:inline;margin:0 0 0 .35rem}.admin-link-button{border:0;background:transparent;color:var(--navy-3);font:inherit;font-weight:700;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.admin-note{max-width:920px;color:#516273;line-height:1.65}.admin-error-text{display:inline-block;color:#a54036;max-width:220px;line-height:1.35}.admin-operations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:2.5rem 0 1rem}.admin-section-heading h2{margin:.2rem 0 0}.admin-section-heading>a{font-weight:800;color:var(--navy-3);text-decoration:none}.admin-stats>div small{display:block;margin-top:.35rem;color:#6b7b8e;font-size:.78rem;font-weight:600}.admin-table .offers td form.admin-inline-form{white-space:nowrap}@media(max-width:760px){.admin-operations-grid{grid-template-columns:1fr}.admin-section-heading{align-items:start;flex-direction:column}.admin-table .offers th,.admin-table .offers td{white-space:normal}.admin-inline-form{display:block;margin:.45rem 0 0}.admin-error-text{max-width:150px}.admin-form .form-grid label:has(input[type="checkbox"]){min-height:48px;display:flex;align-items:center;gap:.55rem}}

/* Festgeld information module */
.fixed-deposit-explainer{padding:52px 0;background:linear-gradient(180deg,#f7fafc 0%,#eef4f8 100%)}
.fixed-deposit-explainer-card{position:relative;min-height:405px;overflow:hidden;isolation:isolate;border:1px solid #173b60;border-radius:18px;box-shadow:0 18px 45px rgba(5,28,56,.16);background:#071f40}
.fixed-deposit-explainer-card>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.fixed-deposit-explainer-card::before{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,rgba(3,19,42,.97) 0%,rgba(3,25,53,.92) 37%,rgba(3,25,53,.46) 61%,rgba(3,25,53,.1) 100%)}
.fixed-deposit-explainer-content{max-width:610px;padding:46px 51px;color:#fff}
.fixed-deposit-explainer-content h2{max-width:540px;margin:0;font-family:"Manrope",Arial,sans-serif;font-size:clamp(26px,2.45vw,36px);font-weight:800;letter-spacing:-1.15px;line-height:1.15}
.fixed-deposit-explainer-content>p{max-width:535px;margin:15px 0 21px;color:#d7e3ee;font-size:13px;line-height:1.68}
.fixed-deposit-points{display:grid;gap:9px;margin:0 0 24px}
.fixed-deposit-points>div{display:grid;grid-template-columns:158px 1fr;gap:11px;align-items:start;padding:9px 11px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);border-radius:8px}
.fixed-deposit-points strong{color:#f5d689;font-size:11px;font-weight:800}
.fixed-deposit-points span{color:#dce7ef;font-size:10px;line-height:1.45}
@media(max-width:760px){.fixed-deposit-explainer{padding:38px 0}.fixed-deposit-explainer-card{min-height:0;border-radius:13px}.fixed-deposit-explainer-card>img{position:relative;height:218px;object-position:68% center}.fixed-deposit-explainer-card::before{inset:auto 0 0;height:72%;background:linear-gradient(180deg,rgba(4,26,56,0),rgba(4,26,56,.96) 28%,#071f40 100%)}.fixed-deposit-explainer-content{max-width:none;padding:27px 22px 25px;margin-top:-88px}.fixed-deposit-explainer-content h2{font-size:27px;letter-spacing:-.8px}.fixed-deposit-explainer-content>p{font-size:13px}.fixed-deposit-points>div{grid-template-columns:1fr;gap:3px;padding:10px}.fixed-deposit-points strong{font-size:11px}.fixed-deposit-points span{font-size:10px}.fixed-deposit-explainer-content .hero-secondary-cta{min-height:44px;padding:11px 13px;font-size:11px}}


/* Expanded Ratgeber hub */
.ratgeber-hero{min-height:470px}.ratgeber-hero .guide-hero-content{max-width:720px}.ratgeber-topic-section{padding-top:70px;padding-bottom:70px;background:linear-gradient(180deg,#fff 0%,#f7fafc 100%)}.ratgeber-heading{align-items:flex-end;margin-bottom:30px}.ratgeber-heading>div{max-width:760px}.ratgeber-heading h2{margin:0;color:#09264c;font-family:"Manrope",Arial,sans-serif;font-size:32px;letter-spacing:-1px}.ratgeber-heading p{max-width:700px;margin:10px 0 0;color:#627286;font-size:15px;line-height:1.68}.ratgeber-card-grid .guide-card{min-height:100%}.ratgeber-card-grid .guide-card img{height:194px}.ratgeber-card-grid .guide-card h3{font-size:18px}.ratgeber-card-grid .guide-card p{margin:0 0 15px}.ratgeber-card-grid .guide-card b{display:inline-block}.ratgeber-card-grid .guide-card b i{font-style:normal}.ratgeber-orientation-section{padding:70px 0;background:linear-gradient(120deg,#f0f6fa 0%,#f9fbfd 100%)}.ratgeber-orientation-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:54px;align-items:start}.ratgeber-orientation-intro h2,.ratgeber-spotlight-copy h2{margin:8px 0 12px;color:#09264c;font-family:"Manrope",Arial,sans-serif;font-size:32px;letter-spacing:-1px;line-height:1.2}.ratgeber-orientation-intro>p{max-width:600px;margin:0 0 22px;color:#5d6e82;font-size:15px;line-height:1.72}.ratgeber-orientation-steps{display:grid;gap:12px}.ratgeber-orientation-steps article{display:grid;grid-template-columns:43px 1fr;gap:15px;align-items:start;padding:19px 20px;border:1px solid #dbe6ee;border-radius:13px;background:#fff;box-shadow:0 8px 20px rgba(6,30,57,.045)}.ratgeber-orientation-steps article>span{display:grid;width:35px;height:35px;place-items:center;color:#0c365e;background:#f9e3a0;border-radius:50%;font-size:11px;font-weight:900}.ratgeber-orientation-steps h3{margin:1px 0 5px;color:#102e53;font-family:"Manrope",Arial,sans-serif;font-size:16px}.ratgeber-orientation-steps p{margin:0;color:#66768a;font-size:13px;line-height:1.55}.ratgeber-spotlight-section{padding:70px 0;background:#fff}.ratgeber-spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}.ratgeber-spotlight-visual{min-height:350px;overflow:hidden;border-radius:18px;background:#092849;box-shadow:0 18px 36px rgba(5,32,60,.15)}.ratgeber-spotlight-visual img{width:100%;height:100%;object-fit:cover;object-position:64% center}.ratgeber-spotlight-copy{padding:10px 0}.ratgeber-spotlight-copy>p{margin:0;color:#5e6f82;font-size:15px;line-height:1.72}.ratgeber-spotlight-copy ul{display:grid;gap:10px;padding:0;margin:21px 0;list-style:none}.ratgeber-spotlight-copy li{position:relative;padding-left:24px;color:#314c67;font-size:14px;line-height:1.55}.ratgeber-spotlight-copy li:before{position:absolute;top:3px;left:0;display:grid;width:15px;height:15px;place-items:center;content:'✓';color:#0b785e;background:#ddf3ea;border-radius:50%;font-size:9px;font-weight:900}.ratgeber-service-section{padding:50px 0}.ratgeber-service-section .knowledge-strip p{max-width:730px}.ratgeber-service-section .knowledge-actions{flex:0 0 auto}
@media(max-width:900px){.ratgeber-orientation-layout,.ratgeber-spotlight{grid-template-columns:1fr;gap:32px}.ratgeber-spotlight-visual{min-height:310px}.ratgeber-card-grid .guide-card-featured{grid-column:1/-1}.ratgeber-card-grid .guide-card-featured img{height:100%}}
@media(max-width:640px){.ratgeber-hero{min-height:440px}.ratgeber-topic-section,.ratgeber-orientation-section,.ratgeber-spotlight-section{padding-top:42px;padding-bottom:42px}.ratgeber-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.ratgeber-heading h2,.ratgeber-orientation-intro h2,.ratgeber-spotlight-copy h2{font-size:27px;letter-spacing:-.75px}.ratgeber-heading p,.ratgeber-orientation-intro>p,.ratgeber-spotlight-copy>p{font-size:15px}.ratgeber-card-grid .guide-card img{height:190px}.ratgeber-card-grid .guide-card-featured img{height:190px}.ratgeber-orientation-layout{gap:27px}.ratgeber-orientation-steps article{grid-template-columns:36px 1fr;gap:11px;padding:16px}.ratgeber-orientation-steps article>span{width:31px;height:31px}.ratgeber-spotlight{gap:25px}.ratgeber-spotlight-visual{min-height:230px;border-radius:14px}.ratgeber-spotlight-copy{padding:0}.ratgeber-spotlight-copy li{font-size:14px}.ratgeber-service-section{padding:40px 0}.ratgeber-service-section .knowledge-actions{display:grid;width:100%}.ratgeber-service-section .knowledge-actions a{justify-content:center;min-height:46px}}


/* One-step offer lead modal */
.quick-lead-open { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; gap: 8px; padding: 9px 13px; margin-left: auto; color: #fff; background: linear-gradient(135deg, #10866b, #35ca91); border: 0; border-radius: 7px; box-shadow: 0 8px 15px rgba(25,157,108,.18); font-size: 10px; font-weight: 800; white-space: nowrap; transition: transform var(--ease), filter var(--ease); }
.quick-lead-open:hover { filter: brightness(1.06); transform: translateY(-1px); }
body.lead-modal-open { overflow: hidden; }
.lead-modal[hidden] { display: none; }
.lead-modal { position: fixed; z-index: 1002; inset: 0; display: grid; place-items: center; padding: 22px; }
.lead-modal-backdrop { position: absolute; inset: 0; background: rgba(2, 19, 43, .72); backdrop-filter: blur(5px); }
.lead-modal-dialog { position: relative; z-index: 1; width: min(640px, 100%); max-height: calc(100vh - 44px); padding: 29px; overflow-y: auto; background: #fff; border: 1px solid rgba(255,255,255,.5); border-radius: 17px; box-shadow: 0 28px 80px rgba(0, 14, 35, .42); }
.lead-modal-close { position: absolute; top: 14px; right: 14px; display: grid; width: 32px; height: 32px; place-items: center; color: #557087; background: #eff4f8; border: 1px solid #d9e4ed; border-radius: 50%; font-size: 22px; line-height: 1; transition: all var(--ease); }
.lead-modal-close:hover { color: #fff; background: var(--navy-2); border-color: var(--navy-2); }
.lead-modal-dialog > .eyebrow { margin-bottom: 5px; }
.lead-modal-dialog h2 { max-width: 475px; margin: 0; color: var(--ink); font-family: "Manrope", Arial, sans-serif; font-size: 25px; line-height: 1.18; letter-spacing: -.75px; }
.lead-modal-offer { display: grid; gap: 3px; padding: 13px 15px; margin: 18px 0; background: linear-gradient(135deg, #eef8f5, #f8fbfd); border: 1px solid #d4e9e2; border-radius: 10px; }
.lead-modal-offer span { color: #3d836d; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lead-modal-offer strong { color: var(--navy-2); font-family: "Manrope", Arial, sans-serif; font-size: 16px; }
.lead-modal-offer small { color: #6c8193; font-size: 10px; }
.lead-modal-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lead-modal-form > label { display: flex; flex-direction: column; gap: 6px; color: #65748a; font-size: 10px; font-weight: 800; }
.lead-modal-form input:not([type="checkbox"]), .lead-modal-form select { width: 100%; height: 45px; padding: 0 12px; color: var(--ink); background: #fff; border: 1px solid #d6dfe9; border-radius: 7px; outline: none; font-size: 12px; }
.lead-modal-form input:not([type="checkbox"]):focus, .lead-modal-form select:focus { border-color: #168e72; box-shadow: 0 0 0 3px rgba(22,142,114,.12); }
.lead-modal-form .lead-modal-consent { grid-column: 1 / -1; display: flex; flex-direction: row; align-items: start; gap: 8px; margin-top: 2px; color: #68798b; font-size: 10px; line-height: 1.45; }
.lead-modal-consent input { width: 15px; height: 15px; margin: 0; accent-color: var(--navy-3); }
.lead-modal-consent a { color: var(--navy-3); text-decoration: underline; font-weight: 800; }
.lead-modal-form .quick-lead-submit { grid-column: 1 / -1; min-height: 45px; font-size: 12px; }
.lead-modal-note { grid-column: 1 / -1; color: #78899a; font-size: 9px; text-align: center; }

@media (max-width: 640px) {
  .home-offer-lead { grid-template-columns: 1fr; gap: 10px; }
  .quick-lead-open { width: 100%; margin-left: 0; }
  .lead-modal { align-items: end; padding: 0; }
  .lead-modal-dialog { width: 100%; max-height: min(88vh, 720px); padding: 25px 19px 20px; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 18px 18px 0 0; }
  .lead-modal-dialog h2 { max-width: 290px; font-size: 22px; }
  .lead-modal-form { grid-template-columns: 1fr; gap: 10px; }
  .lead-modal-form .lead-modal-consent, .lead-modal-form .quick-lead-submit, .lead-modal-note { grid-column: auto; }
}