/* Payment CytechTeam Dev — Modern Dark public surface.
   Near-black ground, graphite objects, white statements, and a mint signal
   reserved for live/selected state. */
:root{
  color-scheme:dark;
  --dp-color-ground:#050505;
  --dp-color-panel:#0e0e0e;
  --dp-color-hairline:#222222;
  --dp-color-hairline-2:#303030;
  --dp-color-bright:#f2f2f2;
  --dp-color-read:#a6a9ad;
  --dp-color-meta:#8a8d91;
  --dp-color-live:#3fd6c6;
  --dp-color-inverse-ink:#0a0a0a;
  --dp-color-dim:#96999d;
  --dp-typography-face:"Modern Dark Grotesk","Geist","Geist Sans","Noto Sans Thai","Helvetica Neue",Arial,sans-serif;
  --dp-typography-mono:"Modern Dark Mono","Geist Mono","SFMono-Regular",Menlo,monospace;
  --dp-spacing-gutter:48px;
  --dp-spacing-gap:24px;
  --dp-spacing-max:1360px;
  --dp-radius-panel:6px;
  --dp-radius-pill:999px;
  --dp-border-hairline:1px;
  --dp-motion-duration:120ms;
  --dp-motion-ease:ease-out;
  --dp-motion-rise:cubic-bezier(.22,1,.36,1);
  --dp-motion-enter:520ms;

  /* Compatibility aliases used by the existing pages and console. */
  --bg:var(--dp-color-ground);
  --bg-soft:#080808;
  --surface:var(--dp-color-panel);
  --surface-2:#151515;
  --surface-3:#1b1b1b;
  --line:var(--dp-color-hairline);
  --line-strong:var(--dp-color-hairline-2);
  --text:var(--dp-color-bright);
  --muted:var(--dp-color-read);
  --faint:var(--dp-color-meta);
  --dim:var(--dp-color-dim);
  --accent:var(--dp-color-bright);
  --accent-2:var(--dp-color-read);
  --accent-soft:rgba(242,242,242,.06);
  --mint:var(--dp-color-live);
  --mint-soft:rgba(63,214,198,.07);
  --amber:#d8b26b;
  --rose:#e59aa2;
  --radius:var(--dp-radius-panel);
  --radius-sm:var(--dp-radius-panel);
  --radius-xs:4px;
  --max:var(--dp-spacing-max);
  --font:var(--dp-typography-face);
  --mono:var(--dp-typography-mono);
  --shadow:0 28px 90px rgba(0,0,0,.46);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
html.docs-page{scroll-behavior:auto} /* Reference anchors jump immediately instead of slow cross-page animation. */
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(1100px 720px at 76% -16%,rgba(255,255,255,.075),transparent 62%),
    radial-gradient(820px 560px at 4% 38%,rgba(255,255,255,.022),transparent 66%),
    var(--dp-color-ground);
  color:var(--dp-color-read);
  font-family:var(--font);
  font-size:15px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
body::before{content:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer;appearance:none;-webkit-appearance:none;background:none;border:0;color:inherit}
img{max-width:100%;display:block}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{color:var(--dp-color-bright);font-weight:400}
::selection{background:rgba(242,242,242,.18);color:var(--dp-color-bright)}
:focus-visible{outline:2px solid var(--dp-color-bright);outline-offset:3px}
[hidden]{display:none!important}
.container{
  width:min(var(--dp-spacing-max),calc(100% - (var(--dp-spacing-gutter) * 2)));
  margin-inline:auto;
  position:relative;
  z-index:1;
}
.mono{font-family:var(--mono)}
.muted{color:var(--muted)}
.small{font-size:12px}
.mt-14{margin-top:14px}
.mt-18{margin-top:18px}
.mt-22{margin-top:22px}
.max-760{max-width:760px}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);
  font-size:10px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;
  color:var(--dp-color-meta);
}
.eyebrow i{width:14px;height:1px;border-radius:0;background:var(--dp-color-hairline-2);box-shadow:none}
.grad{color:var(--dp-color-read)}
.rule{height:1px;background:var(--line);border:0;margin:0}

/* Header */
.site-header{
  position:sticky;top:0;z-index:80;
  background:var(--dp-color-ground);
  border-bottom:1px solid var(--dp-color-hairline);
}
.header-inner{height:76px;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-weight:500;letter-spacing:-.02em}
.brand-mark{
  width:34px;height:34px;border-radius:var(--dp-radius-panel);display:grid;place-items:center;
  background:linear-gradient(145deg,#1b1b1b,#0b0b0b);
  border:1px solid var(--dp-color-hairline-2);
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.brand-mark img{width:26px;height:26px;object-fit:contain}
.brand-word{font-size:14px;letter-spacing:-.03em;color:var(--dp-color-read)}
.brand-word span{color:var(--dp-color-bright)}
.brand-word em{
  font-style:normal;font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:var(--dp-color-meta);
  border:1px solid var(--dp-color-hairline-2);border-radius:3px;padding:3px 5px;margin-left:7px;vertical-align:2px;
}
.site-nav{display:flex;align-items:stretch;align-self:stretch;gap:4px;margin-left:8px}
.site-nav a{
  display:inline-flex;align-items:center;min-height:0;
  font-size:12px;font-weight:500;color:var(--dp-color-meta);padding:0 10px;border-radius:0;
  border-bottom:2px solid transparent;
  transition:color var(--dp-motion-duration) var(--dp-motion-ease),
    border-color var(--dp-motion-duration) var(--dp-motion-ease);
}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--dp-color-bright);border-bottom-color:var(--dp-color-bright);background:transparent}
.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.env-pill{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.1em;color:var(--dp-color-meta);
  border:1px solid var(--dp-color-hairline-2);background:transparent;
  border-radius:var(--dp-radius-pill);padding:6px 10px;
}
.env-pill i{width:5px;height:5px;border-radius:50%;background:var(--dp-color-meta);box-shadow:none}
.nav-toggle{display:none;width:38px;height:38px;border:1px solid var(--dp-color-hairline-2);background:var(--dp-color-panel);border-radius:var(--dp-radius-panel);padding:10px}
.nav-toggle span{display:block;height:1px;background:var(--dp-color-bright);margin:5px 0;transition:transform var(--dp-motion-duration) var(--dp-motion-ease),opacity var(--dp-motion-duration) var(--dp-motion-ease)}
.nav-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)}

/* Buttons and pills */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:42px;padding:0 18px;border-radius:var(--dp-radius-pill);
  border:1px solid transparent;
  font-size:12px;font-weight:500;letter-spacing:.01em;white-space:nowrap;
  transition:background var(--dp-motion-duration) var(--dp-motion-ease),
    border-color var(--dp-motion-duration) var(--dp-motion-ease),
    color var(--dp-motion-duration) var(--dp-motion-ease);
}
.btn:active{opacity:.92}
.btn-primary{
  color:var(--dp-color-inverse-ink);background:var(--dp-color-bright);
  border-color:var(--dp-color-bright);
  box-shadow:none;
}
.btn-primary:hover{background:#d7d7d7;border-color:#d7d7d7}
.btn-ghost{color:var(--dp-color-bright);background:transparent;border-color:var(--dp-color-hairline-2)}
.btn-ghost:hover{background:#111111;border-color:#4a4a4a}
.btn-mint{color:var(--dp-color-bright);background:transparent;border-color:var(--dp-color-hairline-2)}
.btn-mint:hover{background:#111111;border-color:var(--dp-color-live)}
.btn-sm{min-height:32px;padding:0 13px;font-size:11px}
.btn-lg{min-height:48px;padding:0 22px;font-size:13px}
.btn-block{width:100%}
.btn[disabled]{opacity:.5;pointer-events:none}
.pill{
  display:inline-flex;align-items:center;gap:7px;border:1px solid var(--dp-color-hairline-2);
  background:transparent;border-radius:var(--dp-radius-pill);padding:5px 10px;
  font-family:var(--mono);font-size:10px;font-weight:500;color:var(--dp-color-meta);white-space:nowrap;
}
.pill-mint{color:var(--dp-color-live);border-color:rgba(63,214,198,.32);background:transparent}
.pill-amber{color:var(--amber);border-color:rgba(216,178,107,.28);background:transparent}
.pill-rose{color:var(--rose);border-color:rgba(229,154,162,.28);background:transparent}

/* Type */
.display{
  font-size:clamp(44px,7.2vw,104px);line-height:.96;letter-spacing:-.045em;
  font-weight:400;margin:20px 0 24px;max-width:13ch;
}
.h2{
  font-size:clamp(32px,4.2vw,56px);line-height:1.02;letter-spacing:-.04em;
  font-weight:400;margin:12px 0 16px;max-width:20ch;
}
.h3{
  font-size:clamp(22px,2.6vw,32px);line-height:1.14;letter-spacing:-.03em;
  font-weight:400;margin:10px 0 10px;
}
.lead{font-size:clamp(16px,1.6vw,18px);line-height:1.8;color:var(--dp-color-read);max-width:680px}
.section{padding:108px 0;position:relative}
.section-tight{padding:76px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}
.section-head p{max-width:520px;margin:0}
.section-head .h2{max-width:720px}

/* Hero */
.hero{padding:108px 0 64px;position:relative;overflow:hidden}
.hero::after{
  content:"";position:absolute;width:780px;height:780px;right:-240px;top:-320px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.07),transparent 64%);
  pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);gap:64px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero-copy .lead{max-width:580px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;color:var(--dp-color-meta);font-family:var(--mono);font-size:10px}
.hero-meta span{display:inline-flex;align-items:center;gap:7px}
.hero-meta svg{color:var(--dp-color-meta)}
.hero-visual{position:relative;min-height:490px;display:grid;place-items:center}
.monitor{
  width:min(450px,100%);border:1px solid var(--dp-color-hairline-2);border-radius:var(--dp-radius-panel);
  background:linear-gradient(155deg,#161616,#0b0b0b 76%);
  box-shadow:0 30px 90px rgba(0,0,0,.48);
  overflow:hidden;position:relative;
}
.monitor::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(420px 240px at 78% -8%,rgba(255,255,255,.09),transparent 68%);
}
.monitor-bar{display:flex;align-items:center;gap:6px;padding:13px 15px;border-bottom:1px solid var(--dp-color-hairline);background:rgba(255,255,255,.015);position:relative}
.monitor-bar i{width:6px;height:6px;border-radius:50%;background:#3a3a3a}
.monitor-bar i:first-child{background:#666666}
.monitor-bar span{margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--dp-color-meta)}
.monitor-head{display:flex;justify-content:space-between;align-items:flex-start;padding:22px 20px 16px;position:relative}
.monitor-head small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--dp-color-meta);font-weight:500}
.monitor-head strong{display:block;font-size:30px;font-weight:400;letter-spacing:-.04em;margin-top:5px;color:var(--dp-color-bright)}
.monitor-head .delta{
  font-family:var(--mono);font-size:10px;color:var(--dp-color-read);
  border:1px solid var(--dp-color-hairline-2);background:transparent;border-radius:3px;padding:5px 8px;
}
.monitor-chart{display:flex;align-items:flex-end;gap:6px;height:112px;padding:0 20px 18px;position:relative}
.monitor-chart span{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(to top,rgba(242,242,242,.12),rgba(242,242,242,.62));min-height:8px}
.monitor-chart span:nth-child(2){height:34%}.monitor-chart span:nth-child(3){height:51%}
.monitor-chart span:nth-child(4){height:43%}.monitor-chart span:nth-child(5){height:70%}
.monitor-chart span:nth-child(6){height:60%}.monitor-chart span:nth-child(7){height:88%}
.monitor-chart span:nth-child(8){height:76%}.monitor-chart span:nth-child(9){height:100%}
.monitor-rows{padding:4px 20px 18px;position:relative}
.monitor-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--dp-color-hairline)}
.monitor-row .dot{width:6px;height:6px;border-radius:50%;background:var(--dp-color-live);box-shadow:none}
.monitor-row .dot.wait{background:var(--amber);box-shadow:none}
.monitor-row strong{font-size:11px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dp-color-bright)}
.monitor-row small{font-family:var(--mono);font-size:9px;color:var(--dp-color-meta);margin-left:auto;white-space:nowrap}
.monitor-row b{font-family:var(--mono);font-size:11px;color:var(--dp-color-read);white-space:nowrap;font-weight:500}
.float-card{display:none}

