/* ==========================================================================
   TOKENBRIDGE GLOBAL LIMITED — Institutional Design System
   Palette   : Abyssal navy / brushed gold / archive paper
   Display   : Newsreader (editorial serif, capital-markets register)
   Body      : IBM Plex Sans
   Utility   : IBM Plex Mono — used for stage numbers, reserve figures,
               instrument labels; the vernacular of a trading/registry screen.
   ========================================================================== */

:root{
  --ink:#071426;
  --navy:#0C2340;
  --navy-2:#12325A;
  --navy-3:#1B4372;
  --gold:#B7943F;
  --gold-2:#E2C583;
  --gold-3:#F1E2BE;
  --paper:#F5F3EE;
  --paper-2:#FBFAF7;
  --white:#FFFFFF;
  --slate:#55606E;
  --slate-2:#7C8794;
  --line:#DDD8CB;
  --line-2:#EBE7DD;
  --line-dark:rgba(226,197,131,.20);
  --line-dark-2:rgba(255,255,255,.09);

  --f-display:"Newsreader",Georgia,"Times New Roman",serif;
  --f-body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --f-mono:"IBM Plex Mono","SF Mono",Menlo,monospace;

  --wrap:1240px;
  --wrap-narrow:880px;
  --gutter:clamp(20px,5vw,64px);
  --sp-band:clamp(64px,8vw,124px);
  --ease:cubic-bezier(.22,.61,.36,1);
  --hdr:74px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 16px)}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--f-body);font-size:16.5px;line-height:1.62;
  font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:500;letter-spacing:-.015em;margin:0;text-wrap:balance}
p{margin:0 0 1.05em}
p:last-child{margin-bottom:0}
::selection{background:var(--gold-2);color:var(--ink)}

