/* The English demo runs left to right. The site is drawn for right to left, so a few pieces that use
   physical directions are turned round here. Loaded only by the English build (build.sh). */
html[lang=en] .mobile-drawer:not(.is-open){translate:100% 0!important}
/* "forward" arrows point left in Hebrew - in English they point right */
html[lang=en] svg.lucide-arrow-left,html[lang=en] svg.lucide-chevron-left,html[lang=en] svg.lucide-chevrons-left,
html[lang=en] svg.lucide-arrow-right,html[lang=en] svg.lucide-chevron-right,html[lang=en] svg.lucide-move-left{transform:scaleX(-1)}
/* the six-step timeline: step 01 on the left, the line filling left to right */
html[lang=en] .v11 .v11-tl-step{--xr:calc(var(--tw) / 2 + (100% - var(--tw)) * var(--d))}
html[lang=en] .v11 .v11-tl-fill{transform-origin:left center;background:linear-gradient(to right,#a69bf0,#8c7eee,#7446dd)}
html[lang=en] .v11 .v11-head .v11-dash{transform-origin:left center}
html[lang=en] svg:has(> path[d^="M16 10H4M4 10L9.5"]){transform:scaleX(-1)}  /* the site's own drawn arrow */
html[lang=en] .ab2.b14 .b14-turn{white-space:normal}  /* the English sentence is longer than one line on a phone */
/* the English blog carries four articles: footer links to the others come out (main.tsx also stops any such click) */
html[lang=en] footer li:has(> a[href^="#/blog/"]:is([href*="institutional-lenders-deal-flow"],[href*="banks-third-way"],[href*="non-bank-lenders-map"],[href*="mezzanine-funds-comparison"],[href*="syndication-co-lending"],[href*="real-estate-credit-limit"],[href*="business-credit-registry"])){display:none}
/* the hero's paragraph runs as wide as the row of chips above it (her call, 2026-10-28); the headline has its own three lines */
@media (min-width: 1061px) { html[lang=en] .chero .copy { max-width: 820px; } html[lang=en] .chero .sub { max-width: 790px; } }
/* the hero, 2026-10-28 (her pass): the copy column a little wider so the paragraph runs longer (the scene keeps its 650px),
   the title's lines a touch apart, the whole animation 80px higher, and the card a little taller at the top so the offers pill on its edge clears the chips */
@media (min-width: 1280px) { html[lang=en] .chero .hero-grid { grid-template-columns: 1.2fr 1fr; } }
html[lang=en] .chero h1 { line-height: 1.09; }
@media (min-width: 1024px) { html[lang=en] .chero .stage { top: -18px; } }
html[lang=en] .chero .deal { padding-top: 40px; }  /* the offers pill stays on the card's top edge, with room under it above the chips */
/* the title a touch lighter, the tagline and paragraph one point smaller (her pass, 2026-10-28) */
html[lang=en] .chero h1 { font-weight: 600; }
@media (min-width: 1024px) { html[lang=en] .v11 .chero .sub { font-size: 23px; } }
/* the case's scene-only frame: the wider copy column would reach into the crop, so all of the copy stays hidden there */
html[lang=en].embed-hero .chero .copy { visibility: hidden !important; }
/* the timeline's English titles are longer than its 200px text boxes: one line each, the chevron beside the words */
@media (min-width: 1024px) { html[lang=en] .v11 .v11-tl-text { width: 240px; } html[lang=en] .v11 .v11-tl-head { white-space: nowrap; } }
/* the case's timeline frame is 998px wide inside, under that breakpoint, so it gets the same rule */
@media (min-width: 900px) { html[lang=en].embed-timeline .v11 .v11-tl-text { width: 240px; } html[lang=en].embed-timeline .v11 .v11-tl-head { white-space: nowrap; } }  /* only the wide timeline: on the narrow, vertical one the fixed 240px pushed the left-hand titles away from the line */
/* the numbers: her short title over each figure's sentence, in white, the sentence under it a step quieter */
html[lang=en] .v11 .v11-num-lbl { font: 600 clamp(22px, 2.2vw, 28px)/1.25 var(--font-rubik); color: #fff; margin-bottom: 8px; }
html[lang=en] .v11 .v11-num-txt p { color: rgba(255, 255, 255, 0.72); font-size: clamp(18px, 1.6vw, 21px); }
/* the partner program: her copy is a headline with a paragraph under it, and each door a short paragraph, not bullets */
html[lang=en] .v11 #partners h2 > span.font-light { margin-top: 16px; max-width: 46rem; font: 400 18px/1.6 var(--font-rubik); color: rgba(26, 26, 46, 0.7); }
@media (min-width: 1280px) { html[lang=en] .v11 #partners .grid { grid-template-columns: minmax(0, 600px) 1fr; } }
html[lang=en] .v11 #partners li { white-space: normal; }
html[lang=en] .v11 #partners li > span:first-child { display: none; }
html[lang=en] .v11 #partners ul { gap: 14px; }
/* the hero's gaps 15% roomier (her pass, 2026-10-28): chips -> title 31 -> 36, title -> tagline 28 -> 32 */
@media (min-width: 1024px) { html[lang=en] .chero .badges { margin-bottom: 36px; } html[lang=en] .chero h1 { margin-bottom: 32px; } }
/* the paper plane on the send buttons is drawn turned for right to left: in English it flies the natural way */
html[lang=en] svg.lucide-send { scale: 1 1 !important; }
/* the footer's newsletter consent line is not shown in the English demo (her call, 2026-10-28) */
html[lang=en] #footer-updates-consent { display: none; }
/* the FAQ title in English: three short lines, sized to sit inside its 340px column */
@media (min-width: 1024px) { html[lang=en] #faq h2 { font-size: 40px; line-height: 1.15; } }
/* the footer's newsletter field, left to right: the address from the left, the send button inside it on the right */
html[lang=en] #footer-updates-email { text-align: left; padding-left: 1rem; padding-right: 3.5rem; }
html[lang=en] #footer-updates-email + button { left: auto; right: 0.375rem; }
/* the team: the two founders' columns a little wider, so the text beside each photo runs longer (her pass, 2026-10-28) */
@media (min-width: 1024px) { html[lang=en] .v11 .v3-team-grid { grid-template-columns: repeat(2, minmax(0, 440px)); } }
/* the partners' scene: every role on one line ("Financing advisors" is the longest) */
html[lang=en] .partner-chip { width: 236px; white-space: nowrap; }
/* the numbers: "UP" over "TO" in capitals, tight, beside the 10% */
html[lang=en] .v11 .v11-num-fig .word { display: inline-block; width: min-content; white-space: normal; text-transform: uppercase; line-height: 0.95; vertical-align: 0.12em; margin-inline-end: 0.08em; }
/* every slab's tilted edge mirrored for left to right: its high side on the left, where the English titles start
   ('scale', not 'transform', so the page's own drift on the slabs still applies) */
html[lang=en] [data-slab] { scale: -1 1; }
/* the engine's three figures: the words under each ring smaller and further down (her pass, 2026-10-28) */
html[lang=en] .v11 .v11-eng-stats .row { padding-inline-start: 28px; }  /* room for the first label, which is wider than its ring */
html[lang=en] .v11 .v11-eng-stats .stat { gap: 26px; }
html[lang=en] .v11 .v11-eng-stats .lbl { font-size: 16px; line-height: 1.4; }
/* the rings fill the other way round in English, and the stopwatch's crown and button sit on its left */
html[lang=en] .v11 .v11-eng-stats .eng-ring svg { scale: -1 1; }
/* the accessibility and back-to-top buttons keep the site's own places (index.css lifts both above the sticky bar when it shows) -
   a fixed 96px here sat the button over the Join button and under the back-to-top arrow (her phone check, 2026-10-28) */
/* the hero's three promises one under another, each with its dot, a point larger, close together (her pass, 2026-10-28) */
html[lang=en] .chero .trust { flex-direction: column; align-items: flex-start; gap: 6px; font-size: 19px; }
@media (max-width: 1023px) { html[lang=en] .chero .trust { font-size: 15px; gap: 4px; } }
/* the phone's vertical timeline: the longer English titles may wrap inside their half of the screen */
@media (max-width: 1023px) { html[lang=en] .v11 .v11-tl-head h3 { white-space: normal; } }
/* no country in the English demo: the "why now" block's source line (a national bank) is not shown */
html[lang=en] .v11 .v11-now-foot { display: none; }
/* the WhatsApp card, left to right: the green button first, then the words */
html[lang=en] .wa-fab { direction: ltr; }
html[lang=en] .wa-fab-card { padding: 8px 24px 8px 8px; }
/* the orbit's logo follows its centre, which sits left of the middle in English (i18n.ts) */
html[lang=en] .oa-logo { transform: translate(calc(-50% - 154px), calc(-50% - 75px)); }
/* the hero's chips 32px lower (her pass, 2026-10-28) */
@media (min-width: 1024px) { html[lang=en] .chero .badges { margin-top: 32px; } }
/* the FAQ search sits on the tabs' own line, right after the last tab (her pass, 2026-10-28) */
@media (min-width: 768px) {
  html[lang=en] .faq-tabs { display: contents; }
  html[lang=en] .v11 #faq .faq-tabs-row { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px; }
}
/* the footer's English links are longer than the Hebrew: on small desktops they may wrap, so the last column stays on screen */
@media (min-width: 1024px) and (max-width: 1279px) { html[lang=en] footer .lg\:whitespace-nowrap { white-space: normal; } html[lang=en] footer .lg\:ms-16 { margin-inline-start: 2rem; } }
/* About: the page-long road (the story's stations, the lenders' stairs) runs on the left in Hebrew, beside text on the right.
   In English the text stands on the left, so the road is mirrored onto the right, and its words and icons turned back */
html[lang=en] .b14-road { scale: -1 1; }
html[lang=en] .ab2.b14 .b10-fan { scale: -1 1; }  /* the hero's fan too, so the road's three lanes leave from its dots (i18n.ts takes each dot at its mirror place) */
html[lang=en] .ab2 .b14-line-name { white-space: normal; width: max-content; max-width: 140px; text-align: center; }  /* "Companies and developers" on two lines: on one it ran past the screen's right edge */
@media (min-width: 1024px) { html[lang=en] .ab2 .b14-story-text > .ab2-head .ab2-h2 { white-space: nowrap; } }  /* "We started on the lender's side." on one line: from 1440 it broke in the 486px column */
html[lang=en] .ab2 .b14-partners-link > span { display: inline-block; scale: -1 1; }  /* "To the partner program ←": the arrow points forward, to the right */
html[lang=en] .b14-road :is(.b14-station > span, .b14-line-name, .b14-lenders, .b14-join-coin, svg.lucide, svg.arena-icon, svg.b14-asimon-sm) { scale: -1 1; }
/* the lenders' stairs: the English names are wider than the Hebrew, a step smaller so each sits inside its bar */
html[lang=en] .ls-label { font-size: 14px; }
/* the story's four reasons: the site pads them on the right (padding: 0 28px 0 0) while their lilac rule stands at the start;
   in English the start is the left, so the text ran into the rule. The air moves to the rule's side (Larisa, 28.10.2026) */
html[lang=en] .ab2 .b14-story-text .b13-points li { padding: 0 0 0 28px; }
@media (max-width: 767px) { html[lang=en] .ab2.b14 .b14-story-text .b13-points li { padding: 0 0 0 20px; } }
@media (max-width: 767px) { html[lang=en] .ls-req-title { font-size: 26px; } html[lang=en] .ls-req-sub { font-size: 15px; } }  /* the stairs' English title fits a phone */

/* Benefits read like the doors above (28.10.2026): titles 28px, texts 18px, two columns of two; the intro and the fairness paragraph in the doors' own type */
html[lang=en] .v11 #strengths .v11-str-row { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 64px; max-width: 1080px; }
html[lang=en] .v11 #strengths .v11-str { padding-inline: 48px; }
html[lang=en] .v11 #strengths .v11-str:nth-child(odd) { border-inline-start: 0; padding-inline-start: 0; }
html[lang=en] .v11 #strengths .v11-str:nth-child(even) { padding-inline-end: 0; }
html[lang=en] .v11 #strengths .v11-str h3 { font: 700 28px/1.2 var(--font-noto); }
html[lang=en] .v11 #strengths .v11-str p { font-size: 18px; line-height: 1.625; margin-top: 12px; max-width: 30rem; margin-inline: auto; }
html[lang=en] .v11 #strengths .v11-head > p, html[lang=en] .v11 #strengths .v11-fair-body p { font: 400 18px/1.625 var(--font-noto); color: #1a1a2e; }
@media (max-width: 640px) {
  html[lang=en] .v11 #strengths .v11-str-row { grid-template-columns: 1fr; row-gap: 44px; }
  html[lang=en] .v11 #strengths .v11-str { padding: 0; border: 0; }
  html[lang=en] .v11 #strengths .v11-str p { margin-inline: 0; }
}

/* numbers: the plus before the figure keeps the Hebrew size and height (there it sits inside the 0.6em suffix) */
html[lang=en] .v11 .v11-num-fig .digits > .plus { font-size: 0.6em; vertical-align: 0.24em; margin-inline-end: 0.04em; }

/* Benefits icons (28.10.2026): 15% larger. The four arrive in turn: a column flies up and lands, then its icon draws itself
  (its own line drawing, nothing else moves it); only then does the next column fly in - one, then two, then three, then four */
html[lang=en] .v11 #strengths .v11-str { --d: calc(var(--i) * 450ms); }
html[lang=en] .v11 #strengths .v11-str .ico { width: 85px; height: 85px; }
html[lang=en] .v11 #strengths .v11-str-row .v11-str { opacity: 0; transform: translateY(80px) scale(0.95); filter: blur(6px);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1) var(--d), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) var(--d), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1) var(--d); }
html[lang=en] .v11 #strengths .v11-str-row[data-risen] .v11-str { opacity: 1; transform: none; filter: none; }
html[lang=en] .v11 #strengths .v11-str-row:not([data-risen]) .v11-str { transition: none; }
/* each icon draws once, when its column has landed: tied to the column's own rise, not to the separate in-view flag, which
   switched on and off while scrolling on a phone and made the eye vanish and come back */
html[lang=en] .v11 #strengths .v11-str .arena-icon > *, html[lang=en] .v11 #strengths .v11-str .arena-icon.is-drawing > * { animation: none; }
html[lang=en] .v11 #strengths .v11-str-row[data-risen] .v11-str .arena-icon > * { animation: arena-icon-draw 850ms cubic-bezier(0.23, 1, 0.32, 1) calc(var(--d) + 0.35s + var(--i, 0) * 60ms) both; }
@media (max-width: 640px) { html[lang=en] .v11 #strengths .v11-str .ico { width: 59px; height: 59px; } html[lang=en] .v11 #strengths .v11-str { --d: calc(var(--i) * 250ms); } } /* one under another on a phone: a shorter wait, so the lower ones are not still on their way when scrolled to */
@media (prefers-reduced-motion: reduce) {
  html[lang=en] .v11 #strengths .v11-str-row .v11-str { transform: none; filter: none; }
}

/* one size for the small text across the page, as in the doors and Benefits: 18px, dark, in the body font */
html[lang=en] .v11 .v11-head > p:not(.v11-kicker), html[lang=en] .v11 #partners .v11-head span.font-light, html[lang=en] .v11 #partners span.block.font-light { font: 400 18px/1.625 var(--font-noto); color: #1a1a2e; }
html[lang=en] .v11 #arenas p:not([class]), html[lang=en] .v11 #how-it-works p:not([class]) { font-size: 18px; line-height: 1.6; }
html[lang=en] .v11 #arenas p:not([class]) { font-size: 17px; } /* one point under the rest: the orbit's cards have little room */
html[lang=en] .v11 #faq .faq-answer, html[lang=en] .v11 #faq p.text-\[16px\] { font-size: 18px; }
html[lang=en] .v3-person-bio, html[lang=en] .v3-body { font-size: 18px; }

/* the orbit's white slab taller (28.10.2026): mirrored, its low corner is on the right, where the cards' words hang out - more room above and below so every card stays on the white */
@media (min-width: 1280px) { html[lang=en] .v11 #arenas { padding-top: 220px; padding-bottom: 190px; } }

/* partners' subtitle: below 1024 the head is centred, so its narrow box is centred too (it sat on the left, its lines centred inside it) */
html[lang=en] .v11 #partners span.block.font-light { text-wrap: balance; }
@media (max-width: 1023px) { html[lang=en] .v11 #partners span.block.font-light { margin-inline: auto; } }

/* contact title: on a phone "Let's Talk." takes the second line (the break is a newline in the copy; wider screens fold it to a space) */
@media (max-width: 767px) { html[lang=en] .v11 #contact h2 { white-space: pre-line; } }

/* one line spacing for the small text everywhere (28.10.2026): 1.6, whatever each block had (the partners' subtitle sat at 1.19 on a phone) */
html[lang=en] .v11 :is(#who .v11-door p, #strengths .v11-str p, #strengths .v11-head > p, #strengths .v11-fair-body p, #arenas p:not([class]), #engine p:not(.v11-kicker), #how-it-works p:not([class]), #stats p:not(.v11-kicker), #partners span.block.font-light, #partners p:not(.v11-kicker), #faq p.text-\[16px\], #contact .v11-head > p),
html[lang=en] .v3-body, html[lang=en] .v3-person-bio { line-height: 1.6 !important; }
/* and one size on a phone: 18px, as on a laptop (the doors and the engine's steps dropped to 16-17 there); the orbit's list keeps its 17 */
@media (max-width: 767px) { html[lang=en] .v11 :is(#who .v11-door p, #engine li p, #engine .v11-step p) { font-size: 18px; } }

/* phones: the deal card's status on one line (English runs longer than Hebrew: wrapping, it made the card a line taller
   for a moment, and the wires laid then were left hanging under it once it shrank back) */
@media (max-width: 767px) { html[lang=en] .chero .deal-status { white-space: nowrap; font-size: 14px; } }

/* phones (28.10.2026): the four chips in shorter words and smaller, two rows at most. Her order would not fit a row
   ("AI Underwriting & Syndication" with "Price Prediction"), so the long one rides with the short "From $1M" on top.
   The words are swapped on the phone only: the chip's own text is hidden and its phone wording drawn instead */
@media (max-width: 767px) {
  html[lang=en] .chero .badges { column-gap: 8px; }
  html[lang=en] .chero .badges > :is(.badge, .badge-ai) { font-size: 0; height: 30px; padding-inline: 12px; }
  html[lang=en] .chero .badges > :is(.badge, .badge-ai)::after { font-size: 12px; }
  html[lang=en] .chero .badges > :nth-child(1)::after { content: 'From $1M'; }
  html[lang=en] .chero .badges > :nth-child(2)::after { content: 'Anonymous Deals'; }
  html[lang=en] .chero .badges > :nth-child(3)::after { content: 'AI Underwriting & Syndication'; }
  html[lang=en] .chero .badges > :nth-child(4)::after { content: 'Price Prediction'; }
  html[lang=en] .chero .badges > :nth-child(1), html[lang=en] .chero .badges > :nth-child(3) { order: 1; margin-top: 0; }
  html[lang=en] .chero .badges > :nth-child(2), html[lang=en] .chero .badges > :nth-child(4) { order: 3; margin-top: 8px; }
}

/* phones: "The Shortest Path from Deal to Funding." on one line - it takes the size the screen allows, 18px at most */
@media (max-width: 767px) { html[lang=en] .chero .sub > strong:first-child { display: inline-block; white-space: nowrap; font-size: min(18px, 4.05vw); } }

/* phones: the headline's lines further apart (the underline under "Marketplace" crowded the line below) */
@media (max-width: 767px) { html[lang=en] .chero h1 { line-height: 1.22; } }

/* the orbit's texts: never one word alone on the last line */
html[lang=en] .v11 #arenas p:not([class]) { text-wrap: pretty; }
/* the vertical timeline (under 900px): a two-line English title made its flex box as wide as the column, which sent the chevron
   to the far edge - the title runs inline now and the chevron follows its last word (on the left-hand steps, its first) */
@media (max-width: 899px) {
  html[lang=en] .v11 .v11-tl-head { display: block; }
  html[lang=en] .v11 .v11-tl-head h3 { display: inline; unicode-bidi: isolate; direction: ltr; }
  html[lang=en] .v11 .v11-tl-head .v11-tl-chev { display: inline-block; vertical-align: middle; margin-inline-start: 6px; }
  html[lang=en] .v11 .above .v11-tl-head { direction: rtl; text-align: right; }
  html[lang=en] .v11 .below .v11-tl-head { text-align: left; }
}