/* Ticker / trust strip */
.ticker{border-block:1px solid var(--dp-color-hairline);background:var(--dp-color-ground);overflow:hidden}
.ticker-inner{
  width:100%;max-width:none;margin-inline:0;
  padding-inline:max(var(--dp-spacing-gutter),calc((100% - var(--dp-spacing-max)) / 2));
  display:flex;align-items:center;gap:0;min-height:76px;padding-block:12px;
}
.ticker-label{flex:0 0 auto;font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--dp-color-meta);font-weight:500}
.ticker-marquee{
  --ticker-inset:clamp(24px,5vw,60px);--ticker-fade:clamp(28px,3.5vw,56px);
  flex:1 1 auto;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--ticker-fade),#000 calc(100% - var(--ticker-fade)),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 var(--ticker-fade),#000 calc(100% - var(--ticker-fade)),transparent 100%);
}
.ticker-track{display:flex;width:max-content;margin-left:var(--ticker-inset);animation:ticker-scroll 36s linear infinite;will-change:transform}
.ticker-group{display:flex;align-items:center;gap:10px;padding-right:10px;flex:0 0 auto}
.ticker-item{
  display:inline-flex;will-change:opacity;align-items:center;gap:10px;
  border:1px solid var(--dp-color-hairline);border-radius:var(--dp-radius-panel);
  background:var(--dp-color-panel);padding:7px 13px 7px 7px;white-space:nowrap;
}
.ticker-icon{
  width:34px;height:34px;border-radius:4px;display:grid;place-items:center;flex:0 0 auto;
  background:#f2f2f2;padding:4px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);
}
.ticker-icon img{width:100%;height:100%;object-fit:contain;display:block}
.ticker-copy{display:grid;gap:2px;line-height:1.05}
.ticker-copy strong{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--dp-color-bright);font-weight:500}
.ticker-copy small{font-family:var(--mono);font-size:9px;color:var(--dp-color-meta);font-weight:400}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes ticker-scroll{to{transform:translate3d(-33.3333%,0,0)}}

