:root{--charcoal:#1e1e1c;--charcoal-2:#282824;--cream:#fff8dc;--white:#f6f5f1;--blue:#cfe8ff;--peach:#ffd5bc;--lime:#dfff68;--muted:#9f9e96;--line:rgba(255,248,220,.14);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--charcoal);color:var(--white);font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}header{height:76px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:#1e1e1ce8;backdrop-filter:blur(16px);z-index:10}.brand{display:flex;gap:.65rem;align-items:center;font-weight:800;letter-spacing:-.03em}.brand img{width:38px;height:38px;border-radius:11px}.brand i{font:500 .56rem "DM Mono";font-style:normal;color:var(--charcoal);background:var(--lime);padding:.3rem .45rem;border-radius:99px}nav{display:flex;gap:1.7rem;margin:auto;font:500 .62rem "DM Mono";color:#bfbbb1}nav a:hover{color:var(--lime)}header button,.primary,.secondary{border:0;border-radius:999px;padding:.8rem 1.1rem;font-weight:800;cursor:pointer}header button,.primary{background:var(--cream);color:var(--charcoal)}header button.connected{background:var(--lime)}main{width:min(1420px,92vw);margin:auto}.intro{min-height:430px;display:flex;align-items:center;justify-content:space-between;padding:5rem 0 3rem;border-bottom:1px solid var(--line);position:relative}.intro>div:first-child{max-width:850px}.eyebrow{font:500 .62rem "DM Mono";letter-spacing:.08em;color:#aaa99f;margin:0 0 1rem}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:.5rem;box-shadow:0 0 12px var(--lime)}.intro h1{font-size:clamp(4rem,7vw,7.5rem);line-height:.86;letter-spacing:-.08em;margin:0}.intro h1 em{font-style:normal;color:var(--cream)}.intro>div>p:last-child{max-width:620px;color:#aaa99f;line-height:1.7;margin-top:1.8rem}.app-character{width:230px;position:relative;transform:rotate(5deg)}.app-character img{width:100%;filter:drop-shadow(0 30px 35px #0007)}.app-character span{position:absolute;z-index:2;right:75%;top:10%;width:max-content;background:var(--blue);color:var(--charcoal);border-radius:16px;padding:.7rem .8rem;font:500 .62rem "DM Mono";transform:rotate(-7deg)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line)}.metrics article{padding:1.5rem 1.4rem;border-right:1px solid var(--line)}.metrics article:first-child{padding-left:0}.metrics span,.metrics small{display:block;color:var(--muted);font:400 .56rem "DM Mono"}.metrics strong{display:block;font-size:1.45rem;margin:.5rem 0}.metrics small{font-size:.52rem}.grid,.activity{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;padding-top:1rem}.panel{background:var(--charcoal-2);border:1px solid var(--line);border-radius:24px;padding:clamp(1.2rem,2.5vw,2rem);position:relative;overflow:hidden}.panel-head{display:flex;align-items:start;justify-content:space-between}.panel h2{font-size:clamp(2rem,3vw,3rem);line-height:.92;letter-spacing:-.06em;margin:0 0 2rem}.live,.chain{border:1px solid #dfff6855;color:var(--lime);border-radius:99px;padding:.5rem .65rem;font:500 .54rem "DM Mono"}.swap label{display:block;color:var(--muted);font:500 .6rem "DM Mono";margin-bottom:.6rem}.amount{display:flex;align-items:center;background:#171715;border:1px solid var(--line);border-radius:16px;padding:.7rem 1rem}.amount input{width:100%;border:0;outline:0;background:transparent;color:var(--white);font-size:2.2rem;font-weight:700}.amount b,.receive b{font-size:.8rem}.arrow{text-align:center;color:var(--lime);font-size:1.3rem;padding:.5rem}.receive{display:grid;grid-template-columns:1fr auto;gap:.25rem;background:#30302b;border:1px solid var(--line);border-radius:16px;padding:1rem}.receive span{grid-column:1/-1;color:var(--muted);font:400 .58rem "DM Mono"}.receive strong{font-size:1.3rem;overflow-wrap:anywhere}.quote-details{margin:1rem 0;padding:.8rem;border-left:2px solid var(--lime);font:400 .66rem/1.8 "DM Mono";color:#bbb9b0}.primary,.secondary{width:100%;margin-top:1rem;min-height:50px;font-size:.72rem}.primary{background:var(--lime)}.primary:disabled{opacity:.45;cursor:not-allowed}.execute{background:var(--blue)}.secondary{background:transparent;color:var(--white);border:1px solid var(--line)}.status,.fine{color:var(--muted);font-size:.72rem;line-height:1.6}.status{min-height:1.2em;margin:1rem 0 .4rem}.fine{font-size:.61rem;margin:0}.wallet{background:var(--cream);color:var(--charcoal)}.wallet .eyebrow{color:#747269}.wallet .chain{color:var(--charcoal);border-color:#1e1e1c33}.balance{padding:2.5rem 0;border-block:1px solid #1e1e1c25;text-align:center}.balance strong{display:block;font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.06em}.balance span{font:500 .6rem "DM Mono"}.wallet .secondary{color:var(--charcoal);border-color:#1e1e1c35}.contract{display:grid;grid-template-columns:1fr auto;gap:.4rem;margin-top:1rem;background:#ffffff80;padding:1rem;border-radius:14px}.contract span{grid-column:1/-1;color:#77746b;font:400 .56rem "DM Mono"}.contract code{font-size:.66rem;overflow:hidden;text-overflow:ellipsis}.contract button{border:0;background:transparent;color:var(--charcoal);font-weight:800;cursor:pointer}.links{display:flex;justify-content:space-between;margin-top:1.2rem;font-size:.68rem;font-weight:800}.baby-note{position:absolute;right:1.4rem;bottom:5rem;background:var(--lime);padding:.55rem .7rem;font:500 .57rem/1.5 "DM Mono";transform:rotate(4deg)}.activity{grid-template-columns:1fr 1fr}.doodle{font-size:1.3rem}.rows{display:grid;gap:.25rem}.row{display:grid;grid-template-columns:1fr auto;gap:.25rem;padding:.8rem 0;border-top:1px solid var(--line);font-size:.75rem}.row small{grid-column:1/-1;color:var(--muted);font:400 .54rem "DM Mono"}.row .buy{color:var(--lime)}.row .sell{color:var(--peach)}.sources{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:7rem 0}.sources h2{font-size:clamp(3rem,5vw,5rem);line-height:.92;letter-spacing:-.07em;margin:0}.sources>p{color:#aaa99f;line-height:1.8}footer{border-top:1px solid var(--line);padding:2rem 4vw;display:flex;justify-content:space-between;color:var(--muted);font:400 .58rem "DM Mono"}footer a{color:var(--cream)}
@media(max-width:850px){nav{display:none}.app-character{width:130px}.metrics{grid-template-columns:repeat(2,1fr)}.grid,.activity,.sources{grid-template-columns:1fr}.metrics article{border-bottom:1px solid var(--line)}.sources{gap:2rem}}
@media(max-width:520px){header{height:66px;padding:0 1rem}.brand span{display:none}.intro{min-height:400px;padding-top:4rem}.intro h1{font-size:3.7rem}.app-character{display:none}.metrics article{padding:1.1rem .6rem}.metrics strong{font-size:1.1rem}.grid,.activity{gap:.7rem}.panel{padding:1.1rem;border-radius:18px}.panel-head{display:block}.live,.chain{display:inline-block;margin-bottom:1rem}.contract code{max-width:210px}.sources{padding:4rem 0}footer{display:block}footer span{display:block;margin:.5rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}