/* GetFixn bots / agents / x402 pages, V2. Uses gf-base tokens only, so it follows the base theme. */
.hero{padding:64px 0 44px;overflow:hidden}
.hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}
.hero h1{font-size:clamp(2.2rem,5vw,3.9rem);max-width:17ch}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero .lede{margin-bottom:14px}
.term{background:var(--ink2);color:#ebe8e0;border:1px solid var(--ink);border-radius:var(--r);overflow:hidden}
.term pre{margin:0;padding:16px;font:400 13px/1.7 var(--mono);color:#e4e0d4;white-space:pre-wrap;word-break:break-word}
.term pre .p{color:var(--amber)}
.term .code__bar{background:#24231d;color:#a8a394}
.term__n{padding:0 16px 14px;margin:0;color:#a8a394}
.small{font-size:14.5px}
code{font-size:.9em;background:rgba(23,22,15,.06);border:1px solid var(--line);border-radius:2px;padding:1px 5px}
.code code,.term code{background:none;border:0;padding:0;font-size:inherit}
/* compliance: flat amber rule, loud on purpose */
.comply{border:1px solid var(--accent);border-left-width:6px;background:var(--panel);border-radius:0;padding:18px 22px;margin:8px 0}
.comply b{font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:10px}
.comply p{margin:0 0 8px;font-size:16px;color:var(--text)}.comply p.mute{color:var(--mute);font-size:14.5px;margin:0}
.comply--big{margin:28px 0}.comply--big p:first-of-type{font-size:18px;font-weight:500}
/* layout */
.split{align-items:start;margin-top:36px;gap:28px}
.ticks{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}
.ticks li{padding-left:22px;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:2px;background:var(--accent)}
.kal__intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:start;margin-top:8px}
.kal__intro p{max-width:64ch}
.kal__box{border:1px solid var(--line2);background:var(--panel);padding:20px 22px}
.kal__box .micro{display:block;margin-bottom:14px}
.kal__box .ticks{margin:0}
.kal h3{margin-top:34px}
.kal__tm{margin-top:18px}
.kal__t{margin-top:22px;border:1px solid var(--line);background:var(--panel)}
.kal__t summary{cursor:pointer;padding:12px 16px;font:500 13px/1.4 var(--mono);color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.kal__t summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kal__t .code{border:0;border-top:1px solid var(--line)}
.kal .code pre{max-height:620px}
/* plain definition rows instead of card grids */
.rules{margin:22px 0 0;border-top:1px solid var(--line2)}
.rules>div{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:8px 32px;padding:16px 0;border-bottom:1px solid var(--line)}
.rules dt{font:700 1.15rem/1.25 var(--head)}
.rules dd{margin:0;color:var(--mute);max-width:72ch}
.rules dd a{color:var(--accent)}
.bot__grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:24px;align-items:start;margin-top:30px}
.bot__side{display:grid;gap:14px}
.bot__code,.bot__side>*{min-width:0}
.bot .code pre{max-height:520px}
.bot h2{max-width:20ch}
.bot .lede code{color:var(--text)}
.dgc{padding:16px}
.dg{width:100%;height:auto;display:block}
/* diagrams: flat, amber lines on grey boxes */
.dg-n{fill:var(--panel);stroke:var(--line2);stroke-width:1}
.dg-hl{stroke:var(--accent);fill:var(--bg2)}
.dg-t{font:600 14px var(--font);fill:var(--text)}
.dg-s{font:400 12px var(--mono);fill:var(--mute)}
.dg-e{font:400 12px var(--mono);fill:var(--accent2)}
.dg-l,.dg-ll{stroke:var(--accent);stroke-width:1.5;fill:none}
.dg-ll{stroke:var(--line2);stroke-dasharray:3 4;stroke-width:1}
.dg-ar{fill:var(--accent)}
.dg-pill{fill:none;stroke:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.chip{font:500 12px/1 var(--mono);color:var(--accent);border:1px solid var(--line2);border-radius:2px;padding:9px 11px;min-height:34px;display:inline-flex;align-items:center}
.chip:hover{border-color:var(--accent);text-decoration:none}
.card p b{color:var(--text)}
.cta2{max-width:60ch}.cta2 .lede{margin:0 0 10px}
/* calculator */
.calc{margin-top:22px;padding:24px}
.calc__out{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:24px 0 14px;border:1px solid var(--line2)}
.calc__out div{padding:16px;background:var(--bg);border-right:1px solid var(--line)}
.calc__out div:last-child{border-right:0}
.calc__out span{display:block;font-size:11px;letter-spacing:.12em;margin-bottom:8px}
.calc__out b{font:600 clamp(1.4rem,3vw,2rem)/1 var(--mono);color:var(--accent)}
.calc input[type=number]{font-family:var(--mono)}
/* tabs panels */
.deploy{margin-top:14px}
.deploy .small{margin:10px 0 14px;color:var(--mute)}
.deploy .code pre{max-height:420px}
#deploy .tabs,#setup .tabs{margin-top:22px}
/* tables */
.tablewrap{margin-top:22px;border-top:1px solid var(--line2);overflow-x:auto}
.tbl th{white-space:normal}
.tbl td:first-child{min-width:9em}
@media(max-width:720px){.tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}.tbl tr{border-bottom:1px solid var(--line2);padding:8px 0}.tbl td{border:0;padding:5px 0;overflow-wrap:anywhere}.tbl td.num{text-align:left}.tbl td::before{content:attr(data-l);display:block;font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}}
/* prompts */
.pr .code pre.wrap-pre{white-space:pre-wrap;word-break:break-word;font-size:14px;max-height:none}
.pr .tag{margin-bottom:12px}
.note{margin-top:22px}.note p{margin:0}
.endpoint{align-self:start}
/* x402 */
.flowgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:start;margin-top:26px}
.seqc{padding:16px}
.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.st{display:grid;grid-template-columns:34px 1fr;gap:14px;border-bottom:1px solid var(--line);padding:14px 0}
.st b{font:600 15px/1.6 var(--mono);color:var(--accent)}
.st h3{margin:0 0 4px;font-size:1.1rem}.st p{margin:0 0 8px;color:var(--mute);font-size:15px}
.st code{color:var(--accent2);font-size:12.5px;overflow-wrap:anywhere}
.tips{margin:20px 0;padding:0;list-style:none;counter-reset:t;border-top:1px solid var(--line2)}
.tips li{counter-increment:t;border-bottom:1px solid var(--line);padding:14px 0 14px 46px;position:relative}
.tips li::before{content:counter(t,decimal-leading-zero);position:absolute;left:0;top:14px;font:500 13px/1.6 var(--mono);color:var(--accent)}
.facts2 ul{margin:14px 0 0}
@media(max-width:960px){.hero__grid,.flowgrid,.kal__intro{grid-template-columns:1fr;gap:28px}.bot__grid{grid-template-columns:1fr}.bot__side{grid-template-columns:repeat(2,1fr)}.bot__side .dgc{grid-row:span 2}.hero{padding-top:40px}}
@media(max-width:640px){.bot__side{grid-template-columns:1fr}.calc__out{grid-template-columns:1fr}.calc__out div{border-right:0;border-bottom:1px solid var(--line)}.calc{padding:16px}.seqc{display:none}.cta .btn{width:100%}.bot h2{max-width:none}.code pre{font-size:12.5px}.rules>div{grid-template-columns:1fr;gap:4px}}
.grid>*,.hero__grid>*,.flowgrid>*,.bot__grid>*,.kal__intro>*{min-width:0}