/* Cards and grids */
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dp-spacing-gap)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dp-spacing-gap)}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{
  border:1px solid var(--dp-color-hairline);border-radius:var(--dp-radius-panel);padding:28px;
  background:var(--dp-color-panel);
  position:relative;overflow:hidden;
}
.card-hover{
  transition:border-color var(--dp-motion-duration) var(--dp-motion-ease),
    background var(--dp-motion-duration) var(--dp-motion-ease);
}
.card-hover:hover{border-color:var(--dp-color-hairline-2);background:#111111}
.card-icon{
  width:42px;height:42px;border-radius:var(--dp-radius-panel);display:grid;place-items:center;
  background:#151515;border:1px solid var(--dp-color-hairline-2);color:var(--dp-color-bright);
  margin-bottom:20px;
}
.card-icon.mint{background:#151515;border-color:var(--dp-color-hairline-2);color:var(--dp-color-bright)}
.card h3{font-size:16px;margin:0 0 8px;letter-spacing:-.02em;font-weight:500}
.card p{font-size:12px;line-height:1.8;color:var(--dp-color-read);margin:0}
.card p code{font-family:var(--mono);font-size:11px;color:var(--dp-color-bright);background:#151515;border:1px solid var(--dp-color-hairline);border-radius:3px;padding:1px 5px}
.card .card-num{position:absolute;right:18px;top:16px;font-family:var(--mono);font-size:10px;color:var(--dp-color-meta)}
.bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:minmax(164px,auto);gap:16px}
.bento .card:first-child{grid-row:span 2}
.bento .card.wide{grid-column:span 2}
.bento .card:last-child{grid-column:1/-1}
.bento .metric{font-size:42px;letter-spacing:-.05em;font-weight:400;margin:14px 0 4px;color:var(--dp-color-bright)}
.bento .metric small{font-family:var(--mono);font-size:11px;color:var(--dp-color-meta);letter-spacing:0;font-weight:400;margin-left:5px}

/* Flow */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;counter-reset:step}
.flow article{border:1px solid var(--dp-color-hairline);border-radius:var(--dp-radius-panel);background:var(--dp-color-panel);padding:26px;position:relative}
.flow article::before{counter-increment:step;content:"0" counter(step);font-family:var(--mono);font-size:10px;color:var(--dp-color-meta);letter-spacing:.1em}
.flow h3{font-size:17px;margin:18px 0 8px;font-weight:500}
.flow p{font-size:12px;color:var(--dp-color-read);line-height:1.8;margin:0}
.flow .flow-arrow{position:absolute;right:-52px;top:50%;translate:0 -50%;z-index:1;color:var(--dp-color-bright);background:linear-gradient(180deg,#232323,#161616);border:1px solid #5a5a5a;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;box-shadow:0 0 0 7px rgba(242,242,242,.05),0 4px 18px rgba(0,0,0,.65)}
.flow .flow-arrow svg{display:block;filter:drop-shadow(0 0 6px rgba(242,242,242,.5))}
.flow article:not(:last-child)::after{content:"";position:absolute;top:50%;right:-60px;width:60px;height:1px;background:#4a4a4a}
@keyframes flow-nudge{0%,100%{translate:0 -50%}50%{translate:6px -50%}}
@media(prefers-reduced-motion:no-preference){
  .flow .flow-arrow{animation:flow-nudge 2.6s ease-in-out infinite}
}
.flow article:last-child .flow-arrow{display:none}

/* Methods */
.method{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--dp-color-hairline)}
.method:first-child{border-top:0;padding-top:0}
.method-code{
  font-family:var(--mono);font-size:10px;color:var(--dp-color-read);
  background:#151515;border:1px solid var(--dp-color-hairline);border-radius:3px;padding:4px 6px;white-space:nowrap;
}
.method strong{display:block;font-size:12px;margin-bottom:3px;font-weight:500;color:var(--dp-color-bright)}
.method small{color:var(--dp-color-meta);font-size:10px;line-height:1.6;display:block}

/* Code */
.code{
  border:1px solid var(--dp-color-hairline-2);border-radius:var(--dp-radius-panel);background:#0a0a0a;overflow:hidden;
  box-shadow:none;
}
.code-head{display:flex;align-items:center;gap:7px;padding:12px 15px;border-bottom:1px solid var(--dp-color-hairline);background:rgba(255,255,255,.015)}
.code-head i{width:6px;height:6px;border-radius:50%;background:#3a3a3a}
.code-head i:first-child{background:#666666}
.code-head span{margin-left:auto;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--dp-color-meta)}
.code pre{margin:0;padding:18px;overflow:auto;font-family:var(--mono);font-size:11px;line-height:1.85;color:#c9cbcd}
.code .k{color:#f2f2f2}.code .s{color:#b8bbbe}.code .c{color:#727579}.code .n{color:#dedede}

/* Bank chips */
.bank-strip{display:flex;flex-wrap:wrap;gap:8px}
.bank-chip{
  display:inline-flex;align-items:center;gap:8px;border:1px solid var(--dp-color-hairline);border-radius:var(--dp-radius-panel);
  background:var(--dp-color-panel);padding:9px 11px;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--dp-color-read);
}
.bank-chip i{width:6px;height:6px;border-radius:1px;background:var(--dp-color-meta);opacity:1}
.bank-chip.mint{color:var(--dp-color-read);border-color:var(--dp-color-hairline)}
.bank-chip.mint i{background:var(--dp-color-meta)}
.bank-chip img{width:20px;height:20px;object-fit:contain;flex:0 0 auto}
.bank-name{display:inline-flex;align-items:center;gap:10px;min-width:0}
.bank-name img{width:26px;height:26px;object-fit:contain;flex:0 0 auto}
.bank-name>span{display:block;min-width:0}

/* Tables */
.table-wrap{border:1px solid var(--dp-color-hairline);border-radius:var(--dp-radius-panel);overflow:auto;background:var(--dp-color-panel)}
.data-table{width:100%;border-collapse:collapse;min-width:620px}
.data-table th{
  text-align:left;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--dp-color-meta);
  font-weight:500;padding:13px 16px;border-bottom:1px solid var(--dp-color-hairline);background:#111111;text-transform:uppercase;
}
.data-table td{padding:15px 16px;border-bottom:1px solid var(--dp-color-hairline);font-size:12px;color:var(--dp-color-read);vertical-align:middle}
.data-table tr:last-child td{border-bottom:0}
.data-table td strong{color:var(--dp-color-bright);font-weight:500}
.data-table td .mono{font-size:10px;color:var(--dp-color-read)}
.status-chip{display:inline-flex;align-items:center;gap:5px;border-radius:var(--dp-radius-pill);padding:4px 8px;font-family:var(--mono);font-size:9px;font-weight:500;white-space:nowrap}
.status-chip.ok{color:var(--dp-color-live);background:transparent;border:1px solid rgba(63,214,198,.32)}
.status-chip.idle{color:var(--dp-color-meta);background:transparent;border:1px solid var(--dp-color-hairline-2)}
.status-chip.warn{color:var(--amber);background:transparent;border:1px solid rgba(216,178,107,.3)}
.status-chip.off{color:var(--rose);background:transparent;border:1px solid rgba(229,154,162,.3)}

/* Docs */
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;padding:56px 0 108px;align-items:start}
.docs-side{
  /* Fixed in the viewport, independent of the document's scroll position and
     of the grid's end boundary. Sticky and static both made this sidebar vanish
     when jumping to sections, especially on short Brave windows. */
  position:fixed;
  top:133px;
  left:max(var(--dp-spacing-gutter),calc((100vw - var(--dp-spacing-max))/2));
  width:220px;
  z-index:3;
  display:grid;gap:2px;min-width:0;
  max-height:calc(100dvh - 148px);
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:none;
}
.docs-side::-webkit-scrollbar{display:none}
.docs-side h4{font-family:var(--mono);font-size:9px;letter-spacing:.13em;color:var(--dp-color-meta);margin:14px 0 4px;font-weight:500}
.docs-side h4:first-child{margin-top:0}
.docs-side a{font-size:11px;line-height:1.45;color:var(--dp-color-meta);padding:5px 9px;border-radius:3px;border-left:1px solid transparent;transition:color var(--dp-motion-duration) var(--dp-motion-ease),background var(--dp-motion-duration) var(--dp-motion-ease),border-color var(--dp-motion-duration) var(--dp-motion-ease)}
.docs-side a:hover{color:var(--dp-color-bright);background:#0b0b0b}
.docs-side a.active{color:var(--dp-color-bright);background:#111111;border-left-color:var(--dp-color-bright)}
.docs-body{grid-column:2;min-width:0;max-width:820px}
.docs-body section{padding:0 0 52px;margin-bottom:52px;border-bottom:1px solid var(--dp-color-hairline);scroll-margin-top:104px}
.docs-body section:last-child{border-bottom:0}
.docs-body h2{font-size:28px;letter-spacing:-.035em;margin:0 0 12px;font-weight:400}
.docs-body h3{font-size:16px;margin:32px 0 10px;font-weight:500}
.docs-body p,.docs-body li{font-size:13px;line-height:1.9;color:var(--dp-color-read)}
.docs-body ul{padding-left:20px}
.docs-body code{font-family:var(--mono);font-size:11px;color:var(--dp-color-bright);background:#151515;border:1px solid var(--dp-color-hairline);border-radius:3px;padding:2px 5px}
.docs-body .code code{background:none;border:0;padding:0;color:inherit}
/* Documentation rhythm: adjacent tables, notes, and code samples must not share borders. */
.docs-body .table-wrap,
.docs-body .callout,
.docs-body .code{margin:20px 0 24px}
.docs-body .table-wrap + .callout,
.docs-body .table-wrap + .code{margin-top:28px}
.docs-body section > .table-wrap:last-child,
.docs-body section > .callout:last-child,
.docs-body section > .code:last-child{margin-bottom:0}
.endpoint{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--dp-color-hairline);border-radius:var(--dp-radius-panel);background:var(--dp-color-panel);margin:8px 0;font-size:11px}
.endpoint b{font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--dp-color-bright);background:#1a1a1a;border:1px solid var(--dp-color-hairline-2);border-radius:3px;padding:3px 6px;font-weight:500}
.endpoint.post b{color:var(--dp-color-inverse-ink);background:var(--dp-color-bright);border-color:var(--dp-color-bright)}
.endpoint code{background:none;border:0;color:var(--dp-color-read);padding:0}
.callout{padding:16px 18px;border:1px solid var(--dp-color-hairline-2);background:var(--dp-color-panel);border-radius:var(--dp-radius-panel);font-size:12px;color:var(--dp-color-read);line-height:1.8}
.callout.mint{border-color:var(--dp-color-hairline-2);border-left:1px solid var(--dp-color-hairline-2);background:var(--dp-color-panel);color:var(--dp-color-read)}
.callout strong{color:var(--dp-color-bright);font-weight:500}

/* Status */
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.status-card{border:1px solid var(--dp-color-hairline);border-radius:var(--dp-radius-panel);background:var(--dp-color-panel);padding:18px}
.status-card small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--dp-color-meta);margin-bottom:10px}
.status-card strong{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--dp-color-bright)}
.status-card strong i{width:6px;height:6px;border-radius:50%;background:var(--dp-color-live);box-shadow:none}
.status-card strong i.warn{background:var(--amber);box-shadow:none}
.status-card strong i.off{background:var(--rose);box-shadow:none}
.status-card p{font-size:10px;color:var(--dp-color-meta);margin:9px 0 0;line-height:1.6}
.status-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.status-meta span{font-family:var(--mono);font-size:10px;color:var(--dp-color-meta);border:1px solid var(--dp-color-hairline);border-radius:3px;padding:6px 9px}

/* Auth / reset */
.auth-wrap{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:64px 24px}
.auth-card{width:min(440px,100%);border:1px solid var(--dp-color-hairline-2);border-radius:var(--dp-radius-panel);background:var(--dp-color-panel);padding:32px;box-shadow:var(--shadow)}
.auth-card h1{font-size:30px;letter-spacing:-.035em;margin:10px 0 8px;font-weight:400}
.auth-card p{font-size:12px;color:var(--dp-color-read);line-height:1.8}
.auth-card .btn{margin-top:6px}
.auth-field{display:grid;gap:6px;margin-top:13px}
.auth-field label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--dp-color-meta)}
.auth-field input{height:42px;border:1px solid var(--dp-color-hairline-2);background:#0a0a0a;color:var(--dp-color-bright);border-radius:3px;padding:0 12px;font-size:12px}
.auth-field input:focus{border-color:var(--dp-color-bright);box-shadow:none}
.auth-note{margin-top:16px;padding-top:16px;border-top:1px solid var(--dp-color-hairline);font-size:10px;color:var(--dp-color-meta);line-height:1.8}
.auth-form{display:grid;gap:4px}
.auth-card .form-error{min-height:16px;margin:8px 0 0;font-size:10px;line-height:1.6;color:var(--rose)}
.auth-card .form-error:empty{min-height:0;display:block}
.auth-card .form-ok{margin:8px 0 0;font-size:10px;line-height:1.7;color:var(--dp-color-live)}

/* Legal prose */
.prose{max-width:780px;padding:64px 0 108px}
.prose h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.04em;margin:12px 0 16px;font-weight:400}
.prose h2{font-size:22px;letter-spacing:-.025em;margin:40px 0 12px;font-weight:500}
.prose h3{font-size:15px;margin:26px 0 8px;font-weight:500}
.prose p,.prose li{font-size:13px;line-height:1.95;color:var(--dp-color-read)}
.prose ul{padding-left:20px}
.prose .notice{padding:16px 18px;border:1px solid var(--dp-color-hairline-2);border-left:2px solid var(--amber);background:var(--dp-color-panel);border-radius:var(--dp-radius-panel);color:var(--dp-color-read);font-size:12px;line-height:1.8;margin:22px 0}
.prose code{font-family:var(--mono);font-size:11px;color:var(--dp-color-bright);background:#151515;border:1px solid var(--dp-color-hairline);border-radius:3px;padding:2px 5px}

/* CTA */
.cta{
  border:1px solid var(--dp-color-hairline);border-radius:var(--dp-radius-panel);padding:56px;
  background:
    radial-gradient(720px 360px at 78% -12%,rgba(255,255,255,.09),transparent 62%),
    var(--dp-color-panel);
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  position:relative;overflow:hidden;
}
.cta::after{
  content:"";position:absolute;width:320px;height:320px;right:-110px;bottom:-170px;
  border:1px solid var(--dp-color-hairline-2);border-radius:50%;
  background:linear-gradient(145deg,#1b1b1b,#090909);opacity:.72;pointer-events:none;
}
.cta h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;line-height:1.04;margin:8px 0 10px;max-width:620px;font-weight:400}
.cta p{font-size:12px;color:var(--dp-color-read);margin:0}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;position:relative;z-index:1}

/* Footer */
.site-footer{border-top:1px solid var(--dp-color-hairline);background:var(--dp-color-ground);padding:64px 0 24px;margin-top:20px;position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px}
.footer-brand p{font-size:11px;line-height:1.85;color:var(--dp-color-meta);max-width:300px;margin:14px 0 16px}
.footer-grid h4{font-family:var(--mono);font-size:9px;letter-spacing:.13em;color:var(--dp-color-meta);margin:0 0 13px;font-weight:500}
.footer-grid a{display:block;font-size:11px;color:var(--dp-color-read);padding:4px 0;transition:color var(--dp-motion-duration) var(--dp-motion-ease)}
.footer-grid a:hover{color:var(--dp-color-bright)}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--dp-color-hairline);margin-top:40px;padding-top:18px;font-family:var(--mono);font-size:9px;color:var(--dp-color-meta);flex-wrap:wrap}

/* Motion
   Above-the-fold content rises once on load. Everything below the fold fades
   up against its own scroll position through a view() timeline, so nothing is
   hidden by JavaScript and no layout shift is introduced. Only transform and
   opacity animate, and every rule below is opt-in for users who allow motion. */
@keyframes rise-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes bar-grow{from{transform:scaleY(.12)}to{transform:scaleY(1)}}

.reveal{opacity:1;transform:none}

