:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101418;background:#edf2f7}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 14%,transparent),transparent 26%),radial-gradient(circle at top right,color-mix(in srgb,var(--accent-2) 14%,transparent),transparent 30%),#edf2f7}button,input{font:inherit}button{appearance:none;border:0;border-radius:8px;background:#101418;color:#fff;cursor:pointer;font-weight:800;padding:12px 16px}button:disabled{opacity:.65;cursor:wait}.secondary-button,.ghost-button{background:#fff;color:#101418;border:1px solid rgba(16,20,24,.12);box-shadow:none}main{width:min(1220px,calc(100% - 32px));margin:0 auto;padding:24px 0 40px}.hero,.panel,.metrics article,.wallet-grid article{background:#ffffffe6;border:1px solid rgba(16,20,24,.08);box-shadow:0 18px 56px #10141814}.hero{border-radius:8px;padding:24px;overflow:hidden}nav{display:flex;align-items:center;gap:12px;margin-bottom:36px;font-weight:800}nav a{margin-left:auto;text-decoration:none;color:#101418;border:1px solid rgba(16,20,24,.12);border-radius:8px;padding:10px 12px;background:#fffc}.brandmark{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.hero-grid,.workspace{display:grid;gap:16px}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);margin-top:16px}.eyebrow{margin:0 0 10px;text-transform:uppercase;color:var(--accent);font-weight:900}h1{margin:0;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.92}.tagline{font-size:clamp(1.15rem,2vw,1.7rem);font-weight:800;max-width:720px;margin:24px 0 0}.problem{color:#4b5563;line-height:1.7;max-width:720px}.hero-actions,.action-buttons,.input-row,.code-head,.wallet-row,.panel-title,.row{display:flex;align-items:center}.hero-actions,.action-buttons{gap:12px;flex-wrap:wrap}.wallet-panel{border-radius:8px;padding:18px;background:#101418;color:#fff}.wallet-row,.panel-title{justify-content:space-between;gap:12px}.wallet-row{margin-bottom:16px}.wallet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wallet-grid article{border-radius:8px;padding:14px;color:#101418}.wallet-grid strong{display:block;font-size:1.6rem;margin-top:8px;overflow-wrap:anywhere}.field{display:grid;gap:10px;margin:18px 0 10px}.field span,.wallet-panel small,.metrics small,.metrics span,.panel-title span,.action span{color:#6b7280}.wallet-panel small{display:block;color:#d1d5db;overflow-wrap:anywhere}.input-row{gap:10px}input{width:100%;min-width:0;border-radius:8px;border:1px solid rgba(16,20,24,.12);padding:12px 14px}.error{border-radius:8px;border:1px solid #fecaca;background:#fff1f2;color:#9f1239;padding:12px 14px;margin:16px 0 0}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px}.metrics article,.panel{border-radius:8px;padding:18px}.metrics strong{display:block;margin:10px 0 8px;font-size:clamp(1.35rem,2vw,2rem);overflow-wrap:anywhere}.actions,.table{display:grid;gap:10px}.action{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;padding:14px;border-radius:8px;border:1px solid rgba(16,20,24,.08);background:#f8fafc;align-items:center}.action-copy{min-width:0}.action strong,.action span,.json-view,.code-block pre{overflow-wrap:anywhere}.action strong{display:block;margin-bottom:4px}.action em{font-style:normal;font-weight:900;color:var(--accent)}.code-block{border-radius:8px;border:1px solid rgba(16,20,24,.08);background:#0f172a;color:#e5e7eb;overflow:hidden}.code-head{justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.code-head strong{color:#fff}.code-block pre,.json-view{margin:0;padding:14px;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.json-view{border-radius:8px;border:1px solid rgba(16,20,24,.08);background:#f8fafc;color:#111827;max-height:360px;overflow:auto}.row{justify-content:space-between;gap:14px;border-bottom:1px solid rgba(16,20,24,.08);padding:10px 0}.row span{flex:1 1 0;min-width:0;overflow-wrap:anywhere}.head{color:var(--accent);font-weight:900}@media(max-width:980px){main{width:min(100% - 20px,1220px);padding-top:12px}.hero-grid,.workspace,.metrics{grid-template-columns:1fr}}@media(max-width:640px){nav a{display:none}.hero,.panel,.metrics article{padding:16px}.hero-actions,.action-buttons,.input-row,.wallet-grid,.action,.row,.panel-title,.code-head{display:grid;grid-template-columns:1fr}.hero-actions button,.action-buttons button,.input-row button{width:100%}}