/* Base stylesheet of the original payeeglobal.com page (navy/brass), kept verbatim so pg-site.css can override it exactly as on the approved mockup. */
.lock{display:flex;align-items:center;gap:calc(var(--mk)*.28)}
.lock .mk{flex:none}
.wm{line-height:1}
.wm .a{font-variation-settings:'wght' 800,'wdth' 96;letter-spacing:-.018em}

*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#0C1B2E; --ink2:#12263F; --ink3:#16304F;
  --paper:#F7F4ED; --paper2:#EEEAE0; --paper3:#E8E3D6;
  --body-d:#B7C1CF; --dim-d:#7E8DA1; --body-l:#42526A; --dim-l:#8590A0;
  --brass:#C08A2E; --brass-dk:#9A6B1E; --red:#C2372B;
  --rule-d:rgba(247,244,237,.13); --rule-l:rgba(18,38,63,.15);
  --hair-l:rgba(18,38,63,.09);
}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--paper);font-family:'Archivo','Noto Color Emoji',sans-serif;
  font-variation-settings:'wght' 400,'wdth' 100;-webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision}
::selection{background:var(--brass);color:var(--ink)}
.mono{font-family:'Plex','Noto Color Emoji',monospace}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
section{position:relative}
.light{background:var(--paper);color:var(--ink2)}

h1{font-size:clamp(44px,6.6vw,88px);line-height:.95;letter-spacing:-.03em;
  font-variation-settings:'wght' 800,'wdth' 88}
h2{font-size:clamp(30px,3.8vw,46px);line-height:1;letter-spacing:-.025em;
  font-variation-settings:'wght' 800,'wdth' 92}
h2 em,h1 em{font-style:normal;color:var(--brass)}
.kick{font-family:'Plex',monospace;font-weight:600;font-size:11px;letter-spacing:.34em;
  color:var(--brass);text-transform:uppercase;margin-bottom:16px}
.lead{font-size:clamp(16px,1.55vw,19px);line-height:1.55;color:var(--body-d);max-width:760px}
.light .lead{color:var(--body-l)}
.lead b{color:var(--paper);font-variation-settings:'wght' 700,'wdth' 100}
.light .lead b{color:var(--ink2)}

/* ---------- nav ---------- */
nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(12,27,46,.86);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--rule-d)}
.nvin{max-width:1180px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;gap:34px}
.nvlinks{margin-left:auto;display:flex;gap:26px;align-items:center}
.nvlinks a{font-family:'Plex',monospace;font-weight:500;font-size:11.5px;letter-spacing:.16em;
  color:var(--dim-d);text-decoration:none;text-transform:uppercase;transition:color .2s}
.nvlinks a:hover{color:var(--paper)}
.nvcta{background:var(--brass);color:var(--ink)!important;padding:9px 18px;font-weight:600!important;
  transition:background .2s}
.nvcta:hover{background:#D89C3C}
@media(max-width:840px){.nvlinks a:not(.nvcta){display:none}}

/* ---------- hero ---------- */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;
  padding:130px 0 0;overflow:hidden;position:relative;
  background:linear-gradient(180deg,#0C1B2E 0%,#0E2138 74%,#0C1B2E 100%)}
.hero .grid-lines{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--rule-d) 1px,transparent 1px),
                   linear-gradient(90deg,var(--rule-d) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse 88% 70% at 50% 38%,#000 0%,transparent 72%);
  -webkit-mask-image:radial-gradient(ellipse 88% 70% at 50% 38%,#000 0%,transparent 72%)}
.hero .wrap{position:relative}
.hero .eyeb{display:inline-flex;align-items:center;gap:11px;font-family:'Plex',monospace;
  font-weight:600;font-size:12px;letter-spacing:.28em;color:var(--brass);
  border:1px solid rgba(192,138,46,.42);padding:9px 18px;margin-bottom:34px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--brass);position:relative}
.pulse::after{content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1px solid var(--brass);animation:pl 2s ease-out infinite}
@keyframes pl{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}
.hero .lead{margin-top:28px}
.hstats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule-d);
  border:1px solid var(--rule-d);margin-top:56px}
