:root{--ink:#18221a;--paper:#fff8dc;--grass:#62ad3b;--grass-dark:#39742a;--dirt:#8b5a35;--dirt-dark:#5d3924;--stone:#6d746f;--sun:#ffd84d;--red:#d6533f;--shadow:#263829}
*{box-sizing:border-box}
html{background:#91cdf0;image-rendering:pixelated}
body{margin:0;color:var(--ink);font-family:"Courier New",monospace;background:linear-gradient(#8dcced 0 36rem,#b8dc7d 36rem 100%);min-height:100vh;overflow-x:hidden}
body:after{content:"";position:fixed;inset:auto 0 0;height:34vh;z-index:-2;background:repeating-linear-gradient(90deg,transparent 0 47px,rgba(42,83,38,.08) 48px),linear-gradient(#7fbd50 0 22px,#775033 22px 100%);box-shadow:inset 0 8px #4b8b35}
.sky{position:absolute;inset:0 0 auto;height:34rem;overflow:hidden;pointer-events:none;z-index:-1}
.sky:after{content:"";position:absolute;width:88px;height:88px;right:10%;top:70px;background:var(--sun);box-shadow:8px 8px 0 rgba(109,96,24,.22)}
.sky i{position:absolute;width:130px;height:32px;background:#fff;box-shadow:32px -24px #fff,72px 8px #fff,104px 8px #fff;opacity:.85}
.sky i:nth-child(1){left:6%;top:100px}.sky i:nth-child(2){left:45%;top:230px;transform:scale(.7)}.sky i:nth-child(3){right:4%;top:330px;transform:scale(.5)}.sky i:nth-child(4){left:22%;top:410px;transform:scale(.45)}
main{width:min(920px,calc(100% - 28px));margin:0 auto;padding:70px 0 50px}
.hero,.card{position:relative;border:5px solid var(--ink);box-shadow:10px 10px 0 var(--shadow)}
.hero{background:var(--paper);padding:58px 56px 48px;margin-bottom:32px}
.grass{position:absolute;left:-5px;right:-5px;top:-17px;height:17px;background:var(--grass);border:5px solid var(--ink);border-bottom:0;box-shadow:inset 0 -5px var(--grass-dark)}
.kicker{font:900 12px/1.6 "Arial Black",sans-serif;letter-spacing:.12em;color:var(--grass-dark);margin:0 0 16px}
h1,h2{font-family:"Arial Black",Impact,sans-serif;line-height:1.1;margin:0;letter-spacing:.02em}h1{font-size:clamp(42px,9vw,82px);text-shadow:6px 6px 0 #b5aa7c}h2{font-size:clamp(22px,4vw,34px)}
.lede{font-size:18px;max-width:690px;line-height:1.7;margin:24px 0 30px}
.endpoint,.token{display:flex;align-items:stretch;border:4px solid var(--ink);background:#202b23;color:#d8f3c4;min-width:0}
.endpoint span{font:900 10px/1 "Arial Black",sans-serif;background:var(--grass);color:#122015;padding:18px 12px;display:flex;align-items:center}.endpoint code,.token code{padding:14px;white-space:nowrap;overflow:auto;flex:1}.endpoint button,.token button,button.button{border:0;border-left:4px solid var(--ink)}
button,.button{font:900 11px/1 "Arial Black",sans-serif;color:#fff;background:var(--grass-dark);padding:16px;cursor:pointer;text-decoration:none;box-shadow:inset -4px -4px rgba(0,0,0,.25),inset 4px 4px rgba(255,255,255,.2)}button:hover,.button:hover{filter:brightness(1.15)}button:active{transform:translate(2px,2px)}button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.55}
.card{background:var(--paper);padding:38px 42px;margin:28px 0}.card p{line-height:1.65}.docs{background:#d7d2bd}.torch{position:absolute;right:30px;top:-20px;width:18px;height:44px;background:#7b4f2d;border:4px solid var(--ink);box-shadow:0 -17px 0 3px #f1732b,0 -25px 0 -1px #ffd84d}
pre{background:#202b23;color:#d8f3c4;border:4px solid var(--ink);padding:22px;overflow:auto;line-height:1.6;margin:25px 0 12px;box-shadow:inset 0 0 0 4px #35483a}code{font-family:"Courier New",monospace}.fine,.muted{font-size:13px;color:#526057}
.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.square{font-size:18px;padding:10px}
.models{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:24px}.model{border:4px solid var(--ink);background:#ede5c6;padding:16px;box-shadow:5px 5px 0 #9c906f}.model strong{display:block;overflow-wrap:anywhere;margin-bottom:7px}.model small{color:#596358;display:block;line-height:1.55}
.metric-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.metric-totals article{border:4px solid var(--ink);background:#202b23;color:#d8f3c4;padding:16px;min-width:0}.metric-totals strong{display:block;font:900 clamp(20px,4vw,32px)/1.1 "Arial Black",sans-serif;overflow-wrap:anywhere}.metric-totals small{display:block;color:#9fcb8b;font:900 9px/1.4 "Arial Black",sans-serif;margin-top:9px}.usage-chart{height:110px;display:flex;align-items:end;gap:2px;border:4px solid var(--ink);background:#202b23;padding:8px;overflow:hidden}.usage-chart i{display:block;flex:1;min-width:2px;background:var(--grass);height:2px}.usage-chart .level-1{height:10%}.usage-chart .level-2{height:20%}.usage-chart .level-3{height:30%}.usage-chart .level-4{height:40%}.usage-chart .level-5{height:50%}.usage-chart .level-6{height:60%}.usage-chart .level-7{height:70%}.usage-chart .level-8{height:80%}.usage-chart .level-9{height:90%}.usage-chart .level-10{height:100%}
.signup{background:#f1e6b5}.signup form{margin-top:22px}.signup label,.verify label{display:block;font:900 10px/1.4 "Arial Black",sans-serif;margin-bottom:8px}.form-row{display:flex;gap:10px}.form-row input{min-width:0;flex:1;border:4px solid var(--ink);font:16px "Courier New",monospace;padding:13px;background:#fffdf1;outline:0}.form-row input:focus{box-shadow:inset 0 0 0 4px #aad688}#turnstile{margin-top:16px;min-height:65px}.status{min-height:24px;font-weight:700}.status.error{color:#9f251d}.status.ok{color:#2c762d}
.notice{background:#242f27;color:#ebf4e7;border:5px solid var(--ink);padding:22px 26px;line-height:1.6;box-shadow:10px 10px 0 var(--shadow)}.notice strong{font-family:"Arial Black",sans-serif;color:var(--sun);font-size:12px}
footer{display:flex;justify-content:space-between;gap:20px;padding:38px 5px 10px;font:900 10px/1.5 "Arial Black",sans-serif;color:#253727}
.verify{width:min(760px,calc(100% - 28px));margin:90px auto;background:var(--paper);padding:46px}.verify p{line-height:1.7}.verify .button{display:inline-block;margin-top:26px}.token{margin:12px 0;word-break:break-all}
@media(max-width:640px){main{padding-top:45px}.hero,.card{padding:34px 22px;box-shadow:6px 6px 0 var(--shadow)}.hero{padding-top:42px}.endpoint{display:grid;grid-template-columns:1fr auto}.endpoint span{grid-column:1/-1;padding:10px}.endpoint code{font-size:12px}.form-row{display:block}.form-row button{width:100%;margin-top:9px}.metric-totals{grid-template-columns:1fr}.usage-chart{gap:1px;padding:5px}.torch{display:none}footer{display:block}footer span{display:block;margin:10px 0}}
@media(prefers-reduced-motion:no-preference){.sky i{animation:drift 30s linear infinite}@keyframes drift{from{translate:-25vw}to{translate:105vw}}}
