/* agentpaymentsdk.com — THE TERMINAL. Dark phosphor console; the page is a session. */
:root{
  --bg:#0c0b08; --bg-2:#12100b; --panel:#161309; --line:#2b2718; --line-2:#3d3722;
  --ink:#f2ecd9; --ink-2:#b8ae8e; --ink-3:#776f56;
  --amber:#ffb454; --amber-dim:#8a5a1d; --amber-soft:#241b0c;
  --ok:#9ece6a; --err:#f7768e;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--ink); font:400 15.5px/1.7 var(--mono);}
body::before{content:""; position:fixed; inset:0; pointer-events:none; z-index:9;
  background:repeating-linear-gradient(0deg, rgba(255,180,84,.022) 0 1px, transparent 1px 3px);}
a{color:var(--amber); text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:880px; margin:0 auto; padding:0 22px;}

/* prompt bar */
.bar{display:flex; align-items:baseline; justify-content:space-between; padding:22px 0 0; font-size:.82rem;}
.brand{color:var(--ink);}
.brand .u{color:var(--amber);}
.brand .by{color:var(--ink-3); margin-left:10px; font-size:.72rem;}
.bar nav{display:flex; gap:18px;}
.bar nav a{color:var(--ink-2);}
@media(max-width:600px){.bar nav{display:none}}

/* session blocks */
.sess{margin-top:34px;}
.blk{border-left:2px solid var(--line-2); padding:4px 0 4px 20px; margin:26px 0;}
.blk .ps1{color:var(--ink-3); font-size:.78rem; margin-bottom:6px;}
.blk .ps1 b{color:var(--amber); font-weight:500;}
h1{font:600 clamp(1.5rem,4.4vw,2.3rem)/1.25 var(--mono); margin:0; letter-spacing:-.01em; text-wrap:balance;}
h1 .cur{display:inline-block; width:.55em; height:1.05em; background:var(--amber); vertical-align:-.15em; animation:blink 1.1s steps(1) infinite;}
@keyframes blink{50%{opacity:0}}
h2{font:600 1.05rem/1.4 var(--mono); margin:0; color:var(--amber);}
h2::before{content:"## "; color:var(--ink-3);}
.out{color:var(--ink-2); max-width:64ch; margin:.7em 0 0;}
.out b,.out strong{color:var(--ink); font-weight:600;}

/* runnable code panel with typing reveal */
.run{background:var(--panel); border:1px solid var(--line); border-radius:6px; margin-top:16px; overflow:hidden;}
.run .rh{display:flex; justify-content:space-between; padding:8px 14px; border-bottom:1px solid var(--line); color:var(--ink-3); font-size:.72rem;}
.run pre{margin:0; padding:16px 16px 18px; font:400 .8rem/1.8 var(--mono); color:var(--ink-2); overflow-x:auto;}
.run .k{color:var(--amber);} .run .s{color:var(--ok);} .run .c{color:var(--ink-3);} .run .e{color:var(--err);}
.tline{opacity:0;}
.seen .tline{animation:type .01s linear forwards;}
.seen .tline:nth-child(1){animation-delay:.1s}.seen .tline:nth-child(2){animation-delay:.5s}
.seen .tline:nth-child(3){animation-delay:.9s}.seen .tline:nth-child(4){animation-delay:1.3s}
.seen .tline:nth-child(5){animation-delay:1.8s}.seen .tline:nth-child(6){animation-delay:2.2s}
.seen .tline:nth-child(7){animation-delay:2.7s}.seen .tline:nth-child(8){animation-delay:3.1s}
.seen .tline:nth-child(9){animation-delay:3.5s}.seen .tline:nth-child(10){animation-delay:3.9s}
@keyframes type{to{opacity:1}}

/* exit-code chips */
.chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; font-size:.76rem;}
.chip{border:1px solid var(--line-2); border-radius:4px; padding:.35em .7em; color:var(--ink-2);}
.chip b{color:var(--amber); font-weight:500;}