.hstat{background:var(--ink);padding:22px 26px}
.hstat .n{font-size:clamp(30px,3vw,42px);line-height:1;letter-spacing:-.02em;
  font-variation-settings:'wght' 800,'wdth' 110}
.hstat .n span{color:var(--brass)}
.hstat .l{font-family:'Plex',monospace;font-weight:500;font-size:10px;letter-spacing:.18em;
  color:var(--dim-d);text-transform:uppercase;margin-top:8px}
@media(max-width:760px){.hstats{grid-template-columns:1fr 1fr}}

/* ticker */
.tick{margin-top:72px;border-top:1px solid var(--rule-d);border-bottom:1px solid var(--rule-d);
  overflow:hidden;padding:15px 0;background:rgba(247,244,237,.025)}
.tick-in{display:flex;white-space:nowrap;animation:mq 60s linear infinite;width:max-content}
.tick-in span{font-family:'Plex',monospace;font-weight:500;font-size:13px;letter-spacing:.14em;
  color:var(--dim-d);text-transform:uppercase}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- shared section rhythm ---------- */
.sec{padding:104px 0}
.sec-head{margin-bottom:52px}
.sec-head .lead{margin-top:18px}

/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.on{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none}
  .tick-in{animation:none}.pulse::after{animation:none}}

/* ---------- rails cards ---------- */
.rails3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:840px){.rails3{grid-template-columns:1fr}}
.rcard{background:var(--ink2);border:1px solid var(--rule-d);border-top:3px solid var(--brass);
  padding:30px 30px 34px;transition:transform .25s ease,border-color .25s ease}
.rcard:hover{transform:translateY(-5px);border-color:rgba(192,138,46,.5)}
.rcard .num{font-family:'Plex',monospace;font-weight:600;font-size:11px;letter-spacing:.26em;
  color:var(--brass);margin-bottom:16px}
.rcard h3{font-size:23px;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:12px;
  font-variation-settings:'wght' 700,'wdth' 95}
.rcard p{font-size:15px;line-height:1.55;color:var(--body-d)}
.rcard p b{color:var(--paper);font-variation-settings:'wght' 700,'wdth' 100}
.onebar{margin-top:40px;padding-top:22px;border-top:1px solid var(--rule-d);display:flex;
  justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:'Plex',monospace;
  font-weight:600;font-size:11.5px;letter-spacing:.22em;color:var(--dim-d)}
.onebar span:last-child{color:var(--brass)}

/* ---------- coverage board (light) ---------- */
.covwrap{display:grid;grid-template-columns:1fr 1fr;gap:0 52px}
@media(max-width:840px){.covwrap{grid-template-columns:1fr}}
.reg{font-family:'Plex',monospace;font-weight:600;font-size:10.5px;letter-spacing:.26em;
  color:var(--brass-dk);text-transform:uppercase;margin:22px 0 4px;display:flex;
  align-items:center;gap:12px}
.reg::after{content:"";flex:1;height:1px;background:var(--rule-l)}
.fl{font-family:'Noto Color Emoji';font-size:15px;margin-right:9px;flex:none}
.bgart{pointer-events:none}
.crow{display:grid;grid-template-columns:156px 1fr 88px;gap:12px;align-items:stretch;
  border-bottom:1px solid var(--hair-l)}
.crow .c{font-size:18px;letter-spacing:-.02em;padding:9px 0;display:flex;align-items:center;gap:9px;
  font-variation-settings:'wght' 700,'wdth' 92}
.crow .fl{font-size:16px;line-height:1;flex:none}
.crow .m{font-family:'Plex',monospace;font-weight:400;font-size:12px;color:var(--body-l);
  display:flex;align-items:center;line-height:1.3}
.crow .s{font-family:'Plex',monospace;font-weight:500;font-size:11px;letter-spacing:.08em;
  color:var(--body-l);border-left:2px solid var(--brass);padding-left:12px;display:flex;
  align-items:center;justify-content:flex-end;white-space:nowrap}
.covnote{font-family:'Plex',monospace;font-size:11.5px;color:var(--dim-l);line-height:1.65;
  margin-top:26px;max-width:880px}

