@font-face { font-family: Inter; src: url('/fonts/InterVariable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
:root {
  --bg: #08090a; --surface: #111215; --text: #f2f2f4; --muted: #9797a1; --dim: #8a8a96; --line: #24252b;
  --purple: #9b8afb; --green: #62d3a7;
  --outer: 46px; --inset: 32px; --grid: 1344px; --header: 72px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--text); background: var(--bg); color-scheme: dark; font-synthesis: none; text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header) + 40px); }
body { margin: 0; min-width: 0; -webkit-font-smoothing: antialiased; }
body.menu-open, body.screen-open { overflow: hidden; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 2px solid var(--purple); outline-offset: 4px; }
img { display: block; max-width: 100%; }
h1, h2, h3, p, figure { margin: 0; }
h1, h2 { font-weight: 510; letter-spacing: -.022em; text-wrap: balance; }
h1 { font-size: 64px; line-height: 1; }
h2 { font-size: 48px; line-height: 1; }
h3 { font-size: 17px; line-height: 1.4; font-weight: 510; letter-spacing: -.012em; }
p { color: var(--muted); font-size: 15px; line-height: 1.6; letter-spacing: -.011em; }
.wrap { width: min(calc(100% - var(--outer) * 2), var(--grid)); margin-inline: auto; }
.inset { padding-inline: var(--inset); }
.eyebrow { display: flex; align-items: center; gap: 9px; color: var(--purple); font-size: 13px; line-height: 20px; letter-spacing: 0; margin-bottom: 24px; }
.section-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--purple); }
.section-lead { font-size: 24px; line-height: 1.33; letter-spacing: -.012em; color: #a4a4ad; }
.button { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 8px; height: 32px; padding: 0 12px; border: 0; border-radius: 9999px; background: #ffffff; color: #08090a; font-size: 13px; font-weight: 510; line-height: 32px; white-space: nowrap; transition: background .16s, color .16s, transform .16s; }
.button:hover { background: #e4e4e7; }
.button:active { transform: scale(.97); }
.text-link { display: inline-flex; align-items: center; gap: 8px; height: 40px; color: #b2b2bc; font-size: 13px; transition: color .16s; }
.text-link:hover { color: var(--text); }
.text-link>span { color: var(--purple); }
.skip-link { position: fixed; top: -70px; left: 20px; z-index: 120; background: var(--text); color: var(--bg); padding: 12px; }
.skip-link:focus { top: 12px; }

/* Linear's current outer grid, inset, header height, and button sizes. */
.site-header { position: fixed; inset: 0 0 auto; z-index: 100; height: calc(var(--header) + 1px); background: #08090aed; border-bottom: 1px solid #ffffff0b; backdrop-filter: blur(20px); }
.site-header.is-scrolled { border-bottom-color: var(--line); }
.nav { width: min(100%, calc(var(--grid) + var(--outer) * 2)); padding-inline: calc(var(--outer) + var(--inset) - 1px); height: var(--header); margin: auto; display: flex; align-items: center; }
.wordmark { display: flex; align-items: center; margin-right: auto; flex-shrink: 0; height: 32px; }
.wordmark img { width: 104px; height: auto; }
.nav-group, .nav-links, .nav-auth { display: flex; align-items: center; }
.nav-link, .nav-trigger { display: inline-flex; align-items: center; justify-content: center; height: 32px; padding: 0 12px; border: 0; border-radius: 9999px; background: transparent; color: #9797a1; font-size: 13px; line-height: 32px; transition: color .16s, background .16s; }
.nav-link:hover, .nav-trigger:hover, .nav-trigger[aria-expanded="true"] { color: var(--text); background: #ffffff0b; }
.nav-link[aria-current] { color: var(--text); }
.nav-auth { gap: 8px; margin-left: 16px; padding-left: 17px; position: relative; }
.nav-auth::before { content: ''; position: absolute; left: 0; height: 16px; width: 1px; background: #303037; }
.nav-item { position: relative; }
.nav-dropdown { position: absolute; top: calc(100% + 15px); left: 0; min-width: 266px; padding: 8px; border: 1px solid #303039; border-radius: 14px; background: #101014f5; backdrop-filter: blur(24px); box-shadow: 0 20px 55px #0009; }
.nav-dropdown:not([hidden]) { display: grid; animation: menu-in .16s ease-out; }
.nav-dropdown a { display: grid; gap: 5px; padding: 15px 16px; font-size: 13px; border-radius: 7px; white-space: nowrap; }
.nav-dropdown strong { font-weight: 510; color: #d8d8df; }
.nav-dropdown span { color: #7d7d88; font-size: 12px; }
.nav-dropdown a:hover, .nav-dropdown a:focus-visible { background: #ffffff07; }
.menu-button { display: none; margin-left: 12px; width: 32px; height: 44px; background: none; border: 0; padding: 9px 6px; }
.menu-button span { display: block; height: 1px; margin: 5px 0; background: #ababB4; transition: transform .15s; }
.menu-button[aria-expanded="true"] span:first-child { transform: translateY(3px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:last-child { transform: translateY(-3px) rotate(-45deg); }
.mobile-menu { padding: 24px 24px 32px; background: #0c0c0f; border-bottom: 1px solid var(--line); height: calc(100dvh - var(--header) - 1px); overflow-y: auto; }
.mobile-menu:not([hidden]) { display: flex; flex-direction: column; }
.mobile-menu>span { color: var(--dim); font-size: 12px; margin: 12px 0 9px; }
.mobile-menu a { padding: 13px 0; color: #c0c0c9; font-size: 15px; }

.hero { padding-top: calc(var(--header) + 92px); }
.hero-copy h1 { max-width: 1060px; }
.hero .eyebrow { margin-bottom: 22px; }
.hero-summary { display: flex; justify-content: space-between; align-items: end; gap: 64px; margin-top: 29px; }
.hero-description { max-width: 550px; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.hero-product { margin-top: 64px; }
.platform-view { position: relative; min-width: 0; }
.screen-frame { overflow: hidden; border: 1px solid #35353e; border-radius: 9px; background: #1b1c21; }
.hero-view .screen-frame { border-radius: 13px; box-shadow: 0 -24px 100px -70px #9b8afb50; }
.product-screen { display: block; width: 100%; height: auto; object-fit: contain; transform: none; filter: none; }
.platform-view figcaption { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 1px 0; color: var(--dim); font-size: 12px; line-height: 1.5; }
.screen-expand { display: inline-flex; align-items: center; min-height: 36px; flex-shrink: 0; padding: 4px 0 4px 10px; border: 0; background: none; color: #a4a4af; font-size: 12px; white-space: nowrap; }
.screen-expand:hover { color: var(--purple); }
.screen-expand span { margin-left: 5px; }
.screen-disclosure { margin-top: 8px; font-size: 11px; color: #8a8a96; }
.hero-view figcaption { padding-inline: var(--inset); }

.principles { padding-block: 160px; }
.principles-intro { margin-bottom: 80px; }
.principles-intro h2 { max-width: 1160px; color: #898991; font-size: 40px; font-weight: 500; line-height: 1.22; letter-spacing: -.035em; text-wrap: pretty; }
.principles-intro strong { font-weight: inherit; color: var(--text); }
/* Open columns and quiet monochrome studies, inspired by Linear's abstract section. */
.concept-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 64px; }
.concept { min-width: 0; position: relative; }
.concept + .concept::before { content: ''; position: absolute; left: -32px; top: 0; bottom: 0; width: 1px; background: #ffffff0b; }
.concept-art { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; width: 100%; height: 289px; }
.concept-graphic { display: block; min-width: 0; min-height: 0; width: 100%; max-width: 304px; height: 100%; overflow: visible; fill: none; stroke-width: .5; stroke-linecap: round; stroke-linejoin: round; }
.diagram-surface { fill: var(--bg); }
.diagram-outline { stroke: #737780; }
.diagram-seam, .diagram-detail { fill: none; stroke: #35353c; }
.diagram-accent { fill: none; stroke: var(--purple); opacity: .48; }
.concept-graphic:focus { outline: none; }
.concept-graphic:focus-visible { outline: 1px solid #9b8afb70; outline-offset: 10px; border-radius: 4px; }
.intelligence-block > .diagram-outline, .source-block > .diagram-outline { stroke: #91939e; }
.intelligence-mark { fill: var(--purple); stroke: none; }
.connection-route { stroke: var(--purple); opacity: .48; }
.connection-packet, .source-packet { stroke: #c0b3ff; stroke-width: 1.1; stroke-dasharray: 7 100; stroke-dashoffset: 7; opacity: 0; }
.connection-arrival { stroke: var(--purple); fill: var(--bg); opacity: .5; }
.review-signal { stroke: var(--purple); opacity: .16; }
.source-route { stroke: #53505f; }
.source-core { stroke: var(--purple); fill: var(--bg); }
.source-core-detail { stroke: var(--purple); opacity: .4; }
.concept.is-active .connection-packet { animation: connection-send 2.8s linear both; }
.concept.is-active .connection-arrival { animation: connection-receive 2.8s ease both; }
.concept.is-active .source-packet { animation: source-gather 2.4s cubic-bezier(.32,.72,0,1) both; }
.concept.is-active .source-core { animation: source-receive 2.8s ease both; }
.concept.is-active .source-packet-0, .concept.is-active .source-packet-4 { animation-delay: .2s; }
.concept.is-active .source-packet-1, .concept.is-active .source-packet-3 { animation-delay: .1s; }
.concept-index { position: absolute; top: 4px; left: 0; color: #787881; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: .035em; }
.concept-copy { padding-top: 20px; }
.concept h3 { margin-bottom: 10px; font-size: 17px; line-height: 1.4; font-weight: 510; letter-spacing: -.015em; }
.concept-copy p { max-width: 350px; color: var(--muted); font-size: 16px; line-height: 1.5; letter-spacing: -.015em; }

.feature-section { padding-block: 128px; border-top: 1px solid var(--line); }
.feature-heading { margin-bottom: 64px; }
.feature-heading h2 { max-width: 800px; }
.feature-heading .section-lead { max-width: 875px; margin-top: 32px; }
.performance-stage, .inventory-stage, .loan-stage { padding: 64px; background: radial-gradient(ellipse at 50% 0, #19171f, #101115 70%); border: 1px solid #26262e; border-radius: 14px; }
.performance-stage .screen-frame, .inventory-stage .screen-frame, .loan-stage .screen-frame { box-shadow: 0 16px 60px #0005; }
.feature-notes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 64px; padding-top: 42px; }
.feature-notes h3 { font-size: 15px; margin-bottom: 10px; }
.feature-notes p { font-size: 13px; max-width: 340px; }
.intelligence-stage { display: grid; grid-template-columns: 1fr 1.3fr; gap: 90px; align-items: center; padding: 64px; border-radius: 14px; border: 1px solid #26262e; background: radial-gradient(ellipse at 100% 10%, #1e1926, #101115 70%); }
.review-story { display: grid; gap: 38px; padding-block: 8px; }
.review-story>div { position: relative; padding-left: 36px; }
.step-index { position: absolute; left: 0; top: 3px; font-size: 11px; color: #a18caf; font-variant-numeric: tabular-nums; }
.review-story h3 { font-size: 15px; margin-bottom: 10px; }
.review-story p { font-size: 13px; max-width: 340px; }
.intelligence-view .screen-frame { border-color: #44414f; box-shadow: 0 20px 60px #0005; }
.financing-teaser { padding-block: 128px; border-top: 1px solid var(--line); }
.financing-teaser>.inset { display: flex; align-items: center; justify-content: space-between; gap: 64px; }
.financing-teaser p:not(.eyebrow) { margin-top: 26px; max-width: 460px; }
.trust-section { padding-block: 56px; border-top: 1px solid var(--line); }
.trust-section>.inset { display: grid; grid-template-columns: 1fr 2fr; gap: 64px; }
.trust-section h3 { font-size: 15px; }
.trust-section p { max-width: 650px; font-size: 13px; }
.final-cta { border-top: 1px solid var(--line); padding-block: 144px; }
.final-cta>.inset { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.site-footer { border-top: 1px solid var(--line); }
.footer-top { display: flex; align-items: center; gap: 36px; padding-block: 40px; }
.footer-logo img { width: 83px; height: auto; }
.footer-links { display: flex; flex-wrap: wrap; gap: 24px; margin-left: auto; }
.footer-links a, .copyright { font-size: 12px; color: var(--dim); }
.footer-links a:hover { color: var(--text); }
.copyright { margin-left: 24px; white-space: nowrap; }

.financing-types { padding-block: 160px 128px; }
.type-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 48px; margin-top: 64px; }
.type-grid>div { border-top: 1px solid var(--line); padding-top: 24px; }
.type-mark { color: #a18caf; font-size: 12px; }
.type-grid h3 { margin: 32px 0 12px; }
.type-grid p { font-size: 13px; }
.loan-stage { padding: 64px 112px; }
.request-steps { border-top: 1px solid var(--line); padding-block: 128px; }
.request-steps>.inset { display: grid; grid-template-columns: 1fr 1fr; gap: 120px; }
.request-steps h2+p { margin-top: 28px; max-width: 365px; }
.request-steps ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 40px; }
.request-steps li { display: flex; gap: 24px; }
.request-steps li>span { color: #a18caf; font-size: 12px; padding-top: 4px; }
.request-steps h3 { margin-bottom: 12px; }
.request-steps li p { font-size: 13px; }
.financing-note { font-size: 11px; max-width: 270px; margin-top: 20px; }

.screen-dialog { width: min(1440px,calc(100vw - 48px)); max-width: none; max-height: calc(100dvh - 48px); padding: 20px; border: 1px solid #41414b; border-radius: 14px; background: #101114; color: var(--text); overflow: auto; }
.screen-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
.screen-dialog::backdrop { background: #000b; backdrop-filter: blur(8px); }
.dialog-toolbar { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; gap: 24px; font-size: 13px; margin-bottom: 20px; }
.dialog-image-wrap { min-height: 0; overflow: auto; border-radius: 6px; border: 1px solid var(--line); }
.dialog-image-wrap img { width: 100%; min-width: 900px; max-width: none; height: auto; }
.dialog-image-wrap img.is-portrait { min-width: 650px; max-width: 650px; margin: auto; }
.dialog-note { flex-shrink: 0; font-size: 11px; margin-top: 14px; }
.js .reveal { opacity: 0; transform: translateY(14px); transition: opacity .7s ease, transform .7s ease; }
.js .reveal.is-visible { opacity: 1; transform: none; }
.hero-enter { animation: enter .65s both; }
.hero-enter:nth-child(2) { animation-delay: .05s; }
.hero-enter:nth-child(3) { animation-delay: .1s; }
@keyframes enter { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
@keyframes menu-in { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
@keyframes connection-send { 0%,28% { opacity: 0; stroke-dashoffset: 7; } 32% { opacity: 1; } 72%,100% { opacity: 0; stroke-dashoffset: -100; } }
@keyframes connection-receive { 0%,62%,100% { opacity: .5; } 72%,84% { opacity: 1; fill: #9b8afb22; } }
@keyframes source-gather { 0% { opacity: 0; stroke-dashoffset: 7; } 12% { opacity: .8; } 75% { opacity: .8; } 90%,100% { opacity: 0; stroke-dashoffset: -100; } }
@keyframes source-receive { 0%,25%,100% { fill: var(--bg); } 65%,80% { fill: #181423; } }

/* Verified against Linear's actual CSS, including its 38px mobile hero override. */
@media (max-width: 1280px) {
  :root { --outer: 10px; }
  .hero-description { max-width: 480px; }
  .intelligence-stage { gap: 64px; }
}
@media (max-width: 1024px) {
  :root { --outer: 28px; --inset: 8px; }
  h1 { font-size: 56px; line-height: 1.1; }
  h2 { font-size: 40px; line-height: 1.1; }
  .section-lead { font-size: 20px; line-height: 1.33; }
  .hero-summary { flex-direction: column; align-items: start; gap: 24px; }
  .hero-description { max-width: 510px; }
  .principles { padding-block: 128px; }
  .principles-intro h2 { font-size: 36px; }
  .concept-grid { gap: 40px; }
  .concept + .concept::before { left: -20px; }
  .feature-notes { gap: 32px; }
  .performance-stage, .inventory-stage, .loan-stage { padding: 48px 32px; }
  .intelligence-stage { padding: 40px 32px; gap: 40px; grid-template-columns: 1fr 1.25fr; }
  .type-grid { gap: 28px; }
  .request-steps>.inset { gap: 64px; }
  .copyright { margin-left: 0; }
}
@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-auth { margin-left: 0; padding-left: 0; gap: 8px; }
  .nav-auth::before { display: none; }
  .menu-button { display: block; }
  .hero-product { margin-top: 56px; }
  .principles-intro { margin-bottom: 56px; }
  .principles-intro h2 { font-size: 32px; }
  .concept-grid { grid-template-columns: 1fr; gap: 36px; }
  .concept { display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 32px; }
  .concept + .concept::before { top: -18px; left: 0; right: 0; bottom: auto; width: auto; height: 1px; }
  .concept-copy { padding: 0; }
  .feature-heading { margin-bottom: 48px; }
  .feature-notes { grid-template-columns: 1fr; gap: 28px; }
  .feature-notes p { max-width: 540px; }
  .intelligence-stage { grid-template-columns: 1fr; gap: 48px; padding: 40px; }
  .review-story { grid-template-columns: 1fr; gap: 26px; }
  .review-story p { max-width: 460px; }
  .intelligence-view { max-width: 560px; width: 100%; margin: auto; }
  .financing-teaser>.inset, .final-cta>.inset { flex-direction: column; align-items: start; gap: 32px; }
  .trust-section>.inset { grid-template-columns: 1fr; gap: 18px; }
  .type-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; }
  .request-steps>.inset { grid-template-columns: 1fr; gap: 56px; }
  .footer-top { flex-wrap: wrap; gap: 28px; }
  .footer-links { gap: 20px; }
  .copyright { width: 100%; }
}
@media (max-width: 640px) {
  :root { --outer: 16px; --header: 64px; }
  h1 { font-size: 38px; line-height: 1.1; }
  h2 { font-size: 24px; line-height: 1.33; }
  .section-lead { font-size: 15px; line-height: 1.6; letter-spacing: -.011em; }
  .eyebrow { font-size: 12px; margin-bottom: 20px; }
  .wordmark img { width: 91px; }
  .nav-auth { gap: 4px; }
  .nav-link { padding-inline: 10px; }
  .menu-button { margin-left: 8px; }
  .hero { padding-top: calc(var(--header) + 64px); }
  .hero-summary { margin-top: 24px; gap: 26px; }
  .hero-description { max-width: 380px; }
  .hero-actions { gap: 12px; }
  .hero-product { margin-top: 48px; }
  .hero-view .screen-frame { border-radius: 8px; }
  .platform-view figcaption { padding-top: 13px; gap: 12px; font-size: 11px; }
  .screen-expand { font-size: 11px; min-height: 44px; }
  .screen-disclosure { margin-top: 4px; font-size: 11px; }
  .principles { padding-block: 96px; }
  .principles-intro { margin-bottom: 48px; }
  .principles-intro h2 { font-size: 28px; line-height: 1.25; }
  .concept { grid-template-columns: 1fr; gap: 0; }
  .concept-art { max-width: 380px; margin: auto; height: 264px; }
  .concept-copy { padding-top: 16px; }
  .concept-copy p { max-width: 400px; }
  .feature-section { padding-block: 96px; }
  .feature-heading .section-lead { margin-top: 24px; }
  .feature-heading { margin-bottom: 36px; }
  .performance-stage, .inventory-stage, .loan-stage { padding: 24px 16px; border-radius: 10px; }
  .performance-stage .product-screen { min-width: 600px; }
  .inventory-stage .product-screen { min-width: 760px; }
  .loan-stage .product-screen { min-width: 650px; }
  .performance-stage .screen-frame, .inventory-stage .screen-frame, .loan-stage .screen-frame { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #5d516e #202126; }
  .feature-notes { padding-top: 32px; }
  .intelligence-stage { padding: 32px 20px; gap: 40px; }
  .review-story { gap: 28px; }
  .review-story>div { padding-left: 30px; }
  .financing-teaser { padding-block: 96px; }
  .financing-teaser p:not(.eyebrow) { margin-top: 22px; }
  .trust-section { padding-block: 40px; }
  .final-cta { padding-block: 96px; }
  .final-cta h2 { font-size: 32px; line-height: 1.125; }
  .footer-top { padding-block: 32px; }
  .footer-links { width: 100%; margin-left: 0; gap: 18px; }
  .financing-types { padding-block: 96px; }
  .type-grid { margin-top: 40px; gap: 32px 24px; }
  .type-grid h3 { font-size: 15px; margin-top: 24px; }
  .type-grid p { font-size: 13px; }
  .request-steps { padding-block: 96px; }
  .screen-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); padding: 14px; }
  .dialog-toolbar { font-size: 12px; gap: 12px; }
  .dialog-toolbar>span { max-width: 65%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .js .reveal { opacity: 1; transform: none; }
}

/* Keep screen details and navigation usable with a keyboard or without JavaScript. */
.screen-scroll:focus-visible, .dialog-image-wrap:focus-visible { outline: 2px solid var(--purple); outline-offset: 4px; }
html:not(.js) .js-only { display: none !important; }
.no-js-nav { position: absolute; top: calc(var(--header) + 16px); left: calc(var(--outer) + var(--inset)); right: var(--outer); display: flex; flex-wrap: wrap; gap: 12px 20px; font-size: 13px; color: var(--muted); }

/* Keep the homepage action pair on one row. */
.portfolio-hero .hero-actions { flex-wrap: nowrap; }

/* New financing story, using the original website's design tokens and screen stages. */
/* Genuine brand symbols isolated from the original assets, without their wordmarks. */
.lender-trust { padding-top: 80px; }
.lender-trust-inner { position: relative; display: grid; grid-template-columns: minmax(235px, .8fr) minmax(0, 2fr); align-items: center; gap: 80px; padding-block: 52px; background: radial-gradient(ellipse at 78% 50%, #9b8afb07, transparent 65%); }
.lender-trust-inner::before, .lender-trust-inner::after { content: ''; position: absolute; inset-inline: 0; height: 1px; background: linear-gradient(90deg, #24252b00, #383941 18%, #24252b 82%, #24252b00); }
.lender-trust-inner::before { top: 0; }
.lender-trust-inner::after { bottom: 0; }
.lender-trust-eyebrow { margin-bottom: 18px; color: var(--muted); font-size: 10px; font-weight: 500; line-height: 1.5; letter-spacing: .14em; text-transform: uppercase; }
.lender-trust h2 { color: var(--text); font-size: 32px; line-height: 1.18; font-weight: 480; letter-spacing: -.035em; }
.lender-trust h2 span { color: #85858f; }
.lender-logos { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: center; gap: 20px 22px; margin: 0; padding: 0; list-style: none; }
.lender-logos::before { content: ''; position: absolute; top: 50%; inset-inline: 12px; height: 1px; background: linear-gradient(90deg, #ffffff00, #ffffff09 25%, #ffffff09 75%, #ffffff00); }
.lender-logos li { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; height: 88px; }
.lender-logos li::before { content: ''; position: absolute; inset: -6px; background: radial-gradient(ellipse, #ffffff09, #ffffff00 70%); opacity: 0; transition: opacity .3s ease; }
.lender-symbol { position: relative; display: block; flex-shrink: 0; overflow: hidden; opacity: .72; transform: scale(1.18); transition: opacity .3s ease, transform .3s ease; }
.lender-name { position: absolute; top: calc(50% + 28px); left: 50%; width: 126px; max-width: calc(100% + 18px); transform: translate(-50%, 3px); color: #b9b9c2; font-size: 10px; font-weight: 400; line-height: 1.25; text-align: center; text-wrap: balance; opacity: 0; transition: opacity .2s ease, transform .25s ease; }
@media (hover: hover) {
  .lender-logos li:hover::before { opacity: 1; }
  .lender-logos li:hover .lender-symbol { opacity: 1; transform: translateY(-4px) scale(1.22); }
  .lender-logos li:hover .lender-name { opacity: 1; transform: translate(-50%, 0); }
}
.lender-symbol img { position: absolute; display: block; max-width: none; height: auto; filter: brightness(0) invert(1); }
.lender-symbol-kiavi { width: 32.281px; height: 34px; }
.lender-symbol-kiavi img { width: 146.315px; left: 0px; top: 0px; }
.lender-symbol-renovo { width: 34px; height: 32.563px; }
.lender-symbol-renovo img { width: 192.507px; left: -86.676px; top: 0px; }
.lender-symbol-roc360 { width: 33.444px; height: 35px; }
.lender-symbol-roc360 img { width: 88.667px; left: 0px; top: 0px; }
.lender-symbol-constructive { width: 49px; height: 17.767px; }
.lender-symbol-constructive img { width: 148.309px; left: -86.031px; top: -25.435px; }
.lender-symbol-cv3 { width: 38px; height: 33.031px; }
.lender-symbol-cv3 img { width: 210.462px; left: -43.846px; top: -8.038px; }
.lender-symbol-velocity { width: 36.561px; height: 38px; }
.lender-symbol-velocity img { width: 133.72px; left: 0px; top: 0px; }
.lender-symbol-rcn-capital { width: 34.527px; height: 35px; }
.lender-symbol-rcn-capital img { width: 110.676px; left: 0px; top: -0.946px; }
.lender-symbol-builders-capital { width: 26.55px; height: 36px; }
.lender-symbol-builders-capital img { width: 309.6px; left: 0px; top: 0px; }
.lender-symbol-american-heritage { width: 36px; height: 30px; }
.lender-symbol-american-heritage img { width: 184.5px; left: 0px; top: -6px; }
.lender-symbol-easy-street { width: 25.747px; height: 35px; }
.lender-symbol-easy-street img { width: 205.977px; left: 0px; top: -9.655px; }
.lender-symbol-oaktree-funding { width: 46px; height: 29.444px; }
.lender-symbol-oaktree-funding img { width: 62.556px; left: -6px; top: 0px; }
.lender-symbol-visio-lending { width: 35px; height: 35px; }
.lender-symbol-visio-lending img { width: 121.24px; left: 0px; top: 0px; filter: grayscale(1) invert(1) contrast(5); }
.lender-trust + .principles { padding-top: 120px; }
@media (max-width: 1100px) { .lender-trust-inner { gap: 42px; } .lender-trust h2 { font-size: 29px; } .lender-logos { column-gap: 12px; } }
@media (max-width: 900px) {
  .lender-trust-inner { grid-template-columns: 1fr; gap: 28px; padding-block: 44px; }
  .lender-trust-copy { text-align: center; }
  .lender-trust-eyebrow { margin-bottom: 14px; }
  .lender-logos { width: 100%; max-width: 690px; margin-inline: auto; }
}
@media (max-width: 640px) {
  .lender-trust { padding-top: 52px; }
  .lender-trust-inner { padding-block: 36px 30px; gap: 30px; }
  .lender-trust h2 { font-size: 28px; }
  .lender-logos { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 18px; max-width: 390px; }
  .lender-logos::before { display: none; }
  .lender-logos li { height: 66px; }
  .lender-symbol { transform: scale(1.08); }
  .lender-trust + .principles { padding-top: 80px; }
}
.capture-gallery { min-width: 0; }
.capture-tabs { display: flex; gap: 5px; flex-wrap: wrap; margin-bottom: 20px; }
.capture-tabs button { padding: 8px 12px; border: 1px solid transparent; border-radius: 9999px; background: transparent; color: var(--muted); font-size: 12px; line-height: 1.4; }
.capture-tabs button:hover { color: var(--text); }
.capture-tabs button[aria-selected="true"] { color: var(--text); background: #ffffff08; border-color: #35353e; }
.capture-panel:focus-visible { outline: 2px solid var(--purple); outline-offset: 6px; }
.capture-note { margin-top: 14px; font-size: 11px; }
.quote-view .screen-frame { border: 0; border-radius: 12px; }
.lender-stage { grid-template-columns: 1.3fr 1fr; }
.debt-note { margin-top: 30px; }
.faq-layout { display: grid; grid-template-columns: 1fr 1.25fr; gap: 90px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 25px 0; cursor: pointer; font-size: 15px; line-height: 1.5; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:focus-visible { outline: 2px solid var(--purple); outline-offset: 6px; }
.faq-list summary span { font-size: 19px; font-weight: 300; color: var(--muted); }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { padding: 0 40px 26px 0; font-size: 13px; }
.closing-copy { margin-top: 24px; }
.dialog-image-wrap img.is-quote { width: 820px; min-width: 580px; max-width: 100%; margin: auto; }
@media (max-width: 1024px) { .faq-layout { gap: 48px; } }
@media (max-width: 768px) { .lender-stage { grid-template-columns: 1fr; } .faq-layout { grid-template-columns: 1fr; gap: 42px; } }
@media (max-width: 640px) {
  .hero-view .screen-scroll { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #5d516e #202126; }
  .hero-view .screen-scroll .product-screen { min-width: 860px; }
  .capture-tabs { gap: 2px; }
  .capture-tabs button { padding: 10px 7px; font-size: 11px; }
  .capture-panel .platform-view figcaption { align-items: start; flex-wrap: wrap; gap: 0; }
  .capture-panel .screen-expand { padding-left: 0; }
  .performance-stage .product-screen { min-width: 900px; }
  .portfolio-hero .hero-actions { flex-wrap: wrap; }
}
@media (max-width: 360px) { .nav-auth>.nav-link { display: none; } .intelligence-stage { padding-inline: 14px; } }