:root{--orange:#ff6900;--ink:#2b0824;--mint:#d5fff1;--lilac:#d6b6ff;--paper:#fff7ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--orange);color:var(--ink);font-family:'Space Grotesk',Arial,sans-serif}.site{max-width:1600px;margin:auto}.topline{display:flex;justify-content:space-between;gap:1rem;padding:14px 3%;font:500 11px 'DM Mono',monospace;letter-spacing:.08em;border-bottom:2px solid var(--ink)}.stage{position:relative;min-height:520px;overflow:hidden;display:grid;align-items:center;background:var(--orange)}.stage-image{position:absolute;inset:0;background:url('/assets/banner-art.png') center/cover no-repeat}.stage-copy{position:relative;z-index:1;width:min(56%,780px);padding:5% 6%;text-shadow:0 1px rgba(255,105,0,.12)}.eyebrow,.stamp,label,.bench-head,.protocol-title,footer{font:500 12px 'DM Mono',monospace;letter-spacing:.06em}.eyebrow{display:inline-block;background:var(--mint);padding:8px 10px;border:1px solid var(--ink)}h1{font-size:clamp(3.5rem,7.7vw,9rem);line-height:.82;letter-spacing:-.085em;margin:28px 0 20px;font-weight:700}h1 em{font-style:normal;color:var(--mint);-webkit-text-stroke:2px var(--ink);text-shadow:5px 6px var(--ink)}.stage-copy p{font-size:clamp(18px,1.8vw,26px);font-weight:700;line-height:1.17;max-width:520px;background:rgba(255,105,0,.84);padding:8px 0}.workbench{background:var(--paper);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);padding:0 6% 5%}.bench-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--ink);padding:18px 0;margin-bottom:36px}.stamp{background:var(--ink);color:white;padding:9px 12px}.workbench form{max-width:1100px;margin:auto}label{display:block;margin:0 0 12px}.input-row{display:flex;gap:0;border:3px solid var(--ink);box-shadow:8px 8px var(--lilac)}input{width:100%;min-width:0;border:0;background:#fff;padding:20px;font:500 19px 'Space Grotesk',sans-serif;color:var(--ink);outline:0}input:focus{background:#f8fff9}button{cursor:pointer;border:0;background:var(--ink);color:white;font:700 18px 'Space Grotesk',sans-serif;padding:0 26px;white-space:nowrap}button:hover,button:focus-visible{background:#5a2354}button:disabled{opacity:.65;cursor:progress}.hint{color:#684e62;font-size:12px;margin-top:15px}.status{max-width:1100px;margin:32px auto 0;border-top:1px dashed #a9879c;padding-top:20px;font:13px 'DM Mono',monospace}.status.error{color:#ba1c42}.status.good{color:#146c58}#result{max-width:1100px;margin:24px auto 0}.result-head{background:var(--ink);color:white;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.result-head strong{font-size:clamp(23px,3vw,42px);letter-spacing:-.05em}.result-head .tag{font:12px 'DM Mono',monospace;background:var(--mint);color:var(--ink);padding:8px}.wallet-row{padding:22px;border:2px solid var(--ink);border-top:0;background:white;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.wallet-row label{margin:0}.wallet-row select{max-width:100%;padding:10px;border:1px solid var(--ink);background:white;font:14px 'DM Mono',monospace}.slice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:2px solid var(--ink);border-top:0}.slice{min-height:180px;padding:23px;background:var(--mint);border-right:2px solid var(--ink);overflow-wrap:anywhere}.slice:nth-child(2){background:var(--lilac)}.slice:nth-child(3){border-right:0;background:#ffd9a5}.slice small{display:block;font:12px 'DM Mono',monospace;margin-bottom:20px}.slice strong{font-size:clamp(23px,3.4vw,48px);line-height:1}.slice p{font-size:12px;max-width:300px}.token-list{border:2px solid var(--ink);border-top:0;background:#fff}.token-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px 22px;border-top:1px solid #d2bdc5}.token-row:first-child{border-top:0}.token-row code{font:12px 'DM Mono',monospace;overflow-wrap:anywhere}.token-row strong{font-size:24px}.token-row .positive{color:#057264}.token-row .negative{color:#ac3159}.result-foot{border:2px solid var(--ink);border-top:0;padding:20px 22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff}.result-foot a,.result-foot button{color:var(--ink);font:500 12px 'DM Mono',monospace;text-decoration:underline;background:none;padding:0}.notice{font:12px 'DM Mono',monospace;line-height:1.6;border:2px solid var(--ink);border-top:0;background:#ffe9d7;padding:18px 22px}.protocol{background:var(--mint);padding:55px 6% 70px}.protocol-title{border-bottom:2px solid var(--ink);padding-bottom:12px}.protocol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.protocol-grid>div{padding-top:25px}.protocol-grid b{font:13px 'DM Mono',monospace;background:var(--ink);color:white;padding:6px 9px}.protocol-grid h2{font-size:clamp(25px,3vw,43px);line-height:.95;letter-spacing:-.06em;margin:20px 0 12px}.protocol-grid p{max-width:330px;font-size:15px;line-height:1.45}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 3%;line-height:1.5}@media(max-width:800px){.stage{min-height:580px;align-items:start}.stage-image{background-size:auto 70%;background-position:center bottom}.stage-copy{width:100%;padding:45px 5% 240px}.stage-copy p{max-width:420px}.bench-head{align-items:start}.bench-head>span:last-child{max-width:200px;text-align:right}.slice-grid,.protocol-grid{grid-template-columns:1fr}.slice{border-right:0;border-bottom:2px solid var(--ink);min-height:135px}.slice:last-child{border-bottom:0}.protocol-grid{gap:2px}.input-row{display:block}input{display:block}button#submit{display:block;width:100%;padding:15px}footer{display:block}footer span{display:block;margin-bottom:10px}}@media(max-width:500px){.topline{font-size:9px}.stage-copy p{font-size:17px}.stage-image{background-size:auto 55%}.workbench{padding-left:4%;padding-right:4%}.result-head{display:block}.result-head .tag{display:inline-block;margin-top:10px}.token-row{display:block}.token-row strong{display:block;margin-top:8px}}
.example{display:inline-block;margin-top:4px;padding:9px 0;background:none;color:var(--ink);text-decoration:underline;font:500 12px 'DM Mono',monospace}.example:hover,.example:focus-visible{background:none;color:#b34869}