/* buttons as commands */
.btn{display:inline-block; font:500 .85rem/1 var(--mono); padding:.8em 1.3em; border-radius:5px; border:1px solid var(--amber-dim); cursor:pointer; transition:background .15s ease;}
.btn-p{background:var(--amber); color:#1a1206; border-color:var(--amber);}
.btn-p:hover{background:#ffc77d; text-decoration:none;}
.btn-s{background:transparent; color:var(--amber);}
.btn-s:hover{background:var(--amber-soft); text-decoration:none;}
.btn::before{content:"$ ";opacity:.6}
.cta{display:flex; gap:12px; margin-top:20px; flex-wrap:wrap;}

/* man-page table */
.man{width:100%; border-collapse:collapse; margin-top:16px; font-size:.8rem;}
.man td{padding:9px 14px 9px 0; border-bottom:1px dashed var(--line); vertical-align:top; color:var(--ink-2);}
.man td:first-child{color:var(--amber); white-space:nowrap; width:11em;}
.man tr:last-child td{border-bottom:none;}

.honest{margin-top:18px; color:var(--ink-3); font-size:.78rem; max-width:70ch;}
.honest::before{content:"# "; color:var(--err);}

footer{margin-top:80px; border-top:1px solid var(--line); padding:22px 0 48px; color:var(--ink-3); font-size:.75rem; display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;}
footer a{color:var(--ink-2);}

/* modal — a spawned subshell */
dialog.modal{border:1px solid var(--line-2); border-radius:8px; padding:0; max-width:460px; width:calc(100% - 40px); background:var(--bg-2); color:var(--ink); font-family:var(--mono);}
dialog.modal::backdrop{background:rgba(6,5,3,.72);}
.m-h{display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid var(--line);}
.m-h h3{font:500 .9rem/1 var(--mono); color:var(--amber); margin:0;}
.m-h h3::before{content:"> ";}
.m-x{background:none; border:0; font-size:1.2rem; color:var(--ink-3); cursor:pointer; padding:2px 6px;}
.m-b{padding:16px 18px 20px;}
.m-b .lede{color:var(--ink-3); font-size:.78rem; margin:0 0 14px;}
.f-row{margin-bottom:11px;}
.f-row label{display:block; font-size:.72rem; color:var(--ink-3); margin-bottom:4px;}
.f-row label::before{content:"--";}
.f-row input,.f-row select,.f-row textarea{width:100%; font:400 .84rem/1.5 var(--mono); color:var(--ink); background:var(--bg); border:1px solid var(--line-2); border-radius:4px; padding:.55em .7em;}
.f-row input:focus,.f-row select:focus,.f-row textarea:focus{outline:1px solid var(--amber); border-color:var(--amber);}
.f-hp{position:absolute; left:-9999px; opacity:0; height:0; overflow:hidden;}
.m-actions{display:flex; gap:10px; align-items:center; margin-top:14px;}
.m-note{font-size:.68rem; color:var(--ink-3);}
.m-ok{display:none; padding:8px 0 4px;}
.m-ok h3{color:var(--ok); font-size:.95rem; margin:0 0 8px;}
.m-ok h3::before{content:"✓ ";}
.m-ok .lede{color:var(--ink-2); font-size:.8rem;}
.m-ok .ref{font-size:.7rem; color:var(--ink-3); word-break:break-all; margin-top:8px;}
.m-err{display:none; color:var(--err); font-size:.78rem; margin-top:10px;}
.m-err::before{content:"! ";}
.modal.done .m-form{display:none;}
.modal.done .m-ok{display:block;}

@media (prefers-reduced-motion: reduce){
  .tline{opacity:1 !important; animation:none !important;}
  h1 .cur{animation:none;}
  html{scroll-behavior:auto;}
}

/* buyer blocks */
.faq{margin-top:14px;}
.faq details{border:1px solid var(--line); border-radius:6px; margin-top:8px; background:var(--panel);}
.faq summary{cursor:pointer; list-style:none; padding:12px 16px; font:500 .84rem/1.5 var(--mono); color:var(--ink);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::before{content:"? "; color:var(--amber);}
.faq details[open] summary::before{content:"> ";}
.faq .fa{padding:0 16px 14px; color:var(--ink-2); font-size:.8rem; max-width:66ch; line-height:1.7;}
.bene{list-style:none; margin:14px 0 0; padding:0;}
.bene li{padding:7px 0 7px 22px; position:relative; color:var(--ink-2); font-size:.84rem;}
.bene li::before{content:"✓"; position:absolute; left:0; color:var(--ok);}
.bene li b{color:var(--ink); font-weight:500;}
/* diff mock */
.diff{background:var(--panel); border:1px solid var(--line); border-radius:6px; margin-top:16px; overflow:hidden;}
.diff pre{margin:0; padding:14px 16px; font:400 .78rem/1.75 var(--mono); overflow-x:auto;}
.diff .del{color:var(--err); background:rgba(247,118,142,.07); display:block;}
.diff .add{color:var(--ok); background:rgba(158,206,106,.08); display:block;}
.diff .ctx{color:var(--ink-3); display:block;}