/* ---------- type scale ---------- */
.d1{font-size:clamp(2.5rem,6.4vw,5.1rem);line-height:1.02;letter-spacing:-.028em}
.d2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.08}
.d3{font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.16}
.d4{font-size:clamp(1.12rem,1.5vw,1.34rem);line-height:1.28}
.lead{font-size:clamp(1.06rem,1.45vw,1.28rem);line-height:1.58;color:var(--slate)}
.small{font-size:.87rem;line-height:1.58}
.mono{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.eyebrow{font-family:var(--f-mono);font-size:.688rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.7rem;margin:0 0 1.5rem;font-weight:500}
.eyebrow::after{content:"";height:1px;flex:1;background:var(--line);max-width:120px}
.on-dark .eyebrow{color:var(--gold-2)}
.on-dark .eyebrow::after{background:var(--line-dark)}
.on-dark .lead{color:rgba(255,255,255,.76)}

/* ---------- layout ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:var(--wrap-narrow)}
.band{padding:var(--sp-band) 0;position:relative}
.band--paper{background:var(--paper)}
.band--white{background:var(--paper-2)}
.band--ink{background:var(--ink);color:var(--white)}
.band--navy{background:var(--navy);color:var(--white)}
.band--tight{padding-top:clamp(40px,5vw,64px)}
.band--flush{padding-bottom:0}
.on-dark{color:#fff}
.on-dark h1,.on-dark h2,.on-dark h3,.on-dark h4{color:#fff}
.hairline{height:1px;background:var(--line);border:0;margin:0}
.on-dark .hairline,.hairline--dark{background:var(--line-dark)}

.cols{display:grid;gap:clamp(24px,3vw,44px)}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
.split--even{grid-template-columns:repeat(2,minmax(0,1fr))}
.stack-sm>*+*{margin-top:.6rem}
.mt-l{margin-top:clamp(32px,4vw,56px)}
.mt-m{margin-top:clamp(20px,2.5vw,32px)}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:80;background:rgba(7,20,38,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-dark)}
.top__bar{max-width:1560px;margin:0 auto;padding:0 clamp(20px,3vw,40px);height:var(--hdr);display:flex;align-items:center;gap:clamp(12px,2vw,24px)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;flex:0 0 auto}
.brand svg{width:30px;height:30px;flex:0 0 auto}
.brand__name{display:block;font-family:var(--f-display);font-size:1.02rem;letter-spacing:.055em;text-transform:uppercase;line-height:1;font-weight:500}
.brand__sub{display:block;font-family:var(--f-mono);font-size:.52rem;letter-spacing:.24em;color:var(--gold-2);text-transform:uppercase;margin-top:4px}

.nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.nav__item{position:relative}
.nav__link{display:block;padding:10px 8px;font-size:.715rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.82);text-decoration:none;font-weight:450;white-space:nowrap;transition:color .2s}
.nav__link:hover,.nav__link:focus-visible{color:var(--gold-2)}
.nav__link[aria-current="page"]{color:var(--gold-2)}
.nav__link[aria-current="page"]::after{content:"";display:block;height:1px;background:var(--gold);margin-top:5px}
.nav__panel{position:absolute;top:100%;left:-10px;min-width:284px;background:var(--navy);border:1px solid var(--line-dark);border-top:2px solid var(--gold);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .18s,visibility .18s;box-shadow:0 26px 60px rgba(0,0,0,.42)}
.nav__item:hover .nav__panel,.nav__item:focus-within .nav__panel{opacity:1;visibility:visible;transform:translateY(0)}
.nav__panel a{display:block;padding:9px 12px;font-size:.83rem;color:rgba(255,255,255,.8);text-decoration:none;border-left:1px solid transparent;transition:.18s}
.nav__panel a:hover,.nav__panel a:focus-visible{background:rgba(255,255,255,.05);color:#fff;border-left-color:var(--gold)}
.nav__panel .mono{display:block;color:var(--gold-2);padding:8px 12px 4px;font-size:.6rem}

.top__cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;background:var(--gold);color:var(--ink);text-decoration:none;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;transition:background .2s,transform .2s}
.top__cta:hover{background:var(--gold-2);transform:translateY(-1px)}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line-dark);color:#fff;width:44px;height:40px;cursor:pointer;align-items:center;justify-content:center}
.burger span{display:block;width:18px;height:1px;background:#fff;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1px;background:#fff}
.burger span::before{top:-5px}.burger span::after{top:5px}

.drawer{position:fixed;inset:var(--hdr) 0 0;background:var(--ink);z-index:70;overflow-y:auto;padding:24px var(--gutter) 80px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:.22s}
.drawer[data-open="true"]{opacity:1;visibility:visible;transform:none}
.drawer details{border-bottom:1px solid var(--line-dark-2)}
.drawer summary{padding:14px 0;font-family:var(--f-mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";color:var(--gold-2)}
.drawer details[open] summary::after{content:"–"}
.drawer details a,.drawer>a{display:block;padding:9px 0 9px 14px;color:rgba(255,255,255,.74);text-decoration:none;font-size:.92rem}
.drawer>a{border-bottom:1px solid var(--line-dark-2);padding-left:0;font-family:var(--f-mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#fff}

/* ---------- hero ---------- */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden;border-bottom:1px solid var(--line-dark)}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(1100px 520px at 78% 8%,rgba(27,67,114,.55),transparent 62%),
  radial-gradient(760px 420px at 6% 96%,rgba(183,148,63,.13),transparent 65%)}
.hero__inner{position:relative;padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,84px)}
.hero--tall .hero__inner{padding-bottom:clamp(24px,3vw,40px)}
.hero__title{max-width:24ch}
.hero__lead{max-width:56ch;margin-top:clamp(20px,2.6vw,30px)}
.hero__meta{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(36px,5vw,60px);border-top:1px solid var(--line-dark)}
.hero__meta div{flex:1 1 190px;padding:20px 24px 0 0;border-right:1px solid var(--line-dark)}
.hero__meta div:last-child{border-right:0}
.hero__meta .mono{color:var(--gold-2);display:block;margin-bottom:6px}
.hero__meta p{font-size:.93rem;color:rgba(255,255,255,.72);margin:0}