@media(prefers-reduced-motion:no-preference){
  .hero-copy>.eyebrow{animation:rise-in .48s var(--dp-motion-rise) both}
  .hero-copy>.display{animation:rise-in var(--dp-motion-enter) var(--dp-motion-rise) 60ms both}
  .hero-copy>.lead{animation:rise-in var(--dp-motion-enter) var(--dp-motion-rise) 130ms both}
  .hero-copy>.hero-actions{animation:rise-in var(--dp-motion-enter) var(--dp-motion-rise) 200ms both}
  .hero-copy>.hero-meta{animation:rise-in var(--dp-motion-enter) var(--dp-motion-rise) 270ms both}
  .hero-visual>.monitor{animation:rise-in .7s var(--dp-motion-rise) 160ms both}
  .monitor-head>strong{animation:fade-in .5s var(--dp-motion-ease) 420ms both}
  .monitor-chart>span{transform-origin:50% 100%;animation:bar-grow .75s var(--dp-motion-rise) both}
  .monitor-chart>span:nth-child(1){animation-delay:340ms}
  .monitor-chart>span:nth-child(2){animation-delay:390ms}
  .monitor-chart>span:nth-child(3){animation-delay:440ms}
  .monitor-chart>span:nth-child(4){animation-delay:490ms}
  .monitor-chart>span:nth-child(5){animation-delay:540ms}
  .monitor-chart>span:nth-child(6){animation-delay:590ms}
  .monitor-chart>span:nth-child(7){animation-delay:640ms}
  .monitor-chart>span:nth-child(8){animation-delay:690ms}
  .monitor-chart>span:nth-child(9){animation-delay:740ms}
  .monitor-row{animation:rise-in .5s var(--dp-motion-rise) both}
  .monitor-row:nth-child(1){animation-delay:520ms}
  .monitor-row:nth-child(2){animation-delay:590ms}
  .monitor-row:nth-child(3){animation-delay:660ms}

  .section:first-of-type>.container>.eyebrow{animation:rise-in .48s var(--dp-motion-rise) both}
  .section:first-of-type>.container>.h1,
  .section:first-of-type>.container>.h2{animation:rise-in .56s var(--dp-motion-rise) 60ms both}
  .section:first-of-type>.container>.lead{animation:rise-in .56s var(--dp-motion-rise) 120ms both}

  .btn{transition:background var(--dp-motion-duration) var(--dp-motion-ease),
    border-color var(--dp-motion-duration) var(--dp-motion-ease),
    color var(--dp-motion-duration) var(--dp-motion-ease),
    transform 140ms var(--dp-motion-ease)}
  .btn:hover{transform:translateY(-1px)}
  .btn:active{transform:translateY(0) scale(.99)}
  .btn>[aria-hidden="true"]{transition:transform 180ms var(--dp-motion-rise)}
  .btn:hover>[aria-hidden="true"]{transform:translateX(3px)}

  .card-hover{
    transition:border-color var(--dp-motion-duration) var(--dp-motion-ease),
      background var(--dp-motion-duration) var(--dp-motion-ease),
      transform 180ms var(--dp-motion-rise);
  }
  .card-hover:hover{transform:translateY(-2px)}

  .bank-chip{
    transition:border-color 140ms var(--dp-motion-ease),
      transform 140ms var(--dp-motion-ease);
  }
  .bank-chip:hover{border-color:var(--dp-color-hairline-2);transform:translateY(-1px)}

  .docs-side a{transition:color var(--dp-motion-duration) var(--dp-motion-ease),
    background var(--dp-motion-duration) var(--dp-motion-ease),
    border-color var(--dp-motion-duration) var(--dp-motion-ease),
    transform 140ms var(--dp-motion-ease)}
  .docs-side a:hover{transform:none}

  .data-table tbody tr{transition:background 140ms var(--dp-motion-ease)}
  .data-table tbody tr:hover{background:#111111}
}

@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .reveal,.section-head,.flow article,.table-wrap,.status-grid>*,
    .docs-body>section,.prose>*,.cta,.card-hover:not(.reveal),
    .bento>*,.grid-3>*{
      animation:rise-in linear both;
      animation-timeline:view();
      animation-range:entry 2% cover 24%;
    }
    .bento>*:nth-child(2),.grid-3>*:nth-child(2){animation-range:entry 6% cover 28%}
    .bento>*:nth-child(3),.grid-3>*:nth-child(3){animation-range:entry 10% cover 32%}
  }
}

/* API documentation is an interactive reference, not a scroll-reveal landing page.
   View timelines move and fade entire sections (and tables) on re-entry, so a
   back/forward navigation or in-page link can look as if the page snapped back. */
html.docs-page .docs-body>section,
html.docs-page .docs-body .table-wrap{
  animation:none !important;
  animation-timeline:auto !important;
  opacity:1 !important;
  translate:none !important;
  transform:none !important;
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-delay:0ms!important;
    animation-iteration-count:1!important;transition-duration:.01ms!important;
  }
  .btn:hover,.card-hover:hover,.bank-chip:hover,.docs-side a:hover{transform:none}
  .reveal{opacity:1;transform:none}
  .ticker-track{animation:none}
  .ticker-marquee{overflow-x:auto;scrollbar-width:none}
  .ticker-marquee::-webkit-scrollbar{display:none}
}

@media print{
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* Responsive */
@media(max-width:1180px){
  :root{--dp-spacing-gutter:32px}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:44px}
  .hero-copy{max-width:760px}
  .hero-visual{min-height:440px;justify-items:center}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bento .card:first-child{grid-row:auto}
  .bento .card.wide{grid-column:span 1}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:1.3fr repeat(3,1fr);gap:28px}
  .docs-layout{grid-template-columns:190px minmax(0,1fr);gap:36px}
  .docs-side{width:190px}
}
@media(max-width:900px){
  .section{padding:84px 0}
  .section-tight{padding:64px 0}
  .section-head{flex-direction:column;align-items:flex-start;gap:18px}
  .grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}
  .flow{grid-template-columns:1fr}
  .flow .flow-arrow{display:none}
  .flow article:not(:last-child)::after{display:none}
  .cta{flex-direction:column;align-items:flex-start;padding:40px}
  .docs-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .docs-side{position:static;top:auto;left:auto;width:auto;display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--dp-color-hairline);padding-bottom:18px;margin-bottom:28px;max-height:none;overflow:visible}
  .docs-body{grid-column:auto}
  .docs-side h4{width:100%;margin:10px 0 2px}
  .docs-side h4:first-child{display:none}
  .docs-side a{border-left:0;border:1px solid var(--dp-color-hairline);border-radius:var(--dp-radius-pill)}
  .docs-side a:hover,.docs-side a.active{border-color:var(--dp-color-bright)}
  .footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:24px}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:820px){
  .site-nav{
    display:none;position:absolute;left:var(--dp-spacing-gutter);right:var(--dp-spacing-gutter);top:calc(100% - 1px);
    flex-direction:column;align-items:stretch;gap:2px;padding:10px;
    background:var(--dp-color-panel);border:1px solid var(--dp-color-hairline-2);border-radius:var(--dp-radius-panel);
    box-shadow:0 24px 50px rgba(0,0,0,.45);
  }
  .site-nav.open{display:flex}
  .site-nav a{padding:11px 12px;font-size:12px;border-bottom:1px solid var(--dp-color-hairline)}
  .site-nav a:last-child{border-bottom:0}
  .site-nav a[aria-current="page"]{border-bottom-color:var(--dp-color-bright)}
  .nav-toggle{display:block;order:3;margin-left:4px}
  .header-actions{margin-left:auto}
  .header-actions .env-pill{display:none}
  .hero{padding:76px 0 44px}
  .hero-visual{min-height:400px}
  .monitor{width:min(440px,100%)}
  .section{padding:72px 0}
  .section-tight{padding:56px 0}
  .cta{padding:32px}
}
@media(max-width:560px){
  :root{--dp-spacing-gutter:20px}
  .container{width:calc(100% - 40px)}
  .header-inner{height:68px;gap:14px}
  .hero{padding:58px 0 36px}
  .hero h1,.display{font-size:clamp(42px,13vw,58px);max-width:11ch}
  .hero-visual{min-height:360px;justify-items:stretch}
  .monitor{width:100%}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%}
  .grid-2,.grid-3,.bento,.status-grid,.grid-4{grid-template-columns:minmax(0,1fr)}
  .ticker-inner{gap:0;padding-inline:16px;min-height:64px}
  .ticker-label{display:none}
  .ticker-item{gap:0;padding:5px}
  .ticker-group{gap:8px;padding-right:8px}
  .ticker-icon{width:38px;height:38px;padding:5px}
  .ticker-copy{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .cta{padding:26px 22px}
  .cta-actions{width:100%}
  .cta-actions .btn{width:100%}
  .section{padding:60px 0}
  .section-tight{padding:48px 0}
  .docs-layout{padding:36px 0 72px}
  .auth-card{padding:24px}
  .prose{padding:44px 0 72px}
}

