@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

:root {
  --concept-height: 72px;
  --ease: cubic-bezier(.16, 1, .3, 1);
  --z-nav: 30;
  --z-concept: 60;
  --z-overlay: 80;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 140px; }
body { margin: 0; background: #0c0d0c; color: #111; font-family: Inter, Arial, sans-serif; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
button { font: inherit; }
svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.svg-library { position: absolute; width: 0; height: 0; overflow: hidden; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 200; padding: 12px 16px; background: #fff; color: #111; transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid #4d7cff; outline-offset: 3px; }
.page-shell { padding-top: var(--concept-height); }
.landing { min-height: 100dvh; }
.landing.is-active { display: block; }
.section-pad { padding: 140px max(24px, calc((100vw - 1280px) / 2)); }
.reveal { opacity: 1; transform: none; }
.js .reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s var(--ease), transform .65s var(--ease); }
.js .reveal.in-view { opacity: 1; transform: none; }

/* Concept switcher */
.concept-bar { position: fixed; inset: 0 0 auto; height: var(--concept-height); z-index: var(--z-concept); display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 10px 22px; background: #f2f0e9; color: #171817; border-bottom: 1px solid #c9c7bf; box-shadow: 0 4px 24px rgba(0,0,0,.12); }
.concept-bar__label { display: flex; align-items: baseline; gap: 18px; min-width: 260px; }
.concept-bar__label span { font: 500 10px/1 Fira Code, monospace; letter-spacing: .12em; text-transform: uppercase; color: #74736d; }
.concept-bar__label strong { font: 600 15px/1 Inter, sans-serif; }
.concept-tabs { display: flex; align-items: center; gap: 6px; padding: 4px; background: #dfddd5; border-radius: 12px; }
.concept-tab { min-height: 42px; padding: 0 16px; border: 0; border-radius: 9px; background: transparent; color: #63635f; cursor: pointer; font-size: 13px; font-weight: 600; transition: background .2s, color .2s, box-shadow .2s; }
.concept-tab span { margin-right: 6px; font: 500 10px Fira Code, monospace; color: #8a8983; }
.concept-tab:hover { color: #111; }
.concept-tab.is-active { color: #111; background: #fff; box-shadow: 0 1px 5px rgba(0,0,0,.1); }

/* Shared */
.site-header { position: sticky; top: var(--concept-height); z-index: var(--z-nav); min-height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 max(24px, calc((100vw - 1280px) / 2)); }
.wordmark { text-decoration: none; font-weight: 700; letter-spacing: -.06em; width: max-content; }
.desktop-nav { display: flex; align-items: center; gap: 32px; }
.desktop-nav a { text-decoration: none; font-size: 13px; font-weight: 500; opacity: .68; transition: opacity .2s; }
.desktop-nav a:hover { opacity: 1; }
.site-header > .button, .site-header > .ledger-contact { justify-self: end; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 22px; border-radius: 3px; text-decoration: none; font-weight: 650; font-size: 14px; cursor: pointer; transition: filter .2s, transform .2s, background .2s, color .2s; }
.button:hover { filter: brightness(1.06); transform: translateY(-2px); }
.button:active { transform: translateY(0) scale(.98); }
.button svg, .text-link svg, .ledger-contact svg, .atlas-text-link svg, .ledger-footer__contact svg, .mobile-nav__contact svg { width: 18px; height: 18px; transition: transform .2s; }
.button:hover svg, .text-link:hover svg, .ledger-contact:hover svg, .atlas-text-link:hover svg, .ledger-footer__contact a:hover svg { transform: translateX(4px); }
.button--small { min-height: 44px; padding: 0 16px; font-size: 12px; }
.menu-button { display: none; width: 48px; height: 48px; border: 0; background: transparent; color: inherit; cursor: pointer; }
.menu-button svg { width: 24px; height: 24px; margin: auto; }
.mobile-nav, .nav-scrim { display: none; }

/* =========================================================
   01 — SIGNAL
   ========================================================= */
.landing--signal { --bg: #111915; --surface: #18211c; --surface-2: #202b25; --ink: #f6f7f2; --muted: #a9b0a9; --acid: #d8ff58; --line: rgba(236,244,236,.14); background: var(--bg); color: var(--ink); }
.signal-header { background: rgba(17,25,21,.88); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }
.wordmark--signal { font-size: 25px; color: var(--ink); }
.wordmark--signal span { color: var(--acid); font-size: 13px; margin-left: 2px; }
.button--acid { background: var(--acid); color: #10150f; }
.eyebrow { margin: 0; display: flex; align-items: center; gap: 10px; color: var(--muted); font: 500 11px/1.2 Fira Code, monospace; letter-spacing: .1em; text-transform: uppercase; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 5px rgba(216,255,88,.1); }
.signal-hero { min-height: calc(100dvh - var(--concept-height) - 76px); display: grid; grid-template-columns: minmax(0,1fr) minmax(420px,.82fr); grid-template-rows: 1fr auto; gap: 32px 64px; padding: 84px max(24px, calc((100vw - 1280px) / 2)) 32px; position: relative; overflow: hidden; }
.signal-hero::before { content: ""; position: absolute; width: 480px; height: 480px; right: 6%; top: 4%; background: radial-gradient(circle, rgba(121,176,112,.16), transparent 64%); pointer-events: none; }
.signal-hero__copy { align-self: center; max-width: 720px; position: relative; z-index: 1; }
.signal-hero h1 { margin: 30px 0 26px; max-width: 760px; font: 500 clamp(52px,6.1vw,94px)/.94 Inter, sans-serif; letter-spacing: -.07em; }
.signal-hero h1 em { color: var(--acid); font-style: normal; }
.signal-hero .lead { max-width: 620px; margin: 0; color: #c9cec9; font-size: clamp(17px,1.5vw,21px); line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 40px; flex-wrap: wrap; }
.text-link { min-height: 48px; display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-size: 14px; }
.signal-console { align-self: center; min-width: 0; padding: 20px; border: 1px solid rgba(216,255,88,.22); border-radius: 18px; background: linear-gradient(155deg, rgba(36,49,41,.94), rgba(21,29,24,.98)); box-shadow: 0 36px 100px rgba(0,0,0,.34); position: relative; z-index: 1; }
.console-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--line); color: #bec5be; font: 500 11px Fira Code, monospace; text-transform: uppercase; letter-spacing: .07em; }
.console-top > div { display: flex; align-items: center; gap: 10px; }
.console-mark { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid rgba(216,255,88,.35); border-radius: 7px; color: var(--acid); }
.live-badge { padding: 7px 9px; border-radius: 99px; background: rgba(216,255,88,.09); color: var(--acid); }
.live-badge::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: currentColor; }
.console-metric { padding: 24px 4px 0; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 4px; }
.console-metric > span { grid-column: 1/-1; color: var(--muted); font-size: 12px; }
.console-metric strong { font: 500 clamp(26px,3vw,42px)/1.1 Fira Code, monospace; letter-spacing: -.05em; }
.console-metric small { color: var(--muted); }
.console-metric small b { color: var(--acid); }
.console-chart { height: 150px; margin: 8px 0 10px; position: relative; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to bottom, transparent 0 36px, rgba(255,255,255,.035) 36px 37px); }
.console-chart svg { width: 100%; height: 100%; overflow: visible; }
.chart-line { fill: none; stroke: var(--acid); stroke-width: 2; vector-effect: non-scaling-stroke; }
.chart-area { fill: url(#area); stroke: none; }
.chart-point { position: absolute; width: 9px; height: 9px; border: 2px solid var(--surface); border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 4px rgba(216,255,88,.13); }
.point-a { left: 57%; top: 39%; }.point-b { left: 87%; top: 23%; }
.rail-list { display: grid; gap: 7px; }
.rail-list > div { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 10px; background: rgba(255,255,255,.035); }
.rail-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 8px; background: rgba(216,255,88,.09); color: var(--acid); }
.rail-icon svg { width: 17px; height: 17px; }
.rail-list p { margin: 0; display: grid; gap: 2px; }.rail-list p strong { font-size: 12px; }.rail-list p small { color: var(--muted); font-size: 10px; }.rail-list > div > b { color: #dce1dc; font: 500 10px Fira Code, monospace; }
.signal-hero__footer { grid-column: 1/-1; display: grid; grid-template-columns: repeat(4,1fr); padding-top: 24px; border-top: 1px solid var(--line); color: #899189; font: 500 10px Fira Code, monospace; letter-spacing: .1em; text-transform: uppercase; }
.signal-hero__footer span:not(:first-child) { text-align: center; }
.signal-shift { background: #eef2e8; color: #101710; }
.section-heading h2 { margin: 24px 0 0; font-size: clamp(42px,5.6vw,78px); line-height: .98; letter-spacing: -.065em; font-weight: 550; }
.signal-shift .eyebrow { color: #60705e; }
.shift-track { margin-top: 72px; min-height: 430px; display: grid; grid-template-columns: 1fr 310px 1fr; align-items: center; border-top: 1px solid #cbd2c7; border-bottom: 1px solid #cbd2c7; }
.shift-side { display: grid; gap: 0; }.shift-side small { margin-bottom: 24px; color: #71806f; font: 600 10px Fira Code, monospace; letter-spacing: .1em; }.shift-side span { padding: 15px 0; border-top: 1px solid #d8ded4; font-size: 17px; }.shift-side--old span { color: #889186; text-decoration: line-through; text-decoration-color: #aeb8ab; }.shift-side--new span { font-weight: 600; }
.shift-core { width: 276px; height: 276px; margin: auto; display: grid; place-items: center; position: relative; border: 1px solid #aab5a5; border-radius: 50%; text-align: center; background: #d8ff58; }
.shift-core strong { font-size: 36px; line-height: .92; letter-spacing: -.06em; position: relative; z-index: 1; }.shift-core small { position: absolute; bottom: 48px; width: 140px; font: 500 9px Fira Code, monospace; text-transform: uppercase; letter-spacing: .08em; }
.shift-orbit { position: absolute; inset: -25px; border: 1px dashed #9ca997; border-radius: 50%; }
.shift-orbit::after, .shift-orbit::before { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #111915; }.shift-orbit::before { top: 32px; left: 32px; }.shift-orbit::after { bottom: 22px; right: 52px; }
.signal-platform { background: var(--bg); }
.section-heading--split { display: grid; grid-template-columns: 1.35fr .65fr; gap: 64px; align-items: end; }
.section-heading--split > p { max-width: 500px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.65; }
.engine-grid { margin-top: 80px; display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.engine-card { min-height: 480px; display: flex; flex-direction: column; padding: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; transition: background .25s, border-color .25s, transform .25s; }
.engine-card:hover { background: var(--surface-2); border-color: rgba(216,255,88,.35); transform: translateY(-5px); }
.engine-number { color: #768078; font: 500 11px Fira Code, monospace; }
.engine-icon { width: 42px; height: 42px; margin: 70px 0 22px; color: var(--acid); }
.engine-card h3 { margin: 0; font-size: 31px; letter-spacing: -.045em; }.engine-card > p { min-height: 76px; color: var(--muted); line-height: 1.55; }
.engine-card ul { margin: auto 0 0; padding: 20px 0 0; list-style: none; border-top: 1px solid var(--line); }.engine-card li { padding: 9px 0; color: #d3d8d2; font-size: 13px; }.engine-card li::before { content: "↳"; margin-right: 9px; color: var(--acid); }
.signal-growth { display: grid; grid-template-columns: .78fr 1.22fr; gap: 80px; background: #d8ff58; color: #111710; }
.growth-intro { position: sticky; top: 190px; height: max-content; }.growth-intro .eyebrow { color: #495542; }.growth-intro h2 { margin: 28px 0; font-size: clamp(45px,5vw,70px); line-height: .98; letter-spacing: -.065em; }.growth-intro > p:last-child { max-width: 430px; line-height: 1.6; color: #465044; }
.growth-list { border-top: 1px solid #a5ba55; }.growth-row { display: grid; grid-template-columns: 48px .8fr 1fr auto; align-items: center; gap: 20px; padding: 34px 0; border-bottom: 1px solid #a5ba55; }.growth-row > span { font: 500 11px Fira Code, monospace; color: #68734f; }.growth-row h3 { margin: 0; font-size: 22px; letter-spacing: -.03em; }.growth-row p { margin: 0; color: #465044; line-height: 1.5; }.growth-row b { padding: 9px 12px; border: 1px solid #9cad53; border-radius: 99px; font: 500 10px Fira Code, monospace; white-space: nowrap; }
.signal-global { display: grid; grid-template-columns: .75fr 1.25fr; gap: 64px; align-items: center; background: #eef2e8; color: #101710; }.signal-global .eyebrow { color: #5d6a5b; }.global-copy h2 { margin: 26px 0; font-size: clamp(42px,4.6vw,66px); line-height: 1; letter-spacing: -.06em; }.global-copy > p { max-width: 480px; color: #536050; font-size: 16px; line-height: 1.7; }.global-copy .text-link { margin-top: 24px; color: #101710; font-weight: 600; }
.signal-map { min-height: 500px; position: relative; background: radial-gradient(circle at 52% 48%, #d8ff58 0 5%, rgba(216,255,88,.25) 5% 20%, transparent 46%), repeating-radial-gradient(circle at 52% 48%, transparent 0 59px, rgba(65,84,62,.12) 60px 61px); }.signal-map svg { position: absolute; inset: 10% 3% 5%; width: 94%; height: 85%; }.signal-map circle { fill: #152017; stroke: #d8ff58; stroke-width: 2; }.map-line { fill: none; stroke: #52664f; stroke-width: 1.5; stroke-dasharray: 4 5; }.map-line--soft { opacity: .35; }.map-label { position: absolute; display: grid; gap: 4px; padding: 9px 11px; border: 1px solid #b9c2b6; background: rgba(238,242,232,.9); box-shadow: 0 7px 20px rgba(26,39,27,.08); }.map-label strong { font-size: 12px; }.map-label span { color: #657163; font: 500 9px Fira Code, monospace; }.map-label--kz { left: 50%; top: 42%; }.map-label--uk { left: 14%; top: 27%; }.map-label--us { right: 4%; top: 25%; }.map-label--uae { right: 10%; bottom: 20%; }
.signal-team { background: var(--bg); }.team-grid { margin-top: 76px; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }.person-card { min-height: 280px; display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--line); background: var(--surface); }.person-card > span { width: 55px; height: 55px; display: grid; place-items: center; border: 1px solid rgba(216,255,88,.25); border-radius: 50%; color: var(--acid); font: 500 12px Fira Code, monospace; }.person-card h3 { margin: auto 0 6px; font-size: 19px; }.person-card p { margin: 0 0 22px; color: var(--acid); font-size: 12px; }.person-card small { min-height: 38px; padding-top: 14px; border-top: 1px solid var(--line); color: var(--muted); line-height: 1.5; }.team-rest { margin: 20px 0 0; color: #79827a; font-size: 12px; }
.signal-footer { padding-bottom: 34px; background: #1d2c22; border-top: 1px solid rgba(216,255,88,.18); }.signal-footer > div:first-child { display: flex; align-items: end; justify-content: space-between; }.signal-footer h2 { margin: 24px 0 60px; font-size: clamp(54px,8vw,112px); line-height: .88; letter-spacing: -.075em; }.footer-contact { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; }.footer-contact > a:not(.button) { color: #bbc4bc; text-decoration: none; font-size: 13px; }.footer-bottom { margin-top: 100px; padding-top: 24px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); color: #7f8a81; font: 500 10px Fira Code, monospace; }

/* =========================================================
   02 — LEDGER
   ========================================================= */
.landing--ledger { --paper: #f0eee6; --red: #f0442f; --blue: #1646d8; --ink: #11110f; --rule: #bcb9ae; background: var(--paper); color: var(--ink); font-family: Inter, sans-serif; }
.ledger-header { background: rgba(240,238,230,.94); border-bottom: 2px solid var(--ink); backdrop-filter: blur(14px); }
.wordmark--ledger { font: 700 20px/1 Inter, sans-serif; letter-spacing: -.06em; }.wordmark--ledger sup { color: var(--red); font: 700 8px Fira Code, monospace; letter-spacing: 0; }
.ledger-header .desktop-nav a { font: 600 11px Fira Code, monospace; letter-spacing: .04em; }
.ledger-contact { display: inline-flex; min-height: 44px; align-items: center; gap: 10px; color: var(--ink); font: 600 11px Fira Code, monospace; text-decoration: none; border-bottom: 2px solid var(--ink); }.ledger-contact svg { width: 16px; }
.ledger-hero { padding: 38px max(24px, calc((100vw - 1400px) / 2)) 0; overflow: hidden; }
.ledger-issue { margin: 0 0 50px; padding-bottom: 10px; border-bottom: 1px solid var(--rule); font: 500 9px Fira Code, monospace; letter-spacing: .08em; }
.ledger-title { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 40px; align-items: center; }.ledger-title h1 { margin: 0; font: 400 clamp(64px,9.4vw,150px)/.78 Calistoga, Georgia, serif; letter-spacing: -.065em; }.ledger-title h1 em { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; color: var(--red); }
.ledger-stamp { width: 210px; height: 210px; display: grid; place-content: center; gap: 5px; border: 2px solid var(--ink); border-radius: 50%; text-align: center; transform: rotate(8deg); }.ledger-stamp span { font: 600 9px Fira Code, monospace; letter-spacing: .14em; }.ledger-stamp strong { font: 700 26px Inter, sans-serif; letter-spacing: -.06em; }
.ledger-hero__bottom { margin-top: 64px; padding: 24px 0 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; border-top: 2px solid var(--ink); }.ledger-hero__bottom > p { max-width: 640px; margin: 0; font-size: 19px; line-height: 1.5; }.ledger-facts { display: grid; grid-template-columns: repeat(3,1fr); }.ledger-facts > div { display: grid; align-content: start; padding-left: 20px; border-left: 1px solid var(--rule); }.ledger-facts b { font: 400 49px/1 Calistoga, serif; }.ledger-facts span { margin-top: 8px; font: 500 9px Fira Code, monospace; text-transform: uppercase; }
.ledger-ticker { display: flex; align-items: center; justify-content: space-between; gap: 30px; width: calc(100% + 48px); margin-left: -24px; padding: 18px max(24px, calc((100vw - 1400px) / 2)); background: var(--blue); color: #fff; overflow: hidden; font: 600 12px Fira Code, monospace; white-space: nowrap; }.ledger-ticker i { color: #b9ff65; font-style: normal; }
.ledger-section-no { margin-bottom: 60px; padding-bottom: 12px; border-bottom: 1px solid var(--ink); font: 600 10px Fira Code, monospace; letter-spacing: .08em; }
.ledger-thesis { background: #f7f4eb; }.ledger-thesis__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px 80px; }.ledger-thesis h2 { margin: 0; font: 400 clamp(54px,7vw,104px)/.86 Calistoga, serif; letter-spacing: -.06em; }.ledger-thesis h2 span { font-family: "Instrument Serif", Georgia, serif; font-style: italic; color: var(--red); }
.ledger-quote { align-self: end; padding: 26px; border-left: 8px solid var(--red); background: #e6ff67; }.ledger-quote p { margin: 0 0 28px; font: 400 25px/1.25 "Instrument Serif", Georgia, serif; }.ledger-quote small { font: 600 9px Fira Code, monospace; }
.era-list { border-top: 3px solid var(--ink); }.era-list > small { display: block; margin: 14px 0 35px; font: 600 10px Fira Code, monospace; }.era-list p { margin: 0; padding: 17px 0; display: flex; gap: 24px; border-top: 1px solid var(--rule); font-size: 19px; }.era-list p span { color: #77756e; font: 500 10px Fira Code, monospace; }.era-list--then { color: #77756e; }.era-list--then p { text-decoration: line-through; text-decoration-color: #aaa69b; }.era-list--next { padding: 0 22px; background: var(--ink); color: #fff; }.era-list--next p { border-color: #3b3b37; }.era-list--next > small, .era-list--next p span { color: #e6ff67; }
.ledger-gap { background: #e4dfd2; }.gap-head h2 { max-width: 1180px; margin: 0 0 80px; font: 400 clamp(42px,5vw,72px)/1.02 "Instrument Serif", Georgia, serif; }.gap-head h2 em { color: var(--red); }
.comparison { display: grid; grid-template-columns: 1fr 80px 1fr; border: 2px solid var(--ink); }.comparison-col { min-height: 480px; padding: 36px; }.comparison-col small { font: 600 10px Fira Code, monospace; }.comparison-col h3 { margin: 90px 0 36px; font: 400 clamp(34px,4vw,58px)/.98 Calistoga, serif; letter-spacing: -.04em; }.comparison-col ul { margin: 0; padding: 0; list-style: none; }.comparison-col li { padding: 11px 0; border-top: 1px solid currentColor; font-size: 13px; }.comparison-col--bank { color: #65635e; }.comparison-col--plexy { background: var(--blue); color: #fff; }.comparison-col--plexy small { color: #e6ff67; }.comparison-mark { display: grid; place-items: center; border-inline: 2px solid var(--ink); background: var(--red); color: #fff; }.comparison-mark span { font: 700 18px Fira Code, monospace; transform: rotate(-90deg); }
.ledger-platform { background: var(--paper); }.ledger-platform__head { display: grid; grid-template-columns: 1fr .65fr; align-items: end; gap: 80px; margin-bottom: 70px; }.ledger-platform__head h2 { margin: 0; font: 400 clamp(54px,7vw,100px)/.86 Calistoga, serif; letter-spacing: -.06em; }.ledger-platform__head p { max-width: 500px; margin: 0; font-size: 17px; line-height: 1.6; }
.ledger-bento { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: 470px 380px; gap: 12px; }.ledger-tile { padding: 30px; border: 2px solid var(--ink); position: relative; overflow: hidden; }.ledger-tile > span { font: 600 10px Fira Code, monospace; }.ledger-tile h3 { margin: 20px 0 12px; font: 400 clamp(34px,3.5vw,54px)/1 Calistoga, serif; }.ledger-tile > p { max-width: 470px; line-height: 1.55; }.ledger-tile--payments { background: #e6ff67; }.ledger-tile--financing { background: var(--red); color: #fff; }.ledger-tile--ai { background: #f8f5ed; }.ledger-tile--formula { display: grid; align-content: center; justify-items: center; text-align: center; background: var(--blue); color: #fff; }.ledger-tile--formula p { margin: 0; font: 600 17px Fira Code, monospace; }.ledger-tile--formula p b { color: #e6ff67; }.ledger-tile--formula strong { font: 400 clamp(50px,7vw,96px)/1 Calistoga, serif; letter-spacing: -.06em; }
.tile-rail { position: absolute; inset: auto 30px 32px; display: flex; align-items: center; }.tile-rail i { padding: 12px 14px; border: 1px solid var(--ink); background: var(--paper); font: 500 9px Fira Code, monospace; font-style: normal; }.tile-rail b { height: 1px; flex: 1; background: var(--ink); position: relative; }.tile-rail b::after { content: ""; position: absolute; right: -1px; top: -3px; width: 7px; height: 7px; border-top: 1px solid; border-right: 1px solid; transform: rotate(45deg); }
.tile-big { position: absolute; right: -5px; bottom: -9px; font: 700 clamp(52px,6vw,88px)/.78 Inter, sans-serif; letter-spacing: -.08em; text-align: right; color: #231f1c; opacity: .92; }.mini-bars { height: 140px; position: absolute; inset: auto 30px 30px; display: flex; align-items: end; gap: 10px; border-bottom: 2px solid var(--ink); }.mini-bars i { flex: 1; height: var(--h); background: var(--blue); }
.ledger-impact { background: #e6ff67; }.impact-title { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; }.impact-title h2 { margin: 0; font: 400 clamp(54px,7vw,100px)/.88 Calistoga, serif; letter-spacing: -.06em; }.impact-title p { margin: 0; font-size: 17px; line-height: 1.6; }.impact-grid { margin-top: 70px; display: grid; grid-template-columns: repeat(4,1fr); border: 2px solid var(--ink); }.impact-card { min-height: 330px; padding: 24px; display: flex; flex-direction: column; border-right: 1px solid var(--ink); }.impact-card:last-child { border: 0; }.impact-card > b { font: 600 10px Fira Code, monospace; }.impact-card h3 { margin: auto 0 16px; font: 400 36px Calistoga, serif; }.impact-card p { margin: 0; font-size: 13px; line-height: 1.55; }.impact-card--dark { background: var(--ink); color: #fff; }.impact-card--dark > b { color: #e6ff67; }.places-line { margin-top: 24px; display: flex; justify-content: space-between; gap: 20px; font: 600 9px Fira Code, monospace; }
.ledger-team { background: var(--paper); }.ledger-team__head { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; margin-bottom: 70px; }.ledger-team__head h2 { max-width: 850px; margin: 0; font: 400 clamp(54px,7vw,100px)/.9 "Instrument Serif", Georgia, serif; }.ledger-team__head p { margin: 0; line-height: 1.6; }.ledger-people { border-top: 2px solid var(--ink); }.ledger-person { display: grid; grid-template-columns: 70px 1fr 260px; align-items: center; gap: 28px; padding: 30px 0; border-bottom: 1px solid var(--rule); transition: padding .2s, background .2s; }.ledger-person:hover { padding-inline: 18px; background: #e6ff67; }.ledger-person > span { font: 500 10px Fira Code, monospace; }.ledger-person h3 { margin: 0; font: 400 29px Calistoga, serif; }.ledger-person p { margin: 5px 0 0; color: var(--red); font-size: 12px; }.ledger-person small { font: 500 9px/1.6 Fira Code, monospace; }
.ledger-footer { padding-bottom: 32px; background: var(--red); color: #fff; }.ledger-footer .ledger-section-no { border-color: #fff; }.ledger-footer h2 { margin: 0; font: 400 clamp(70px,11vw,160px)/.76 Calistoga, serif; letter-spacing: -.07em; }.ledger-footer__contact { margin-top: 80px; display: flex; align-items: end; justify-content: space-between; }.ledger-footer__contact > a { display: inline-flex; align-items: center; gap: 18px; color: #fff; font: 600 clamp(18px,2.4vw,32px) Fira Code, monospace; text-decoration: none; border-bottom: 3px solid #fff; }.ledger-footer__contact > a svg { width: 28px; height: 28px; }.ledger-footer__contact p { margin: 0; line-height: 1.6; }.ledger-footer__contact p a { color: inherit; text-decoration: none; }.ledger-footer__bottom { margin-top: 100px; padding-top: 24px; display: flex; justify-content: space-between; align-items: end; border-top: 2px solid #fff; font: 500 9px Fira Code, monospace; }.ledger-footer__bottom strong { font-size: 24px; }

/* =========================================================
   03 — ATLAS
   ========================================================= */
.landing--atlas { --blue: #1859f1; --deep: #0b1f4c; --sky: #dff1ff; --paper: #f7f9fd; --ink: #0a1531; --muted: #65718c; --line: #dbe3f1; --orange: #ff6635; background: var(--paper); color: var(--ink); font-family: "Fira Sans", Inter, sans-serif; }
.atlas-header { background: rgba(247,249,253,.9); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); }.wordmark--atlas { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-size: 24px; letter-spacing: -.05em; }.atlas-logo { width: 30px; height: 30px; display: grid; place-items: center; background: var(--blue); color: #fff; border-radius: 8px; font: 600 15px Fira Code, monospace; }.atlas-header .desktop-nav a { font-family: Fira Code, monospace; font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }.button--blue { background: var(--blue); color: #fff; border-radius: 9px; }
.atlas-hero { padding: 70px max(24px, calc((100vw - 1320px) / 2)) 0; overflow: hidden; background: radial-gradient(circle at 80% 16%, #dceaff 0, transparent 34%), var(--paper); }.atlas-hero__copy { max-width: 980px; }.atlas-kicker { display: flex; align-items: center; gap: 16px; margin: 0; font: 500 10px Fira Code, monospace; letter-spacing: .07em; }.atlas-kicker b { padding: 7px 9px; border-radius: 99px; background: #d9f6e4; color: #157548; font-size: 9px; }.atlas-kicker b::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: currentColor; }.atlas-hero h1 { margin: 30px 0 24px; font: 600 clamp(55px,7.7vw,112px)/.92 "Fira Sans", sans-serif; letter-spacing: -.065em; }.atlas-hero h1 em { color: var(--blue); font-style: normal; }.atlas-hero__copy > p:not(.atlas-kicker) { max-width: 700px; margin: 0; color: var(--muted); font-size: 19px; line-height: 1.6; }.atlas-text-link { min-height: 48px; display: inline-flex; align-items: center; gap: 10px; color: var(--blue); text-decoration: none; font-size: 14px; font-weight: 600; }
.atlas-board { max-width: 1320px; min-height: 640px; margin: 70px auto 0; position: relative; border: 1px solid #c9d6eb; border-radius: 22px 22px 0 0; background: #0c2356; overflow: hidden; box-shadow: 0 38px 90px rgba(22,62,146,.18); }.atlas-board::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 44px 44px; }.atlas-board__top { height: 58px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; padding: 0 22px; border-bottom: 1px solid rgba(255,255,255,.1); color: #9eb2df; font: 500 9px Fira Code, monospace; letter-spacing: .07em; }.atlas-board__top span i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: #54eb9b; box-shadow: 0 0 0 4px rgba(84,235,155,.12); }.atlas-world { position: absolute; width: 82%; height: 75%; top: 65px; left: 9%; }.world-shape { fill: #17346e; stroke: #31518e; stroke-width: 1; }.route { fill: none; stroke: #61b8ff; stroke-width: 1.5; stroke-dasharray: 6 6; }.hub { fill: #ff754b; stroke: #ffd5c8; stroke-width: 3; }.hub-main { fill: #61b8ff; stroke: #d8edff; }.atlas-node { position: absolute; min-width: 115px; display: grid; gap: 4px; padding: 10px 12px; border: 1px solid rgba(114,171,255,.35); border-radius: 8px; background: rgba(13,37,89,.88); color: #fff; }.atlas-node b { font: 500 10px Fira Code, monospace; }.atlas-node span { color: #8da7d8; font: 400 8px Fira Code, monospace; }.node-kz { left: 49%; top: 38%; }.node-uk { left: 18%; top: 29%; }.node-us { right: 8%; top: 31%; }.node-uae { right: 11%; bottom: 29%; }
.atlas-flow { position: absolute; inset: auto 26px 24px; min-height: 86px; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 16px; padding: 16px 20px; border: 1px solid rgba(115,169,255,.3); border-radius: 13px; background: rgba(7,27,70,.9); color: #fff; }.atlas-flow > span { display: flex; align-items: center; gap: 12px; }.flow-icon { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 9px; background: #183a79; color: #82c6ff; font: 500 9px Fira Code, monospace; font-style: normal; }.atlas-flow p { margin: 0; font-size: 12px; }.atlas-flow p small { display: block; margin-top: 4px; color: #8299c9; font: 400 9px Fira Code, monospace; }.atlas-flow > svg { width: 19px; color: #6282bd; }
.atlas-proof { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #5e6f91; font: 500 9px Fira Code, monospace; letter-spacing: .06em; }.atlas-proof b { width: 4px; height: 4px; border-radius: 50%; background: #b0bdd4; }
.atlas-section-head { display: grid; grid-template-columns: 170px 1fr .55fr; gap: 40px; align-items: end; margin-bottom: 76px; }.atlas-section-head > p { align-self: start; margin: 7px 0 0; color: var(--blue); font: 500 10px Fira Code, monospace; }.atlas-section-head h2 { margin: 0; font-size: clamp(45px,5vw,72px); line-height: .98; letter-spacing: -.055em; }.atlas-section-head > span { color: var(--muted); font-size: 15px; line-height: 1.6; }
.atlas-network { background: #fff; }.region-grid { display: grid; grid-template-columns: 1.25fr repeat(3,1fr); gap: 10px; }.region-card { min-height: 380px; display: flex; flex-direction: column; padding: 25px; border: 1px solid var(--line); border-radius: 14px; background: #f7f9fd; transition: transform .25s var(--ease), box-shadow .25s; }.region-card:hover { transform: translateY(-5px); box-shadow: 0 18px 50px rgba(25,65,140,.1); }.region-card > span { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid #c8d6ec; border-radius: 10px; color: var(--blue); font: 600 11px Fira Code, monospace; }.region-card > p { margin: auto 0 8px; color: var(--blue); font: 500 9px Fira Code, monospace; letter-spacing: .05em; }.region-card h3 { margin: 0 0 16px; font-size: 31px; letter-spacing: -.04em; }.region-card small { min-height: 54px; color: var(--muted); line-height: 1.5; }.region-card--main { background: var(--blue); color: #fff; }.region-card--main > span { border-color: rgba(255,255,255,.35); color: #fff; }.region-card--main > p, .region-card--main small { color: #c7d8ff; }.region-pulse { margin-top: 24px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.2); font: 500 8px Fira Code, monospace; }.region-pulse i { display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #70f0a9; }
.atlas-products { background: #eef4ff; }.atlas-bento { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: 510px 450px; gap: 12px; }.atlas-tile { padding: 30px; border: 1px solid #cfdcf1; border-radius: 18px; background: #fff; position: relative; overflow: hidden; }.atlas-tile__head { display: flex; align-items: center; gap: 12px; }.atlas-tile__head > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 11px; background: #e8f0ff; color: var(--blue); }.atlas-tile__head svg { width: 21px; height: 21px; }.atlas-tile__head > b { font: 500 10px Fira Code, monospace; color: var(--blue); }.atlas-tile__head > small { margin-left: auto; color: #8795b0; font: 500 9px Fira Code, monospace; }.atlas-tile h3 { margin: 32px 0 15px; font-size: clamp(32px,3.5vw,51px); line-height: .98; letter-spacing: -.05em; }.atlas-tile > p { max-width: 560px; color: var(--muted); line-height: 1.55; }.atlas-tile--payments { background: #0d265b; color: #fff; }.atlas-tile--payments .atlas-tile__head > span { background: #173b7e; color: #7ac4ff; }.atlas-tile--payments .atlas-tile__head > b { color: #7ac4ff; }.atlas-tile--payments .atlas-tile__head > small, .atlas-tile--payments > p { color: #93a9d4; }.payment-stack { position: absolute; inset: auto 30px 30px; display: grid; gap: 8px; }.payment-stack span { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; padding: 11px; border: 1px solid rgba(128,176,255,.2); border-radius: 9px; background: rgba(255,255,255,.04); font-size: 12px; }.payment-stack i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 6px; background: #214689; color: #89cbff; font: 600 9px Fira Code, monospace; font-style: normal; }.payment-stack b { color: #89f4b8; font: 500 9px Fira Code, monospace; }
.funding-meter { position: absolute; inset: auto 30px 30px; padding: 20px; border-radius: 12px; background: #f3f7ff; }.funding-meter > span { display: grid; }.funding-meter > span b { font: 600 27px Fira Code, monospace; }.funding-meter > span small { color: var(--muted); }.funding-meter > i { display: block; height: 7px; margin: 16px 0 12px; border-radius: 8px; background: #dbe5f5; overflow: hidden; }.funding-meter > i b { display: block; width: 74%; height: 100%; background: linear-gradient(90deg,var(--blue),#6d9bff); }.funding-meter em { color: var(--blue); font: 500 9px Fira Code, monospace; font-style: normal; }
.atlas-tile--ai { background: #fff; }.ai-insight { position: absolute; inset: auto 30px 30px; padding: 20px; border-left: 3px solid var(--orange); border-radius: 0 10px 10px 0; background: #fff3ed; }.ai-insight > span { color: var(--orange); font: 600 9px Fira Code, monospace; }.ai-insight p { margin: 12px 0; font-size: 14px; }.ai-insight small { color: #7b665e; }.atlas-tile--commerce { background: linear-gradient(135deg,#1859f1,#0c2e84); color: #fff; }.atlas-tile--commerce > span { color: #a5c5ff; font: 500 10px Fira Code, monospace; }.atlas-tile--commerce > p { color: #bfceee; }.commerce-orbit { width: 260px; height: 130px; position: absolute; right: 20px; bottom: 25px; display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; }.commerce-orbit::after { content: ""; position: absolute; left: 50%; top: 0; height: 100%; width: 1px; background: rgba(255,255,255,.2); }.commerce-orbit i { margin: 0 -17px; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: #0e367f; color: #8fb7ff; font: 500 8px Fira Code, monospace; font-style: normal; }.commerce-orbit b { position: relative; z-index: 1; padding: 11px; border-radius: 8px; background: #fff; color: var(--blue); font: 600 9px Fira Code, monospace; }
.atlas-growth { background: #fff; }.path-list { border-top: 1px solid var(--line); }.path-item { min-height: 116px; display: grid; grid-template-columns: 50px 52px 1fr auto; align-items: center; gap: 24px; border-bottom: 1px solid var(--line); transition: padding .2s, background .2s; }.path-item:hover { padding-inline: 18px; background: #f3f7ff; }.path-item > span { color: #8a97b0; font: 500 9px Fira Code, monospace; }.path-item > svg { width: 25px; height: 25px; color: var(--blue); }.path-item h3 { margin: 0 0 6px; font-size: 20px; }.path-item p { margin: 0; color: var(--muted); font-size: 13px; }.path-item > b { padding: 9px 12px; border-radius: 99px; background: #e9f7ef; color: #12804c; font: 500 9px Fira Code, monospace; }
.atlas-why { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: start; background: #dff1ff; }.atlas-why__copy > p:first-child { color: var(--blue); font: 500 10px Fira Code, monospace; }.atlas-why__copy h2 { margin: 28px 0; font-size: clamp(43px,5vw,70px); line-height: .96; letter-spacing: -.06em; }.atlas-why__copy > p:not(:first-child) { color: #566986; line-height: 1.65; }.atlas-why__copy .button { margin-top: 26px; }.atlas-faq { border-top: 1px solid #b8cee2; }.atlas-faq details { border-bottom: 1px solid #b8cee2; }.atlas-faq summary { min-height: 92px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; cursor: pointer; list-style: none; font-size: 19px; font-weight: 600; }.atlas-faq summary::-webkit-details-marker { display: none; }.atlas-faq summary span { color: #71839e; font: 500 9px Fira Code, monospace; }.atlas-faq details p { margin: -10px 80px 28px 0; color: #566986; line-height: 1.6; }
.atlas-team { background: var(--paper); }.atlas-people { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }.atlas-person { min-height: 160px; display: grid; grid-template-columns: 60px 1fr auto; align-items: center; gap: 20px; padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }.atlas-person > b { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 11px; background: #e8f0ff; color: var(--blue); font: 500 10px Fira Code, monospace; }.atlas-person h3 { margin: 0 0 6px; font-size: 18px; }.atlas-person p { margin: 0; color: var(--blue); font-size: 11px; }.atlas-person > span { color: var(--muted); font: 400 9px/1.6 Fira Code, monospace; text-align: right; }
.atlas-footer { padding-bottom: 34px; background: var(--blue); color: #fff; }.atlas-footer__grid { display: grid; grid-template-columns: 160px 1fr auto; gap: 40px; align-items: end; }.atlas-footer__grid > p { align-self: start; margin: 8px 0 0; color: #c4d7ff; font: 500 9px Fira Code, monospace; }.atlas-footer h2 { margin: 0; font-size: clamp(48px,6vw,90px); line-height: .9; letter-spacing: -.065em; }.atlas-footer__grid > div { display: grid; gap: 18px; justify-items: end; }.atlas-footer__grid > div > a:not(.button) { color: #fff; text-decoration: none; font: 500 11px Fira Code, monospace; }.button--white { background: #fff; color: var(--blue); border-radius: 9px; }.atlas-footer__bottom { margin-top: 110px; padding-top: 24px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(255,255,255,.25); color: #c3d6ff; font: 500 9px Fira Code, monospace; }.atlas-footer .wordmark--atlas { color: #fff; }.atlas-footer .atlas-logo { background: #fff; color: var(--blue); }