.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3.4vw,40px)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;text-decoration:none;font-family:var(--f-mono);font-size:.71rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500;border:1px solid var(--gold);color:var(--ink);background:var(--gold);transition:.22s var(--ease)}
.btn:hover{background:var(--gold-2);border-color:var(--gold-2)}
.btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.34)}
.btn--ghost:hover{background:rgba(255,255,255,.07);border-color:#fff;color:#fff}
.btn--dark{background:var(--ink);border-color:var(--ink);color:#fff}
.btn--dark:hover{background:var(--navy-2);border-color:var(--navy-2);color:#fff}
.btn svg{width:13px;height:13px}

/* ---------- signature: the bridge ---------- */
.bridge{position:relative;margin-top:clamp(24px,3vw,40px)}
.bridge svg{width:100%;height:auto;display:block;overflow:hidden}
.bridge__legend{display:flex;justify-content:space-between;gap:16px;margin-top:14px;border-top:1px solid var(--line-dark);padding-top:12px}
.bridge__legend span{font-family:var(--f-mono);font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.bridge__legend span:nth-child(2){color:var(--gold-2)}
.flowdot{fill:var(--gold-2)}
.spanline{stroke:var(--gold);stroke-width:1;opacity:.5}
.deck{stroke:rgba(255,255,255,.4);stroke-width:1.1}
.pier{fill:rgba(255,255,255,.045);stroke:rgba(255,255,255,.2)}
.bridge text{font-family:var(--f-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;fill:rgba(255,255,255,.72)}
.bridge text.t-gold{fill:var(--gold-2)}
.bridge text.t-cap{font-family:var(--f-display);font-size:15px;letter-spacing:.02em;text-transform:none;fill:#fff}

/* ---------- architecture stack ---------- */
.stack{border-top:1px solid var(--line-dark);counter-reset:layer}
.layer{display:grid;grid-template-columns:76px minmax(0,1fr);gap:6px clamp(14px,3vw,32px);align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line-dark);opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.layer.is-in{opacity:1;transform:none}
.layer__no{font-family:var(--f-mono);font-size:.7rem;color:var(--gold);letter-spacing:.08em;white-space:nowrap}
.layer__name{font-family:var(--f-display);font-size:clamp(1.1rem,1.7vw,1.42rem);line-height:1.2}
.layer__desc{grid-column:2;color:rgba(255,255,255,.7);font-size:.95rem;max-width:52ch}
.layer:hover .layer__name{color:var(--gold-2)}
.layer__name,.layer__desc{transition:color .3s}

/* ---------- cards ---------- */
.card{background:var(--paper-2);border:1px solid var(--line);padding:clamp(22px,2.4vw,32px);position:relative;transition:.28s var(--ease)}
.card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 18px 40px rgba(7,20,38,.07)}
.card h3{font-size:1.14rem;margin-bottom:.5rem}
.card p{font-size:.94rem;color:var(--slate);margin:0}
.card .mono{color:var(--gold);display:block;margin-bottom:14px}
.card__ico{width:34px;height:34px;margin-bottom:16px;color:var(--navy-2)}
.on-dark .card{background:rgba(255,255,255,.035);border-color:var(--line-dark-2)}
.on-dark .card p{color:rgba(255,255,255,.7)}
.on-dark .card:hover{background:rgba(255,255,255,.06);border-color:var(--gold)}
.card--link{text-decoration:none;display:block}
.card--link::after{content:"→";position:absolute;right:24px;bottom:22px;color:var(--gold);opacity:0;transform:translateX(-6px);transition:.28s}
.card--link:hover::after{opacity:1;transform:none}

.tile{border:1px solid var(--line);background:var(--paper-2);padding:0;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:.3s var(--ease)}
.tile:hover{border-color:var(--gold);box-shadow:0 20px 44px rgba(7,20,38,.09)}
.tile__band{background:var(--navy);color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.tile__band .mono{color:var(--gold-2)}
.tile__body{padding:22px;flex:1}
.tile__body h3{font-size:1.22rem;margin-bottom:.45rem}
.tile__body p{font-size:.93rem;color:var(--slate)}
.tile__body ul{margin:14px 0 0;padding:0;list-style:none;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate-2);display:flex;flex-wrap:wrap;gap:6px 10px}

/* ---------- lists ---------- */
.ticks{list-style:none;margin:0;padding:0}
.ticks li{position:relative;padding:9px 0 9px 26px;border-bottom:1px solid var(--line-2);font-size:.96rem}
.ticks li::before{content:"";position:absolute;left:0;top:17px;width:9px;height:1px;background:var(--gold)}
.on-dark .ticks li{border-bottom-color:var(--line-dark-2);color:rgba(255,255,255,.8)}
.defs{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.defs li{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(12px,3vw,40px)}
.defs strong{font-family:var(--f-display);font-weight:500;font-size:1.08rem}
.defs p{font-size:.95rem;color:var(--slate);margin:0}
.on-dark .defs,.on-dark .defs li{border-color:var(--line-dark-2)}
.on-dark .defs p{color:rgba(255,255,255,.7)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.chips li{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.11em;text-transform:uppercase;border:1px solid var(--line);padding:7px 11px;color:var(--slate);background:var(--paper-2)}
.on-dark .chips li{border-color:var(--line-dark);color:rgba(255,255,255,.74);background:rgba(255,255,255,.03)}

/* ---------- process rail (8 stages) ---------- */
.rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.rail__step{background:var(--paper-2);padding:22px;position:relative;transition:.3s}
.rail__step:hover{background:var(--navy);color:#fff}
.rail__step .mono{color:var(--gold);display:block;margin-bottom:12px;font-size:.68rem}
.rail__step h3{font-size:1.02rem;margin-bottom:.4rem}
.rail__step p{font-size:.87rem;color:var(--slate);margin:0}
.rail__step:hover h3{color:#fff}
.rail__step:hover p{color:rgba(255,255,255,.75)}

/* ---------- liquidity ladder ---------- */
.ladder{border:1px solid var(--line);background:var(--paper-2)}
.ladder__track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line)}
.ladder__btn{appearance:none;border:0;background:var(--paper-2);padding:20px 16px;text-align:left;cursor:pointer;font:inherit;border-bottom:2px solid transparent;transition:.24s}
.ladder__btn:hover{background:var(--paper)}
.ladder__btn[aria-selected="true"]{background:var(--navy);border-bottom-color:var(--gold)}
.ladder__btn .mono{display:block;color:var(--gold);font-size:.63rem;margin-bottom:9px}
.ladder__btn strong{display:block;font-family:var(--f-display);font-weight:500;font-size:1rem;line-height:1.22}
.ladder__btn em{display:block;font-family:var(--f-mono);font-style:normal;font-size:.72rem;color:var(--slate-2);margin-top:8px;letter-spacing:.06em}
.ladder__btn[aria-selected="true"] strong{color:#fff}
.ladder__btn[aria-selected="true"] em{color:var(--gold-2)}
.ladder__panel{padding:clamp(24px,3vw,40px);display:none;border-top:1px solid var(--line)}
.ladder__panel[data-active="true"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px)}
.meter{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate)}
.meter i{flex:1;height:3px;background:var(--line);position:relative;display:block}
.meter i::before{content:"";position:absolute;inset:0 auto 0 0;background:var(--gold);width:var(--v,50%)}

/* ---------- tabs (stablecoin models) ---------- */
.tabs{display:flex;gap:0;border:1px solid var(--line-dark);margin-bottom:clamp(24px,3vw,36px);flex-wrap:wrap}
.tabs button{flex:1 1 200px;appearance:none;border:0;border-right:1px solid var(--line-dark);background:transparent;color:rgba(255,255,255,.68);padding:18px 20px;text-align:left;cursor:pointer;font:inherit;transition:.24s}
.tabs button:last-child{border-right:0}
.tabs button:hover{background:rgba(255,255,255,.05);color:#fff}
.tabs button[aria-selected="true"]{background:rgba(226,197,131,.1);color:#fff;box-shadow:inset 0 -2px 0 var(--gold)}
.tabs .mono{display:block;color:var(--gold-2);font-size:.63rem;margin-bottom:7px}
.tabs strong{font-family:var(--f-display);font-weight:500;font-size:1.02rem}
.tabpanel{display:none}
.tabpanel[data-active="true"]{display:block;animation:fade .4s var(--ease)}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:0;padding:0;list-style:none}
.flow li{flex:1 1 130px;border:1px solid var(--line-dark);background:rgba(255,255,255,.03);padding:16px;position:relative}
.flow li .mono{color:var(--gold-2);font-size:.6rem;display:block;margin-bottom:8px}
.flow li strong{font-family:var(--f-display);font-weight:500;font-size:1rem;line-height:1.24;display:block}
.flow--light li{border-color:var(--line);background:var(--paper-2)}
.flow--light li .mono{color:var(--gold)}

/* ---------- figures / diagrams ---------- */
.figure{margin:0;border:1px solid var(--line);background:var(--paper-2)}
.figure img{cursor:zoom-in}
.figure figcaption{padding:14px 18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap}
.figure figcaption span{font-family:var(--f-mono);font-size:.63rem;letter-spacing:.13em;text-transform:uppercase;color:var(--slate-2)}
.figure figcaption em{font-style:normal;font-size:.9rem;color:var(--slate)}
.on-dark .figure{border-color:var(--line-dark);background:rgba(255,255,255,.03)}
.on-dark .figure figcaption{border-top-color:var(--line-dark)}
.on-dark .figure figcaption em{color:rgba(255,255,255,.72)}
.lightbox{position:fixed;inset:0;z-index:120;background:rgba(4,10,20,.94);display:none;align-items:center;justify-content:center;padding:2vw}
.lightbox[data-open="true"]{display:flex}
.lightbox img{max-width:98vw;max-height:92vh;object-fit:contain;width:auto}
.lightbox button{position:absolute;top:18px;right:18px;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;width:42px;height:42px;font-size:20px;cursor:pointer}

/* ---------- pull statement ---------- */
.statement{border-left:2px solid var(--gold);padding:6px 0 6px clamp(20px,3vw,36px)}
.statement p{font-family:var(--f-display);font-size:clamp(1.3rem,2.5vw,2.05rem);line-height:1.24;letter-spacing:-.01em}
.statement cite{display:block;font-family:var(--f-mono);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-style:normal;margin-top:18px}

/* ---------- data / stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-dark);border:1px solid var(--line-dark)}
.stats div{padding:24px;background:rgba(255,255,255,.02)}
.stats strong{display:block;font-family:var(--f-display);font-size:clamp(1.7rem,3vw,2.5rem);line-height:1;color:var(--gold-2);font-weight:400}
.stats span{display:block;font-family:var(--f-mono);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62);margin-top:12px}

/* ---------- table ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:.93rem}
.tbl th,.tbl td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font-family:var(--f-mono);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);border-bottom-color:var(--ink);font-weight:500}
.tbl td strong{font-family:var(--f-display);font-weight:500;font-size:1rem}
.tbl tr:hover td{background:var(--paper)}
.tbl-scroll{overflow-x:auto;border:1px solid var(--line);background:var(--paper-2)}

/* ---------- people ---------- */
.person{border:1px solid var(--line);background:var(--paper-2);padding:clamp(22px,2.6vw,34px)}
.person__portrait{aspect-ratio:1/1;background:linear-gradient(160deg,var(--navy),var(--ink));display:flex;align-items:center;justify-content:center;margin:0 0 22px;border:1px solid var(--line-dark)}
.person__portrait span{font-family:var(--f-display);font-size:2.2rem;color:var(--gold-2);letter-spacing:.06em}
.person h3{font-size:1.3rem}
.person .role{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:8px 0 18px}
.person h4{font-family:var(--f-mono);font-size:.63rem;letter-spacing:.15em;text-transform:uppercase;color:var(--slate-2);margin:22px 0 8px;font-weight:500}
.person p{font-size:.94rem;color:var(--slate)}
.pending{border:1px dashed var(--line);background:var(--paper);padding:14px 16px;font-size:.85rem;color:var(--slate-2);font-family:var(--f-mono);letter-spacing:.04em}

.roster{border-top:1px solid var(--line-dark)}
.roster__group{border-bottom:1px solid var(--line-dark);padding:26px 0}
.roster__group h3{font-size:1.16rem;margin-bottom:4px}
.roster__group>p{font-size:.9rem;color:rgba(255,255,255,.6);margin:0 0 18px}
.roster__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line-dark-2)}
.roster__list div{background:var(--ink);padding:16px 18px}
.roster__list strong{display:block;font-family:var(--f-body);font-size:.94rem;font-weight:500;color:#fff}
.roster__list span{display:block;font-size:.84rem;color:rgba(255,255,255,.56);margin-top:4px}

/* ---------- insights ---------- */
.insight{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:clamp(14px,3vw,36px);align-items:baseline;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:.24s}
.insight:hover{background:var(--paper-2);padding-left:12px;padding-right:12px}
.insight .mono{color:var(--gold);font-size:.65rem}
.insight h3{font-size:clamp(1.08rem,1.6vw,1.3rem)}
.insight p{font-size:.93rem;color:var(--slate);margin:.4rem 0 0;max-width:74ch}
.insight__tag{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--slate-2);white-space:nowrap}

/* ---------- routes (partner) ---------- */
.route{display:block;text-decoration:none;border:1px solid var(--line-dark);background:rgba(255,255,255,.03);padding:clamp(24px,3vw,34px);transition:.3s var(--ease)}
.route:hover{background:rgba(226,197,131,.08);border-color:var(--gold);transform:translateY(-3px)}
.route .mono{color:var(--gold-2);display:block;margin-bottom:16px}
.route h3{font-size:1.24rem;margin-bottom:.5rem}
.route p{font-size:.93rem;color:rgba(255,255,255,.7);margin:0}
.route__go{display:inline-block;margin-top:20px;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2)}

/* ---------- forms ---------- */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.field{display:flex;flex-direction:column;gap:7px}
.field--wide{grid-column:1/-1}
.field label{font-family:var(--f-mono);font-size:.63rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate)}
.field input,.field select,.field textarea{font:inherit;font-size:.95rem;padding:12px 14px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);border-radius:0}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}
.field textarea{min-height:130px;resize:vertical}

/* ---------- cta band ---------- */
.cta{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 340px at 88% 0%,rgba(226,197,131,.16),transparent 60%)}
.cta__inner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:clamp(44px,6vw,76px) 0;flex-wrap:wrap}