/* Docs knowledge base — isolated from all other site pages */
.docs-page .docs-shell{padding-top:42px}
.docs-page .docs-hero{position:relative;margin-bottom:8px;isolation:isolate}
.docs-page .docs-hero::before{content:none}
.docs-hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:38px}
.docs-breadcrumb{display:flex;align-items:center;gap:11px;color:#787878;font:10px var(--mono);letter-spacing:.02em}
.docs-breadcrumb a{color:#c4c4c4}.docs-breadcrumb a:hover{color:white}
.docs-version{display:flex;gap:9px;align-items:center;border:1px solid #2f2f2f;border-radius:30px;padding:7px 12px;font:10px var(--mono);color:#b6b6b6;letter-spacing:.045em}
.docs-live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#989898;box-shadow:0 0 12px rgba(63,214,198,.55)}
.docs-hero-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);align-items:center;gap:64px}
.docs-hero-label{font:10px var(--mono);letter-spacing:.15em;color:#8e8e8e}
.docs-hero h1{font-size:clamp(42px,5.4vw,74px);letter-spacing:-.065em;line-height:1.12;font-weight:450;margin:22px 0;max-width:780px;color:#f5f5f5}
.docs-hero h1 span{color:#a4a4a4}
.docs-hero-main p{font-size:14px;line-height:1.95;color:#a8a8a8;max-width:660px;margin:0}
.docs-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 6px}
.docs-hero .btn-primary{background:#c6c6c6;border-color:#c6c6c6;color:#121212}
.docs-hero .btn-primary:hover{background:#e2e2e2;border-color:#e2e2e2}
.docs-hero-visual{align-self:center;border:1px solid #2b2b2b;border-radius:14px;background:linear-gradient(148deg,#171717,#0c0c0c 66%);box-shadow:0 24px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.045);padding:22px 24px 16px;min-height:288px;transform:none}
.docs-visual-title,.docs-visual-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px var(--mono);color:#7a7a7a;letter-spacing:.14em}
.docs-visual-title{padding-bottom:21px;border-bottom:1px solid #2a2a2a;margin-bottom:19px}
.docs-visual-line{border:1px solid #2c2c2c;border-radius:8px;background:#151515;padding:13px 14px;display:flex;gap:12px;align-items:center;font:10px var(--mono);color:#bebebe}
.docs-visual-line small{font:10px var(--mono);color:#808080}
.docs-visual-line b{font:10px var(--mono);margin-left:auto;color:#acacac}
.docs-visual-line b.pending{color:#a5a5a5}
.docs-visual-line.complete{background:rgba(63,214,198,.08);border-color:rgba(63,214,198,.3);color:#ececec}
.docs-visual-connector{height:17px;width:1px;margin-left:24px;background:linear-gradient(#292929,#7a7a7a)}
.docs-visual-footer{border-top:1px solid #2a2a2a;margin-top:20px;padding-top:14px}
.docs-visual-footer span:last-child{color:#a4a4a4}
.docs-search-wrap{position:relative;z-index:9;margin-top:52px;max-width:780px}
.docs-search-field{height:56px;display:flex;align-items:center;gap:13px;border:1px solid #393939;border-radius:9px;background:rgba(18,23,22,.92);padding:0 17px;transition:border-color .15s ease,box-shadow .15s ease}
.docs-search-field:focus-within{border-color:#a2a2a2;box-shadow:0 0 0 3px rgba(63,214,198,.08)}
.docs-search-icon{color:#a4a4a4;font-size:28px;line-height:0;transform:translateY(-1px)}
.docs-search-field input{width:100%;min-width:0;outline:none;background:transparent;color:#eeeeee;border:0;font-size:13px}
.docs-search-field input::placeholder{color:#7c7c7c}
.docs-search-field input::-webkit-search-cancel-button{cursor:pointer}
.docs-search-field kbd{font:11px var(--mono);border:1px solid #4a4a4a;border-radius:4px;color:#b0b0b0;min-width:23px;height:24px;display:grid;place-items:center}
.docs-search-results{position:absolute;inset:calc(100% + 7px) 0 auto;background:#141414;border:1px solid #3c3c3c;border-radius:10px;max-height:min(248px,45dvh);overflow-y:auto;box-shadow:0 26px 60px rgba(0,0,0,.65);padding:8px}
.docs-search-results a{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:6px;padding:10px 14px;font-size:12px;color:#d6d6d6}
.docs-search-results a:hover,.docs-search-results a:focus-visible{background:#262626}
.docs-search-results a small{font:9px var(--mono);color:#8a8a8a}
.docs-search-results p{padding:10px 14px;margin:0;font-size:12px;color:#a2a2a2}
.docs-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 4px}
.docs-hub-card{position:relative;min-height:154px;border:1px solid #282828;border-radius:9px;background:linear-gradient(160deg,#151515,#0e0e0e);padding:22px 20px;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .16s,transform .16s,background .16s}
.docs-hub-card:hover{border-color:#6e6e6e;background:#191919;transform:translateY(-2px)}
.docs-hub-card .hub-index{font:9px var(--mono);letter-spacing:.1em;color:#9e9e9e;margin-bottom:17px}
.docs-hub-card strong{font-size:16px;letter-spacing:-.025em;color:#f2f2f2;font-weight:550;margin-bottom:6px}
.docs-hub-card small{font-size:11px;color:#8c8c8c;line-height:1.65;max-width:90%}
.docs-hub-card .hub-arrow{position:absolute;top:18px;right:19px;color:#9a9a9a;font-size:17px}
.docs-page .docs-layout{grid-template-columns:244px minmax(0,1fr);gap:56px;padding:66px 0 94px}
.docs-page .docs-side{position:sticky;inset:auto;top:96px;left:auto;align-self:start;width:244px;max-height:calc(100dvh - 112px);padding:18px 10px 18px 0;border-right:1px solid var(--dp-color-hairline)}
.docs-side-header{display:flex;justify-content:space-between;align-items:center;padding:0 12px 16px;margin-bottom:4px;border-bottom:1px solid #242424;color:#eeeeee;font:10px var(--mono);letter-spacing:.12em}
.docs-side-header span{color:#aaaaaa}
.docs-page .docs-side h4{color:#7c7c7c;margin:19px 11px 7px;letter-spacing:.11em;font-size:9px}
.docs-page .docs-side h4:first-of-type{margin-top:12px}
.docs-page .docs-side a{font-size:11.5px;padding:8px 11px;border-radius:5px;margin-right:4px;white-space:normal;border-left:2px solid transparent;color:#9a9a9a}
.docs-page .docs-side a:hover{background:#1a1a1a;color:#eaeaea}
.docs-page .docs-side a.active{color:#cacaca;background:rgba(63,214,198,.075);border-left-color:#959595;font-weight:550}
.docs-side-footer{display:flex;flex-direction:column;border-top:1px solid #262626;margin-top:19px;padding-top:12px}
.docs-page .docs-side .docs-side-footer a{color:#bababa;font:10px var(--mono)}
.docs-page .docs-body{max-width:900px}
.docs-page .docs-body section{padding-bottom:58px;margin-bottom:57px;border-color:#2c2c2c}
.docs-page .docs-body h2{font-size:clamp(25px,2.4vw,33px);letter-spacing:-.045em;color:#f3f3f3;margin:11px 0 18px;font-weight:500}
.docs-page .docs-body h3{color:#f2f2f2;font-weight:550;letter-spacing:-.02em}
.docs-page .docs-body p,.docs-page .docs-body li{font-size:13px;line-height:1.94;color:#acacac}
.docs-page .docs-body p strong,.docs-page .docs-body li strong{color:#f3f3f3}
.docs-page .docs-body p a{color:#c0c0c0;text-decoration:underline;text-decoration-color:rgba(156,229,217,.33);text-underline-offset:3px}
.docs-page .docs-body p a:hover{text-decoration-color:#c0c0c0}
.docs-section-label{display:inline-flex;align-items:center;gap:8px;font:10px var(--mono);color:#9c9c9c;letter-spacing:.15em;text-transform:uppercase}
.docs-section-label::before{content:"";width:14px;height:1px;background:#9c9c9c}
.docs-page .docs-body .docs-section-lead{font-size:15px;line-height:1.9;color:#c6c6c6;max-width:780px;margin:0 0 20px}
.docs-page .docs-body .code{border-color:#303030;border-radius:8px;box-shadow:0 15px 38px rgba(0,0,0,.15)}
.docs-page .docs-body .code-head{background:#171717}
.docs-page .docs-body .code pre{font-size:11.5px;line-height:1.85;tab-size:2}
.docs-page .docs-body .code-head button{border:1px solid #474747;border-radius:5px;background:#242424;padding:5px 9px;color:#c5c5c5;font:10px var(--mono);margin-left:7px;flex-shrink:0}
.docs-page .docs-body .code-head button:hover{background:#353535}
.docs-page .docs-body .callout{border-radius:8px}
.docs-page .docs-body .endpoint{border-radius:7px}
.docs-page .docs-body .table-wrap{border-radius:8px}
.docs-page .docs-body .data-table th{background:#141414}
.docs-page .docs-body .data-table tbody tr:hover{background:#1c1c1c}
.docs-page .docs-body code{overflow-wrap:anywhere}
.docs-steps{border:1px solid #2c2c2c;background:#0e0e0e;border-radius:9px;overflow:hidden;margin:24px 0}
.docs-step{display:grid;grid-template-columns:35px minmax(0,1fr);gap:16px;padding:20px 23px;border-bottom:1px solid #2a2a2a}
.docs-step:last-child{border-bottom:0}
.docs-step>span{width:33px;height:33px;border:1px solid #474747;background:#222222;border-radius:8px;display:grid;place-items:center;font:11px var(--mono);color:#bbbbbb}
.docs-page .docs-body .docs-step h3{margin:0 0 4px;font-size:14px}
.docs-page .docs-body .docs-step p{margin:0;font-size:12px}
.docs-advice{border:1px solid #444444;border-left:3px solid #a0a0a0;border-radius:8px;background:#161616;padding:18px 21px;margin:24px 0}
.docs-advice strong{color:#d0d0d0;font-size:13px;font-weight:600}
.docs-page .docs-body .docs-advice p{margin:5px 0 0;color:#b6b6b6;font-size:12px}
.docs-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.docs-info-card{border:1px solid #2d2d2d;border-radius:8px;padding:22px;background:linear-gradient(160deg,#161616,#0e0e0e)}
.docs-info-card>span,.docs-usecases article>span{font:9px var(--mono);color:#a2a2a2;letter-spacing:.12em}
.docs-page .docs-body .docs-info-card h3{font-size:15px;margin:12px 0 8px;color:#f0f0f0}
.docs-page .docs-body .docs-info-card p{font-size:12px;margin:0}
.docs-lifecycle{display:flex;align-items:stretch;gap:9px;margin:22px 0}
.docs-lifecycle>div{flex:1;min-width:0;border:1px solid #2d2d2d;border-radius:8px;background:#131313;padding:17px 14px;display:flex;flex-direction:column;gap:10px}
.docs-lifecycle>div strong{font-size:12px;color:#f5f5f5;font-weight:550}
.docs-lifecycle>div small{font-size:10px;color:#a0a0a0;line-height:1.7}
.docs-lifecycle-arrow{align-self:center;color:#686868}
.docs-state{align-self:flex-start;font:9px var(--mono);letter-spacing:.08em;border-radius:5px;padding:5px 7px}
.docs-state.pending{color:#b5b5b5;background:rgba(216,178,107,.09);border:1px solid rgba(216,178,107,.24)}
.docs-state.success{color:#b8b8b8;background:rgba(63,214,198,.09);border:1px solid rgba(63,214,198,.24)}
.docs-usecases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:25px 0}
.docs-usecases article{border:1px solid #2e2e2e;border-radius:8px;background:#121212;padding:20px}
.docs-page .docs-body .docs-usecases h3{font-size:14px;margin:15px 0 7px}
.docs-page .docs-body .docs-usecases p{font-size:11px;line-height:1.8;margin:0}
.docs-troubleshoot{border:1px solid #2c2c2c;border-radius:9px;overflow:hidden;margin:24px 0;background:#101010}
.docs-troubleshoot details+details{border-top:1px solid #2c2c2c}
.docs-troubleshoot summary{cursor:pointer;padding:17px 20px;color:#eaeaea;font-size:13px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.docs-troubleshoot summary:hover{background:#1c1c1c}
.docs-troubleshoot summary::-webkit-details-marker{display:none}
.docs-troubleshoot summary::after{content:"+";font-size:19px;color:#b5b5b5;font-weight:300;flex-shrink:0}
.docs-troubleshoot details[open] summary::after{content:"−"}
.docs-troubleshoot details[open] summary{background:#1a1a1a}
.docs-troubleshoot details>div{padding:0 20px 17px}
.docs-page .docs-body .docs-troubleshoot p{margin:0;font-size:12px}
.docs-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:25px 0}
.docs-checklist>div{display:flex;gap:12px;align-items:flex-start;border:1px solid #303030;border-radius:8px;background:#121212;padding:19px}
.docs-checklist>div>span{background:#2b2b2b;color:#b6b6b6;font-size:12px;width:25px;height:25px;display:grid;place-items:center;border-radius:6px;flex-shrink:0}
.docs-page .docs-body .docs-checklist p{margin:0;line-height:1.5}
.docs-checklist p strong{display:block;font-size:12px;margin-bottom:6px}
.docs-checklist p small{display:block;color:#9a9a9a;font-size:11px;line-height:1.7}
@media(max-width:1180px){
 .docs-page .docs-layout{grid-template-columns:218px minmax(0,1fr);gap:32px}
 .docs-page .docs-side{width:218px}
 .docs-hero-main{gap:35px}
}
@media(max-width:900px){
 .docs-page .docs-hero-main{grid-template-columns:minmax(0,1fr);gap:24px}
 .docs-hero-visual{display:none}
 .docs-page .docs-layout{grid-template-columns:1fr;gap:15px;padding-top:35px}
 .docs-page .docs-side{position:static;width:100%;max-height:none;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #2e2e2e;padding:6px 0 16px;gap:5px;scrollbar-width:thin;scrollbar-color:#565656 transparent}
 .docs-page .docs-side h4,.docs-side-header,.docs-side-footer{display:none!important}
 .docs-page .docs-side a{flex:0 0 auto;white-space:nowrap;border:1px solid #2c2c2c;border-radius:28px;padding:9px 14px;margin:0}
 .docs-page .docs-side a.active{border-color:#8a8a8a}
 .docs-page .docs-body{grid-column:1;max-width:none}
}
@media(max-width:640px){
 .docs-page .docs-shell{padding-top:22px}
 .docs-hero-top{margin-bottom:29px}
 .docs-hero h1{font-size:clamp(35px,9vw,51px)}
 .docs-hero-main p{font-size:13px}
 .docs-hero-actions .btn{padding:0 13px;font-size:11px;min-height:39px}
 .docs-breadcrumb{font-size:9px;gap:6px}
 .docs-hub-grid{grid-template-columns:1fr;gap:8px}
 .docs-hub-card{min-height:103px;padding:15px 18px}
 .docs-hub-card .hub-index{margin-bottom:8px}
 .docs-hub-card strong{font-size:14px}
 .docs-hub-card small{font-size:10px}
 .docs-search-wrap{margin-top:30px}
 .docs-search-field{height:52px}
 .docs-search-field input{font-size:12px}
 .docs-page .docs-body section{margin-bottom:38px;padding-bottom:40px}
 .docs-mini-grid,.docs-checklist{grid-template-columns:1fr}
 .docs-usecases{grid-template-columns:1fr}
 .docs-lifecycle{flex-direction:column}
 .docs-lifecycle-arrow{transform:rotate(90deg);align-self:center}
 .docs-page .docs-body .code pre{font-size:10.5px;padding:16px 13px}
 .docs-page .docs-body .code-head{padding:10px}
 .docs-page .docs-body .code-head span{font-size:8px;letter-spacing:0}
 .docs-steps{margin:20px 0}.docs-step{padding:16px;gap:11px}
}

/* Brand alignment / corrected desktop positioning */
.docs-page .docs-hero h1{color:var(--dp-color-bright);font-weight:400}
.docs-page .docs-hero h1 span{color:var(--dp-color-bright)}
.docs-page .docs-hero-label,
.docs-page .docs-hero .hub-index,
.docs-page .docs-section-label,
.docs-page .docs-side h4,
.docs-page .docs-info-card>span,
.docs-page .docs-usecases article>span{color:var(--dp-color-meta)}
.docs-page .docs-section-label::before{background:var(--dp-color-hairline-2)}
.docs-page .docs-hero .btn-primary{color:var(--dp-color-inverse-ink);background:var(--dp-color-bright);border-color:var(--dp-color-bright)}
.docs-page .docs-hero .btn-primary:hover{color:var(--dp-color-inverse-ink);background:#d7d7d7;border-color:#d7d7d7}
.docs-page .docs-hero-visual{border:1px solid var(--dp-color-hairline-2);border-radius:var(--dp-radius-panel);transform:none;background:linear-gradient(155deg,#161616,#0b0b0b 76%);box-shadow:0 30px 90px rgba(0,0,0,.48)}
.docs-page .docs-visual-line{background:var(--dp-color-panel);border-color:var(--dp-color-hairline-2)}
.docs-page .docs-visual-line.complete{background:#151515;border-color:var(--dp-color-hairline-2)}
.docs-page .docs-visual-line.complete b{color:var(--dp-color-bright)}
.docs-page .docs-visual-connector{background:var(--dp-color-hairline-2)}
.docs-page .docs-hub-card{background:var(--dp-color-panel);border-color:var(--dp-color-hairline);border-radius:var(--dp-radius-panel)}
.docs-page .docs-hub-card:hover{background:#151515;border-color:var(--dp-color-hairline-2)}
.docs-page .docs-search-field{background:var(--dp-color-panel);border-color:var(--dp-color-hairline-2);border-radius:var(--dp-radius-panel)}
.docs-page .docs-search-field:focus-within{border-color:#888;box-shadow:0 0 0 2px rgba(242,242,242,.06)}
.docs-page .docs-search-results{background:var(--dp-color-panel);border-color:var(--dp-color-hairline-2);border-radius:var(--dp-radius-panel)}
.docs-page .docs-search-icon{color:var(--dp-color-meta)}
.docs-page .docs-side a.active{color:var(--dp-color-bright);background:#151515;border-left-color:var(--dp-color-bright)}
.docs-page .docs-side a:hover{background:#111;color:var(--dp-color-bright)}
.docs-page .docs-side-header{color:var(--dp-color-bright)}
.docs-page .docs-side-header span{color:var(--dp-color-meta)}
.docs-page .docs-section-label{letter-spacing:.11em}
.docs-page .docs-advice{background:var(--dp-color-panel);border:1px solid var(--dp-color-hairline-2);border-left:2px solid #777;border-radius:var(--dp-radius-panel)}
.docs-page .docs-advice strong{color:var(--dp-color-bright)}
.docs-page .docs-advice p{color:var(--dp-color-read)}
.docs-page .docs-info-card,.docs-page .docs-usecases article,.docs-page .docs-steps,.docs-page .docs-step,.docs-page .docs-checklist>div,.docs-page .docs-troubleshoot,.docs-page .docs-lifecycle>div{background:var(--dp-color-panel);border-color:var(--dp-color-hairline);border-radius:var(--dp-radius-panel)}
.docs-page .docs-body .code-head button{border-color:var(--dp-color-hairline-2);background:var(--dp-color-panel);color:var(--dp-color-bright)}
.docs-page .docs-body .code-head button:hover{background:#222}
.docs-page .docs-body p a{color:var(--dp-color-bright);text-decoration-color:var(--dp-color-hairline-2)}
.docs-page .docs-body p a:hover{text-decoration-color:var(--dp-color-bright)}
.docs-page .docs-step>span,.docs-page .docs-checklist>div>span{color:var(--dp-color-bright);background:#1b1b1b;border-color:var(--dp-color-hairline-2)}
.docs-page .docs-state.success{color:var(--dp-color-live);background:rgba(63,214,198,.06);border:1px solid rgba(63,214,198,.28)}
.docs-page .docs-state.pending{color:var(--amber);background:rgba(216,178,107,.06);border:1px solid rgba(216,178,107,.24)}
.docs-page .docs-live-dot{background:var(--dp-color-live);box-shadow:none}
.docs-page .docs-version{color:var(--dp-color-meta);border-color:var(--dp-color-hairline-2)}
.docs-page .docs-visual-line b{color:var(--dp-color-bright)}
.docs-page .docs-visual-line b.pending{color:var(--amber)}
.docs-page .docs-visual-footer span:last-child{color:var(--dp-color-read)}
@media(min-width:901px) and (max-width:1180px){
  .docs-page .docs-side{width:218px}
}
@media(max-width:900px){
  .docs-page .docs-side{position:static;inset:auto;width:100%;max-height:none;align-self:auto;border-right:0;top:auto;left:auto}
  .docs-page .docs-side a.active{border-color:var(--dp-color-bright);border-left-color:var(--dp-color-bright)}
}


/* Docs hub v2: uses the shared Payment Modern Dark tokens and components.
   New layout is scoped to .docs-v2; Platform/Banks/Quickstart remain unchanged. */
.docs-v2{--hub-panel:var(--dp-color-panel);--hub-line:var(--dp-color-hairline);--hub-line-strong:var(--dp-color-hairline-2);--hub-white:var(--dp-color-bright);--hub-muted:var(--dp-color-read);--hub-secondary:var(--dp-color-meta);position:relative}
.docs-page .docs-v2.docs-shell{padding-top:26px}
.docs-v2 .docs-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.docs-v2 .docs-ui-icon{display:block;width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.docs-page .docs-v2 .docs-layout{display:grid;grid-template-columns:244px minmax(0,1fr);gap:24px;padding:0 0 90px;align-items:start}
.docs-page .docs-v2 .docs-side{position:sticky;inset:auto;top:92px;z-index:9;width:244px;height:min(770px,calc(100dvh - 112px));max-height:none;min-height:400px;padding:0;border:1px solid var(--hub-line);background:var(--hub-panel);border-radius:var(--dp-radius-panel);display:flex;flex-direction:column;overflow:visible;box-shadow:none}
.docs-v2 .docs-side-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;border-bottom:1px solid var(--hub-line);padding:18px 16px 15px;color:var(--hub-white);margin:0}
.docs-v2 .docs-side-header>span:first-child{display:flex;align-items:center;gap:9px}
.docs-v2 .docs-side-header strong{font:500 10px var(--mono);letter-spacing:.12em}
.docs-v2 .docs-side-header>span:last-child{font:9px var(--mono);color:var(--hub-secondary);padding:3px 6px;border:1px solid var(--hub-line-strong);border-radius:3px}
.docs-v2 .docs-side-search{position:relative;flex:0 0 auto;padding:13px 12px 13px;border-bottom:1px solid var(--hub-line)}
.docs-v2 .docs-side-search label{display:block;font-size:10px;color:var(--hub-secondary);margin:0 0 9px;letter-spacing:.01em}
.docs-v2 .docs-side-search-input{display:flex;align-items:center;gap:8px;height:38px;padding:0 9px;border:1px solid var(--hub-line-strong);border-radius:var(--dp-radius-panel);background:#141414;transition:border-color 140ms}
.docs-v2 .docs-side-search-input:focus-within{border-color:#7c7c7c}
.docs-v2 .docs-side-search-input>.docs-ui-icon{width:14px;height:14px;color:var(--hub-secondary)}
.docs-v2 .docs-side-search-input input{width:100%;min-width:0;border:0;outline:0;color:var(--hub-white);font-size:11px;background:none}
.docs-v2 .docs-side-search-input input::placeholder{color:#787878}
.docs-v2 .docs-side-search-input kbd{font:9px var(--mono);padding:3px 5px;border:1px solid var(--hub-line-strong);border-radius:3px;color:var(--hub-secondary)}
.docs-v2 .docs-search-results{position:absolute;z-index:40;inset:calc(100% - 5px) 8px auto;background:#141414;max-height:266px;overflow-y:auto;border:1px solid #404040;border-radius:var(--dp-radius-panel);box-shadow:0 24px 50px rgba(0,0,0,.55)}
.docs-v2 .docs-search-results a{padding:10px;gap:8px;color:var(--hub-white)}
.docs-v2 .docs-search-results a small{font-size:9px;color:var(--hub-secondary)}
.docs-v2 .docs-search-results p{padding:12px;font-size:11px;color:var(--hub-muted)}
.docs-v2 .docs-nav-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#333 transparent;padding:10px 8px 18px}
.docs-page .docs-v2 .docs-nav-list h4{color:var(--hub-secondary);font:500 9px var(--mono);letter-spacing:.085em;text-transform:uppercase;margin:20px 9px 7px}
.docs-page .docs-v2 .docs-nav-list h4:first-of-type{margin-top:17px}
.docs-page .docs-v2 .docs-nav-list .docs-nav-link{margin:0;display:flex;align-items:center;gap:10px;min-width:0;min-height:35px;padding:8px 9px;border:1px solid transparent;border-left:2px solid transparent;border-radius:var(--dp-radius-panel);color:var(--hub-muted);font-size:11px;line-height:1.4;white-space:normal;transition:background 140ms,color 140ms}
.docs-v2 .docs-nav-link .docs-ui-icon{width:14px;height:14px;color:var(--hub-secondary)}
.docs-v2 .docs-nav-link span{min-width:0}
.docs-page .docs-v2 .docs-nav-list .docs-nav-link:hover{color:var(--hub-white);background:#191919}
.docs-page .docs-v2 .docs-nav-list .docs-nav-link.active{color:var(--hub-white);font-weight:500;border-left-color:var(--hub-white);background:#202020}
.docs-v2 .docs-nav-link.active .docs-ui-icon{color:var(--hub-white)}
.docs-v2 .docs-side-footer{display:flex;flex-direction:column;flex:0 0 auto;margin:0;border-top:1px solid var(--hub-line);padding:10px 8px}
.docs-page .docs-v2 .docs-side-footer a{font-size:10px;line-height:1.6;color:var(--hub-secondary);border:0;margin:0;padding:6px 8px}
.docs-page .docs-v2 .docs-side-footer a:hover{color:var(--hub-white)}
.docs-v2 .docs-content{min-width:0;grid-column:2}
.docs-v2 .docs-home{display:grid;gap:19px}
.docs-v2 .docs-home-intro,.docs-v2 .docs-home-feature{border:1px solid var(--hub-line);border-radius:var(--dp-radius-panel);background:var(--hub-panel);overflow:hidden}
.docs-v2 .docs-home-intro{min-height:232px;padding:34px 36px;position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);gap:18px;align-items:center;background:radial-gradient(650px 280px at 106% 10%,rgba(255,255,255,.05),transparent 65%),linear-gradient(115deg,#111111,#090909)}
.docs-v2 .docs-home-intro-copy{position:relative;z-index:1;max-width:740px}
.docs-v2 .docs-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hub-line-strong);border-radius:var(--dp-radius-pill);padding:6px 10px;background:#161616;color:var(--hub-secondary);font:10px var(--mono);letter-spacing:.07em;white-space:nowrap}
.docs-v2 .docs-chip .docs-ui-icon{width:14px;height:14px}
.docs-v2 .docs-home-intro h1{font-size:clamp(29px,2.65vw,41px);line-height:1.18;letter-spacing:-.046em;font-weight:450;color:var(--hub-white);margin:20px 0 10px;max-width:none}
.docs-v2 .docs-home-intro h1 span{color:var(--hub-white)}
.docs-v2 .docs-home-intro p{font-size:12px;line-height:1.82;color:var(--hub-muted);margin:0;max-width:650px}
.docs-v2 .docs-intro-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:19px}
.docs-v2 .docs-intro-links a{font-size:11px;color:var(--hub-white);border-bottom:1px solid var(--hub-line-strong);padding-bottom:4px}
.docs-v2 .docs-intro-links a span{color:var(--hub-secondary)}
.docs-v2 .docs-intro-links a:hover{border-bottom-color:var(--hub-white)}
.docs-v2 .docs-intro-visual{position:relative;min-width:0;display:grid;place-items:center;align-self:stretch}
.docs-v2 .docs-intro-console{position:relative;width:min(100%,270px);border:1px solid #363636;border-radius:5px;background:linear-gradient(135deg,#171717,#0c0c0c);box-shadow:0 22px 55px rgba(0,0,0,.3);transform:rotate(-2deg)}
.docs-v2 .docs-intro-console-bar{display:flex;align-items:center;gap:5px;border-bottom:1px solid #303030;padding:9px 11px}
.docs-v2 .docs-intro-console-bar i{width:5px;height:5px;border-radius:50%;background:#555}
.docs-v2 .docs-intro-console-bar span{margin-left:auto;font:8px var(--mono);letter-spacing:.06em;color:#858585}
.docs-v2 .docs-intro-console-body{padding:16px}
.docs-v2 .docs-intro-console-body small{display:block;color:#858585;font:8px var(--mono);letter-spacing:.08em;margin-bottom:7px}
.docs-v2 .docs-intro-console-body strong{display:block;color:#e2e2e2;font:10px var(--mono);font-weight:500;white-space:nowrap}
.docs-v2 .docs-intro-console-body em{font:9px var(--mono);font-style:normal;color:#f3f3f3;margin-right:6px}
.docs-v2 .docs-intro-console-body em.docs-method-get{color:#aaa}
.docs-v2 .docs-intro-progress{height:1px;background:#3a3a3a;margin:16px 0}
.docs-v2 .docs-intro-progress span{display:block;width:72%;height:1px;background:#d5d5d5}
.docs-v2 .docs-intro-ready{display:flex;gap:7px;align-items:center;font:9px var(--mono);color:var(--hub-white);margin-top:17px}
.docs-v2 .docs-intro-ready .docs-ui-icon{width:13px;height:13px;color:var(--dp-color-live)}
.docs-v2 .docs-intro-float{position:absolute;z-index:1;right:-1px;bottom:8px;display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid #3b3b3b;border-radius:4px;background:#191919;box-shadow:0 10px 30px rgba(0,0,0,.5);color:#eee;font-size:10px}
.docs-v2 .docs-intro-float .docs-ui-icon{width:15px;height:15px}
.docs-v2 .docs-home-feature{padding:28px 34px 30px;background:radial-gradient(460px 240px at 100% 0%,rgba(255,255,255,.038),transparent 70%),linear-gradient(130deg,#101010,#0c0c0c)}
.docs-v2 .docs-home-feature h2{font-weight:450;letter-spacing:-.047em;color:var(--hub-white);font-size:clamp(26px,2.6vw,36px);margin:16px 0 7px}
.docs-v2 .docs-home-feature>p{font-size:12px;color:var(--hub-muted);line-height:1.85;margin:0;max-width:810px}
.docs-v2 .docs-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:21px}
.docs-v2 .docs-feature-item{min-width:0;display:flex;align-items:flex-start;gap:13px;padding:18px 16px;border:1px solid var(--hub-line-strong);background:#0b0b0b;border-radius:var(--dp-radius-panel)}
.docs-v2 .docs-feature-icon{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--dp-radius-panel);background:#1c1c1c;border:1px solid #303030;color:var(--hub-white)}
.docs-v2 .docs-feature-icon .docs-ui-icon{width:18px;height:18px}
.docs-v2 .docs-feature-item strong{display:block;color:var(--hub-white);font-size:13px;font-weight:550;letter-spacing:-.015em;margin-bottom:6px}
.docs-v2 .docs-feature-item small{display:block;color:var(--hub-muted);font-size:10px;line-height:1.7}
.docs-v2 .docs-main-topics{padding:12px 0 0}
.docs-v2 .docs-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:0 0 20px}
.docs-v2 .docs-heading-meta{font:9px var(--mono);color:var(--hub-secondary);letter-spacing:.12em}
.docs-v2 .docs-heading-row h2{font-size:23px;font-weight:450;letter-spacing:-.035em;margin:8px 0 4px}
.docs-v2 .docs-heading-row p{font-size:11px;color:var(--hub-muted);margin:0}
.docs-v2 .docs-counter{border:1px solid var(--hub-line-strong);border-radius:var(--dp-radius-pill);color:var(--hub-secondary);font:10px var(--mono);padding:6px 10px;white-space:nowrap}
.docs-v2 .docs-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.docs-v2 .docs-topic-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:190px;padding:17px 17px 16px;background:var(--hub-panel);border:1px solid var(--hub-line);border-radius:var(--dp-radius-panel);transition:background .16s,border-color .16s,transform .16s}
.docs-v2 .docs-topic-card:hover{border-color:#555;background:#151515;transform:translateY(-2px)}
.docs-v2 .docs-topic-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:16px}
.docs-v2 .docs-topic-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border:1px solid var(--hub-line-strong);background:#191919;border-radius:var(--dp-radius-panel);color:var(--hub-white)}
.docs-v2 .docs-topic-icon .docs-ui-icon{width:17px;height:17px}
.docs-v2 .docs-topic-top small{font:9px var(--mono);color:var(--hub-secondary)}
.docs-v2 .docs-topic-card>strong{color:var(--hub-white);font-size:13px;font-weight:550;letter-spacing:-.015em;margin-bottom:6px}
.docs-v2 .docs-topic-description{font-size:11px;color:var(--hub-muted);line-height:1.65;flex:1}
.docs-v2 .docs-topic-read{font-size:10px;color:var(--hub-white);margin-top:14px}
.docs-v2 .docs-topic-read>span{color:var(--hub-secondary);padding-left:4px}
.docs-v2 .docs-home-bottom{border:1px solid var(--hub-line);background:var(--hub-panel);padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:var(--dp-radius-panel)}
.docs-v2 .docs-home-bottom strong{display:block;color:var(--hub-white);font-size:14px;font-weight:500;margin-bottom:6px}
.docs-v2 .docs-home-bottom p{margin:0;color:var(--hub-muted);font-size:11px}
.docs-v2 .docs-article-head{border:1px solid var(--hub-line);background:var(--hub-panel);border-radius:var(--dp-radius-panel);padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.docs-v2 .docs-article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--hub-muted);font-size:11px}
.docs-v2 .docs-article-breadcrumb a{color:var(--hub-white)}
.docs-v2 .docs-article-breadcrumb span:nth-child(2){color:var(--hub-secondary)}
.docs-v2 .docs-article-back{font-size:11px;color:var(--hub-white);display:inline-flex;align-items:center;gap:8px}
.docs-v2 .docs-article-back .docs-ui-icon{width:14px;height:14px}
.docs-v2 .docs-article-back:hover{text-decoration:underline}
.docs-page .docs-v2 .docs-body{grid-column:auto;max-width:none;width:100%}
.docs-v2[data-docs-ready] .docs-body{display:none}
.docs-v2[data-docs-ready].is-article .docs-body{display:block}
.docs-page .docs-v2 .docs-body>section{padding:26px 28px 32px;margin:0;background:var(--hub-panel);border:1px solid var(--hub-line);border-radius:var(--dp-radius-panel)}
.docs-page .docs-v2 .docs-body>section>h2{margin-top:11px}
.docs-v2 .docs-article-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px}
.docs-v2 .docs-article-bottom a{display:flex;align-items:center;gap:8px;color:var(--hub-white);font-size:11px;border:1px solid var(--hub-line-strong);background:var(--hub-panel);border-radius:var(--dp-radius-panel);padding:12px 15px}
.docs-v2 .docs-article-bottom a:hover{border-color:#777}
.docs-v2 .docs-article-bottom .docs-ui-icon{width:14px;height:14px}
@media(max-width:1180px){
 .docs-page .docs-v2 .docs-layout{grid-template-columns:214px minmax(0,1fr);gap:18px}
 .docs-page .docs-v2 .docs-side{width:214px}
 .docs-v2 .docs-home-intro{grid-template-columns:minmax(0,1fr) 210px;padding:27px}
 .docs-v2 .docs-intro-console{width:205px}
 .docs-v2 .docs-intro-float{display:none}
 .docs-v2 .docs-home-feature{padding:26px}
 .docs-v2 .docs-feature-item{padding:15px 11px;gap:8px}
 .docs-v2 .docs-topic-card{padding:15px;min-height:192px}
}
@media(max-width:900px){
 .docs-page .docs-v2 .docs-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 .docs-page .docs-v2 .docs-side{position:relative;inset:auto;z-index:8;width:100%;height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;flex-wrap:nowrap;padding:0;overflow:visible;border:1px solid var(--hub-line);border-radius:var(--dp-radius-panel)}
 .docs-v2 .docs-side-header{display:flex}
 .docs-v2 .docs-side-search{display:block;padding:12px}
 .docs-v2 .docs-side-search label{display:none}
 .docs-v2 .docs-nav-list{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;max-height:none;padding:9px;align-items:center;scrollbar-width:thin}
 .docs-page .docs-v2 .docs-nav-list h4{display:none}
 .docs-page .docs-v2 .docs-nav-list .docs-nav-link{min-height:33px;flex:0 0 auto;white-space:nowrap;border:1px solid var(--hub-line-strong);border-radius:var(--dp-radius-pill);padding:7px 11px}
 .docs-page .docs-v2 .docs-nav-list .docs-nav-link.active{border:1px solid var(--hub-white);background:#1f1f1f}
 .docs-v2 .docs-side-footer{display:none}
 .docs-v2 .docs-content{grid-column:1}
 .docs-v2 .docs-home-intro{grid-template-columns:minmax(0,1fr) 220px}
 .docs-v2 .docs-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .docs-v2 .docs-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:660px){
 .docs-page .docs-v2.docs-shell{padding-top:18px}
 .docs-v2 .docs-home{gap:13px}
 .docs-v2 .docs-home-intro{grid-template-columns:minmax(0,1fr);padding:26px 22px;min-height:auto}
 .docs-v2 .docs-intro-visual{display:none}
 .docs-v2 .docs-home-intro h1{font-size:clamp(29px,8vw,39px)}
 .docs-v2 .docs-home-feature{padding:24px 20px}
 .docs-v2 .docs-home-feature h2{font-size:26px}
 .docs-v2 .docs-feature-grid{grid-template-columns:1fr;gap:8px}
 .docs-v2 .docs-feature-item{padding:14px}
 .docs-v2 .docs-topic-grid{grid-template-columns:1fr;gap:9px}
 .docs-v2 .docs-topic-card{min-height:145px}
 .docs-v2 .docs-topic-top{margin-bottom:10px}
 .docs-v2 .docs-heading-row{align-items:flex-start}
 .docs-v2 .docs-heading-row h2{font-size:21px}
 .docs-v2 .docs-counter{font-size:9px;padding:5px 7px}
 .docs-v2 .docs-home-bottom{flex-direction:column;align-items:flex-start;padding:20px}
 .docs-v2 .docs-home-bottom .btn{width:100%;white-space:normal}
 .docs-page .docs-v2 .docs-body>section{padding:22px 17px}
 .docs-v2 .docs-article-head{padding:14px;align-items:flex-start;flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){.docs-v2 .docs-topic-card{transition:none!important}}


/* Use with AI — public Docs only; no merchant state or credentials */
.docs-v2 .docs-ai-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;padding:14px 17px;background:linear-gradient(115deg,#131313,#0d0d0d);border:1px solid #333;border-radius:var(--dp-radius-panel)}
.docs-v2 .docs-ai-intro{display:flex;align-items:center;gap:12px;min-width:0}
.docs-v2 .docs-ai-spark{display:grid;place-items:center;height:35px;width:35px;flex:0 0 auto;border:1px solid #474747;border-radius:8px;color:#e8e8e8;font-size:19px;background:#202020}
.docs-v2 .docs-ai-intro strong{display:block;color:#f6f6f6;font-size:12px;font-weight:600;letter-spacing:-.01em}
.docs-v2 .docs-ai-intro small{display:block;margin-top:3px;color:#969696;font-size:10px;line-height:1.5}
.docs-v2 .docs-ai-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.docs-v2 .docs-ai-trigger,.docs-v2 .docs-ai-secondary{font-family:inherit;appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:11px;white-space:nowrap;transition:background .15s,border-color .15s}
.docs-v2 .docs-ai-trigger{border:1px solid #ddd;background:#e5e5e5;color:#111;font-weight:600}
.docs-v2 .docs-ai-trigger:hover,.docs-v2 .docs-ai-trigger[aria-expanded="true"]{background:#fff}
.docs-v2 .docs-ai-secondary{border:1px solid #363636;background:#181818;color:#dedede}
.docs-v2 .docs-ai-secondary:hover{border-color:#696969;background:#232323}
.docs-v2 .docs-ai-trigger:focus-visible,.docs-v2 .docs-ai-secondary:focus-visible,.docs-v2 .docs-ai-menu button:focus-visible,.docs-v2 .docs-ai-menu a:focus-visible{outline:2px solid #fff;outline-offset:2px}
.docs-v2 .docs-ai-trigger>.docs-ai-chevron{font-size:15px;line-height:1;transition:transform .15s}
.docs-v2 .docs-ai-trigger[aria-expanded="true"]>.docs-ai-chevron{transform:rotate(180deg)}
.docs-v2 .docs-ai-dropdown{position:relative}
.docs-v2 .docs-ai-menu{position:absolute;z-index:75;top:calc(100% + 9px);right:0;width:min(330px,calc(100vw - 34px));padding:7px;background:#151515;border:1px solid #454545;border-radius:9px;box-shadow:0 22px 55px rgba(0,0,0,.65)}
.docs-v2 .docs-ai-menu[hidden],.docs-v2 .docs-ai-toast[hidden]{display:none!important}
.docs-v2 .docs-ai-menu-caption{display:block;padding:9px 10px 7px;color:#999;font:9px var(--mono);letter-spacing:.11em}
.docs-v2 .docs-ai-menu button,.docs-v2 .docs-ai-menu a{display:flex;align-items:center;gap:11px;appearance:none;border:0;background:transparent;color:#eee;text-decoration:none;width:100%;padding:10px;border-radius:6px;text-align:left;cursor:pointer;font-family:inherit;font-size:11px;font-weight:500;line-height:1.3}
.docs-v2 .docs-ai-menu button:hover,.docs-v2 .docs-ai-menu a:hover{background:#292929}
.docs-v2 .docs-ai-menu button>span:nth-child(2),.docs-v2 .docs-ai-menu a>span:nth-child(2){flex:1 1 auto;min-width:0;font-size:11px}
.docs-v2 .docs-ai-menu button small,.docs-v2 .docs-ai-menu a small{display:block;color:#9e9e9e;font-size:10px;font-weight:400;margin-top:4px}
.docs-v2 .docs-ai-logo{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #3d3d3d;border-radius:7px;background:#242424;color:#f1f1f1;font:600 10px var(--mono)}
.docs-v2 .docs-ai-external{color:#888;font-size:13px}
.docs-v2 .docs-ai-menu-divider{height:1px;margin:7px 4px;background:#363636}
.docs-v2 .docs-ai-toast{position:fixed;z-index:100;right:20px;bottom:22px;max-width:min(430px,calc(100vw - 40px));padding:12px 15px;border:1px solid #515151;border-radius:7px;background:#202020;box-shadow:0 14px 36px #000b;color:#f5f5f5;font-size:12px;line-height:1.6}
@media(max-width:660px){
 .docs-v2 .docs-ai-bar{padding:12px;gap:12px}
 .docs-v2 .docs-ai-actions{width:100%;margin-left:0}
 .docs-v2 .docs-ai-actions>.docs-ai-secondary,.docs-v2 .docs-ai-dropdown{flex:1 1 0}
 .docs-v2 .docs-ai-trigger{width:100%}
 .docs-v2 .docs-ai-menu{right:0}
}


/* Brand-identifying icons in the Use with AI picker. All assets are self-hosted. */
.docs-v2 .docs-ai-logo img{
  display:block;
  width:22px;
  height:22px;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  flex:none;
}
.docs-v2 .docs-ai-logo--chatgpt{
  background:#17211d;
  border-color:#344c40;
}
.docs-v2 .docs-ai-logo--chatgpt img{filter:brightness(0) invert(1)}
.docs-v2 .docs-ai-logo--claude{
  background:#d97757;
  border-color:#dc937b;
}
.docs-v2 .docs-ai-logo--claude img{width:23px;height:23px}
.docs-v2 .docs-ai-logo--gemini{
  background:#161a25;
  border-color:#363b50;
}
.docs-v2 .docs-ai-logo--gemini img{width:25px;height:25px}
.docs-v2 .docs-ai-logo--openapi{
  background:#22282d;
  border-color:#40494f;
}
.docs-v2 .docs-ai-logo--symbol svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.docs-v2 .docs-ai-top-icon{
  width:15px;
  height:15px;
  display:block;
  fill:currentColor;
  flex:none;
}

/* MID Safety public security feature */
.mid-safety-banner{padding:22px 0;background:linear-gradient(105deg,rgba(21,100,185,.13),rgba(26,171,222,.045));border-block:1px solid rgba(72,148,226,.2)}
.mid-safety-inner{display:flex;align-items:flex-start;gap:20px}
.mid-safety-symbol{display:grid;place-items:center;flex:none;width:56px;height:56px;border:1px solid rgba(59,150,243,.45);border-radius:17px;background:rgba(31,128,222,.14);color:#60adff;font-size:30px;font-weight:800}
.mid-safety-copy h2{font-size:clamp(20px,2.5vw,30px);line-height:1.2;margin:7px 0 9px;letter-spacing:-.025em}
.mid-safety-copy p{max-width:800px;line-height:1.75;margin:0;opacity:.85}
.mid-safety-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.mid-safety-tags span{font-size:12px;font-weight:650;padding:7px 11px;border:1px solid rgba(68,148,220,.25);border-radius:999px;background:rgba(48,133,218,.09)}
@media(max-width:600px){.mid-safety-inner{gap:13px}.mid-safety-symbol{width:42px;height:42px;font-size:24px}.mid-safety-tags{gap:6px}}

/* Subtle continuous fade in / fade out for MID Safety feature. */
@keyframes mid-safety-breathe{0%,100%{opacity:.72;transform:translateY(4px)}50%{opacity:1;transform:translateY(0)}}
@keyframes mid-safety-glow{0%,100%{opacity:.55}50%{opacity:1}}
.mid-safety-banner .mid-safety-copy{animation:mid-safety-breathe 5s ease-in-out infinite}
.mid-safety-banner .mid-safety-symbol{animation:mid-safety-glow 5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.mid-safety-banner .mid-safety-copy,.mid-safety-banner .mid-safety-symbol{animation:none}}

/* Scroll-triggered fade + rise. Replays when scrolling back down. */
@media(prefers-reduced-motion:no-preference){
.scroll-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
.scroll-reveal.scroll-visible{opacity:1;transform:translate3d(0,0,0)}
}