/* ---------- stat tiles (bank) ---------- */
.tile4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:840px){.tile4{grid-template-columns:1fr 1fr}}
.tile{background:var(--ink2);border:1px solid var(--rule-d);padding:26px 26px 28px}
.tile .n{font-size:44px;line-height:1;letter-spacing:-.02em;
  font-variation-settings:'wght' 800,'wdth' 112}
.tile .n span{color:var(--brass)}
.tile .l{font-family:'Plex',monospace;font-weight:500;font-size:10.5px;letter-spacing:.16em;
  color:var(--dim-d);text-transform:uppercase;margin-top:10px;line-height:1.5}
.bankgrid{display:grid;grid-template-columns:1.2fr 1fr;gap:52px;margin-top:48px}
@media(max-width:840px){.bankgrid{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:10px 24px}
.chips span{font-size:16px;font-variation-settings:'wght' 600,'wdth' 95}
.railslist{font-family:'Plex',monospace;font-weight:500;font-size:14px;line-height:2.1;
  letter-spacing:.1em;color:var(--body-d)}

/* ---------- bullets ---------- */
.bul{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--body-d)}
.light .bul{color:var(--body-l)}
.bul>span{flex:1}
.bul::before{content:"";flex:none;width:8px;height:8px;background:var(--brass);margin-top:8px;
  transform:rotate(45deg)}
.bul b{color:var(--paper);font-variation-settings:'wght' 700,'wdth' 100}
.light .bul b{color:var(--ink2)}

/* ---------- flow ---------- */
.flow{display:grid;grid-template-columns:1fr 40px 1fr 40px 1.3fr 40px 1.3fr;align-items:center}
@media(max-width:840px){.flow{grid-template-columns:1fr;gap:8px}
  .flow .arw{transform:rotate(90deg);margin:0 auto}}
.node{background:var(--ink2);border:1px solid var(--rule-d);padding:20px 12px;text-align:center;
  font-size:15px;line-height:1.3;font-variation-settings:'wght' 700,'wdth' 92}