/* ---------- footer ---------- */
.foot{background:var(--ink);color:rgba(255,255,255,.62);padding:clamp(48px,6vw,76px) 0 30px;border-top:1px solid var(--line-dark)}
.foot__cols{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,40px)}
.foot h4{font-family:var(--f-mono);font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);margin:0 0 16px;font-weight:500}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:9px}
.foot a{color:rgba(255,255,255,.62);text-decoration:none;font-size:.89rem;transition:color .2s}
.foot a:hover{color:#fff}
.foot__brand p{font-size:.9rem;max-width:34ch;margin-top:16px}
.foot__legal{margin-top:clamp(36px,4vw,56px);padding-top:24px;border-top:1px solid var(--line-dark-2);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.foot__legal p{font-size:.78rem;max-width:88ch;color:rgba(255,255,255,.44)}
.disclaimer{background:rgba(255,255,255,.03);border:1px solid var(--line-dark-2);padding:20px 22px;margin-top:28px}
.disclaimer p{font-size:.8rem;color:rgba(255,255,255,.5);margin:0}

/* ---------- misc ---------- */
.crumb{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:26px}
.crumb a{color:var(--gold-2);text-decoration:none}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:12px;z-index:200;background:var(--gold);color:var(--ink);padding:10px 16px;font-family:var(--f-mono);font-size:.7rem}
:focus-visible{outline:2px solid var(--gold-2);outline-offset:2px}

/* ---------- responsive ---------- */
@media (max-width:1430px){
  .nav{display:none}
  .burger{display:flex}
  .top__cta{display:none}
  .foot__cols{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .cols-4,.rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split,.split--even{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ladder__track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ladder__panel[data-active="true"]{grid-template-columns:minmax(0,1fr)}
  .layer{grid-template-columns:52px minmax(0,1fr)}
  .insight{grid-template-columns:minmax(0,1fr);gap:6px}
  .insight__tag{margin-top:8px}
}
@media (max-width:640px){
  body{font-size:16px}
  .cols-2,.cols-3,.cols-4,.rail{grid-template-columns:minmax(0,1fr)}
  .defs li{grid-template-columns:minmax(0,1fr);gap:6px}
  .form{grid-template-columns:minmax(0,1fr)}
  .foot__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero__meta div{border-right:0;border-bottom:1px solid var(--line-dark);padding-bottom:16px}
  .ladder__track{grid-template-columns:minmax(0,1fr)}
  .cta__inner{padding:44px 0}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  html{scroll-behavior:auto}
  .reveal,.layer{opacity:1;transform:none}
}
@media print{
  .top,.drawer,.cta,.foot__legal{display:none}
  body{background:#fff}
}

/* reduced motion: stop the bridge flow entirely */
@media (prefers-reduced-motion:reduce){
  .flowdot{display:none}
}

/* the architecture intro holds position while the eight layers scroll past it */
.sticky-col{position:sticky;top:calc(var(--hdr) + 48px)}
@media (max-width:900px){.sticky-col{position:static}}

/* ==========================================================================
   Jurisdiction platform diagram — enhanced, responsive rebuild of the
   pain points / uniqueness / Cyprus advantage board infographic
   ========================================================================== */
.dgm{border:1px solid var(--line-dark);background:linear-gradient(165deg,#08182C,#050E1B 62%);padding:clamp(20px,2.6vw,38px)}
.dgm__top{text-align:center;padding-bottom:clamp(18px,2vw,26px);border-bottom:1px solid var(--line-dark)}
.dgm__top h3{font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.14}
.dgm__top p{font-family:var(--f-display);font-style:italic;color:var(--gold-2);font-size:clamp(.95rem,1.4vw,1.12rem);margin:.5rem 0 0}
.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(20px,2.4vw,32px)}
.tri__panel{border:1px solid var(--line-dark);background:rgba(255,255,255,.028);padding:clamp(16px,1.8vw,24px);position:relative}
.tri__panel>h4{display:flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-2);font-weight:500;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line-dark)}
.tri__panel>h4 b{flex:0 0 auto;width:22px;height:22px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:.66rem;color:var(--gold-2);font-weight:500}
.tri__panel::after{content:"";position:absolute;right:-13px;top:50%;width:0;height:0;border:7px solid transparent;border-left-color:var(--gold);opacity:.75;z-index:2}
.tri__panel:last-child::after{display:none}
.prow{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--line-dark-2)}
.prow:last-child{border-bottom:0;padding-bottom:0}
.prow span{font-family:var(--f-mono);font-size:.68rem;color:var(--gold);padding-top:2px}
.prow strong{font-weight:500;font-size:.92rem;color:#fff;display:block;line-height:1.4}
.prow em{font-style:normal;display:block;font-size:.84rem;color:rgba(255,255,255,.62);margin-top:4px;line-height:1.5}
.hub{margin:0 0 16px}
.hub svg{width:100%;height:auto;display:block}
.hub text{font-family:var(--f-mono);font-size:11px;fill:var(--gold-2);letter-spacing:.04em}
.hub .hub-c{font-family:var(--f-display);font-size:13px;fill:#fff;letter-spacing:.01em}
.dgm__tag{margin-top:16px;border:1px solid var(--gold);background:rgba(226,197,131,.08);padding:12px 14px;text-align:center;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-2)}
.benefits{margin-top:clamp(16px,2vw,24px);border:1px solid var(--line-dark);background:rgba(226,197,131,.04)}
.benefits h4{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-align:center;margin:0;padding:12px;border-bottom:1px solid var(--line-dark);font-weight:500}
.benefits ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line-dark);margin:0;padding:0;list-style:none}
.benefits li{background:#071426;padding:16px 12px;text-align:center;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.8);line-height:1.5}
.closing{margin-top:clamp(16px,2vw,24px);border:1px solid var(--gold);padding:clamp(18px,2.4vw,30px);text-align:center;background:rgba(226,197,131,.05)}
.closing p{font-family:var(--f-display);font-size:clamp(1.02rem,1.8vw,1.42rem);line-height:1.36;color:#fff;margin:0}
.closing b{color:var(--gold-2);font-weight:500}

/* jurisdiction comparison matrix */
.matrix td.y{color:var(--gold);font-family:var(--f-mono);font-size:.9rem}
.matrix td.p{color:var(--slate-2);font-family:var(--f-mono);font-size:.9rem}
.matrix td.n{color:var(--line);font-family:var(--f-mono);font-size:.9rem}
.matrix tr.me td{background:rgba(183,148,63,.09)}
.matrix tr.me td strong{color:var(--ink)}

@media (max-width:980px){
  .tri{grid-template-columns:minmax(0,1fr)}
  .tri__panel::after{right:auto;left:50%;top:auto;bottom:-13px;transform:translateX(-50%) rotate(90deg)}
  .benefits ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){.benefits ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ==========================================================================
   Founder profiles — long-form, with a sticky identity column
   ========================================================================== */
.founder{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(28px,4vw,64px);
  padding:clamp(34px,4.5vw,64px) 0;border-top:1px solid var(--line)}
.founder__aside{position:sticky;top:calc(var(--hdr) + 40px)}
.founder__portrait{aspect-ratio:1/1;background:linear-gradient(160deg,var(--navy),var(--ink));
  display:grid;place-items:center;border:1px solid var(--line);margin-bottom:22px;overflow:hidden;position:relative}
.founder__portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;
  filter:saturate(.94) contrast(1.02)}
.founder__portrait::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(190deg,rgba(7,20,38,0) 55%,rgba(7,20,38,.16))}
.founder__portrait span{font-family:var(--f-display);font-size:2.6rem;color:var(--gold-2);letter-spacing:.08em}
.founder__aside h3{font-size:clamp(1.35rem,2vw,1.72rem);line-height:1.12}
.founder__role{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--gold);margin:10px 0 0;line-height:1.7}
.founder__contact{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 13px;
  border:1px solid var(--line);background:var(--paper-2);text-decoration:none;font-family:var(--f-mono);
  font-size:.68rem;letter-spacing:.03em;color:var(--ink);transition:.22s;word-break:break-all}
.founder__contact:hover{border-color:var(--gold);background:rgba(183,148,63,.08)}
.founder__facts{margin:24px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.founder__facts li{padding:11px 0;border-bottom:1px solid var(--line-2);font-size:.86rem;color:var(--slate);
  display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px}
.founder__facts li::before{content:"";width:9px;height:1px;background:var(--gold);margin-top:11px}
.bio h4{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);font-weight:500;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.bio section+section{margin-top:clamp(30px,3.4vw,46px)}
.bio p{font-size:1rem;color:var(--slate);max-width:74ch}
.bio p.stand{color:var(--ink);font-family:var(--f-display);font-size:clamp(1.08rem,1.5vw,1.3rem);
  line-height:1.44;max-width:52ch}
@media (max-width:900px){
  .founder{grid-template-columns:minmax(0,1fr)}
  .founder__aside{position:static}
  .founder__portrait{aspect-ratio:1/1;max-width:340px}
}

/* ==========================================================================
   Corporate solutions — treasury model diagrams
   ========================================================================== */
.trio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);
  gap:clamp(14px,1.8vw,26px);align-items:center;margin-top:clamp(20px,2.4vw,32px)}
.hubcard{border:1px solid var(--gold);background:linear-gradient(150deg,#0C2340,#071426);
  padding:clamp(22px,2.6vw,34px);text-align:center;position:relative}
.hubcard h4{font-family:var(--f-display);font-size:clamp(1.2rem,2vw,1.66rem);line-height:1.16;color:#fff;margin:0}
.hubcard p{font-family:var(--f-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold-2);margin:16px 0 0;line-height:1.9}
.opp{border:1px solid var(--line-dark);background:rgba(255,255,255,.03);padding:clamp(18px,2vw,26px)}
.opp .mono{color:var(--gold);display:block;margin-bottom:12px;font-size:.64rem}
.opp h4{font-family:var(--f-display);font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.2;color:#fff;
  margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line-dark)}
.opp p{font-size:.92rem;color:rgba(255,255,255,.72);margin:0}
.outcomes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-dark);
  border:1px solid var(--line-dark);margin-top:clamp(16px,2vw,24px)}
.outcomes div{background:rgba(255,255,255,.025);padding:18px}
.outcomes strong{display:block;font-family:var(--f-display);font-weight:500;font-size:1.02rem;color:#fff;line-height:1.24}
.outcomes span{display:block;font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-2);margin-top:9px;line-height:1.7}

/* three-lane demand / treasury layer / supply */
.lanes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr);
  gap:clamp(12px,1.6vw,22px);margin-top:clamp(20px,2.4vw,32px);align-items:start}