.node.hot{background:#1A3050;border-color:rgba(192,138,46,.5)}
.node .s{display:block;font-family:'Plex',monospace;font-weight:500;font-size:9px;
  letter-spacing:.2em;color:var(--dim-d);margin-top:8px;font-variation-settings:'wght' 400}
.arw{display:flex;align-items:center;justify-content:center;color:var(--brass);font-size:20px}
.flow3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
@media(max-width:840px){.flow3{grid-template-columns:1fr}}

/* ---------- security ---------- */
.seclay{border-top:1px solid var(--rule-l)}
.slrow{display:grid;grid-template-columns:230px 1fr;gap:32px;padding:26px 0;
  border-bottom:1px solid var(--rule-l)}
@media(max-width:760px){.slrow{grid-template-columns:1fr;gap:8px}}
.slrow h3{font-size:21px;letter-spacing:-.02em;font-variation-settings:'wght' 700,'wdth' 92}
.slrow .idx{font-family:'Plex',monospace;font-weight:600;font-size:10px;letter-spacing:.22em;
  color:var(--brass-dk);display:block;margin-bottom:7px}
.slrow p{font-size:15px;line-height:1.6;color:var(--body-l)}
.badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.badge{display:inline-flex;align-items:center;gap:11px;border:1.5px solid var(--rule-l);
  padding:12px 20px;font-family:'Plex',monospace;font-weight:600;font-size:12px;
  letter-spacing:.18em;color:var(--ink2)}
.badge i{width:9px;height:9px;background:var(--brass);transform:rotate(45deg);font-style:normal}

/* ---------- table ---------- */
table{width:100%;border-collapse:collapse}
th{font-family:'Plex',monospace;font-weight:600;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim-l);padding:0 16px 14px;text-align:right}
th:first-child{text-align:left}
th.us{color:var(--brass-dk)}
tbody tr{border-top:1px solid var(--hair-l)}
td{padding:13px 16px;font-size:15px;text-align:right;color:var(--body-l)}
td:first-child{text-align:left;font-variation-settings:'wght' 700,'wdth' 95;color:var(--ink2)}
td.us{color:var(--ink2);font-variation-settings:'wght' 700,'wdth' 100;background:#EAE2CF}
.tblnote{font-family:'Plex',monospace;font-size:11px;color:var(--dim-l);margin-top:16px;line-height:1.65}
@media(max-width:760px){.tbl{overflow-x:auto}}

/* ---------- pricing ---------- */
.prgrid{display:grid;grid-template-columns:1.5fr .75fr;gap:52px;align-items:start}
@media(max-width:840px){.prgrid{grid-template-columns:1fr}}
.band{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:20px;padding:12px 0;
  border-bottom:1px solid var(--rule-d)}
@media(max-width:560px){.band{grid-template-columns:130px 1fr}}
.band .v{font-family:'Plex',monospace;font-weight:500;font-size:14px;color:var(--paper)}
.bar{height:16px;background:var(--brass);transform-origin:left;transform:scaleX(0);
  transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.on .bar{transform:scaleX(1)}
.pcard{background:var(--ink2);border:1px solid var(--rule-d);border-left:3px solid var(--brass);
  padding:28px 28px 30px}
.pcard h3{font-size:20px;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:12px;
  font-variation-settings:'wght' 700,'wdth' 95}
.pcard p{font-size:15px;line-height:1.55;color:var(--body-d)}
.pcard p b{color:var(--paper);font-variation-settings:'wght' 700,'wdth' 100}

/* ---------- onboarding ---------- */
.steps{border-top:1px solid var(--rule-l)}
.step{display:grid;grid-template-columns:120px 1fr;gap:28px;padding:22px 0;
  border-bottom:1px solid var(--rule-l)}
@media(max-width:600px){.step{grid-template-columns:1fr;gap:6px}}
.step .d{font-family:'Plex',monospace;font-weight:600;font-size:13px;letter-spacing:.14em;
  color:var(--brass-dk);padding-top:3px}
.step h3{font-size:20px;letter-spacing:-.02em;margin-bottom:6px;
  font-variation-settings:'wght' 700,'wdth' 95}
.step p{font-size:14.5px;line-height:1.5;color:var(--body-l)}

/* ---------- risk cards ---------- */
.risk4{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:760px){.risk4{grid-template-columns:1fr}}
.kcard{background:var(--paper2);border-left:3px solid var(--brass);padding:26px 28px 28px}
.kcard h3{font-size:19px;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:9px;
  font-variation-settings:'wght' 700,'wdth' 95}
.kcard p{font-size:14.5px;line-height:1.55;color:var(--body-l)}
.kcard p b{color:var(--ink2);font-variation-settings:'wght' 700,'wdth' 100}

/* ---------- cta ---------- */
.cta{padding:120px 0;background:linear-gradient(180deg,#0C1B2E,#102档档档)}
.cta{background:linear-gradient(180deg,#0C1B2E 0%,#0E2138 100%)}
.tgchip{display:inline-flex;align-items:baseline;gap:16px;background:var(--brass);color:var(--ink);
  padding:19px 36px;margin-top:40px;text-decoration:none;transition:background .2s,transform .2s}
.tgchip:hover{background:#D89C3C;transform:translateY(-2px)}
.tgchip .l{font-family:'Plex',monospace;font-weight:600;font-size:12.5px;letter-spacing:.24em;opacity:.72}
.tgchip .h{font-size:28px;letter-spacing:-.02em;font-variation-settings:'wght' 700,'wdth' 100}
.ctanote{font-family:'Plex',monospace;font-size:12px;color:var(--dim-d);margin-top:22px;
  letter-spacing:.06em}

footer{border-top:1px solid var(--rule-d);padding:30px 0}
.ftin{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-family:'Plex',monospace;font-weight:500;font-size:11px;letter-spacing:.18em;color:var(--dim-d)}
@media(max-width:840px){.cryptogrid{grid-template-columns:1fr!important}}
@media(max-width:760px){.getsgrid{grid-template-columns:1fr!important}}
@media(max-width:840px){.obgrid{grid-template-columns:1fr!important}.obgrid>div:last-child{padding-top:0!important}}