.lanehead{background:var(--ink);border:1px solid var(--line-dark);padding:13px 16px;display:flex;align-items:center;gap:10px;
  font-family:var(--f-mono);font-size:.63rem;letter-spacing:.15em;text-transform:uppercase;color:#fff}
.lanehead i{width:6px;height:6px;background:var(--gold);flex:0 0 auto;transform:rotate(45deg)}
.lanehead--mid{background:linear-gradient(120deg,#0C2340,#071426);border-color:var(--gold);color:var(--gold-2)}
.lane{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.laneitem{border:1px solid var(--line-dark);background:rgba(255,255,255,.03);padding:14px 16px;flex:1;
  display:flex;flex-direction:column;justify-content:center;transition:.26s}
.laneitem:hover{border-color:var(--gold);background:rgba(226,197,131,.06)}
.laneitem strong{font-family:var(--f-display);font-weight:500;font-size:1.02rem;color:#fff;line-height:1.24}
.laneitem span{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--gold-2);margin-top:7px;line-height:1.7}
.laneitem em{font-style:normal;font-size:.87rem;color:rgba(255,255,255,.66);margin-top:7px;line-height:1.5}
.lane--mid{padding:10px;border:1px solid var(--gold);background:rgba(226,197,131,.04);margin-top:10px}
.lane--mid .laneitem{background:rgba(7,20,38,.55);border-color:var(--line-dark)}

@media (max-width:980px){
  .trio,.lanes{grid-template-columns:minmax(0,1fr)}
  .outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){.outcomes{grid-template-columns:minmax(0,1fr)}}