@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:light;--paper:#f6f5ed;--ink:#163d30;--muted:#748176;--lime:#d9ed91;--line:#dce2d6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #65883f;outline-offset:5px}button{font-family:inherit;cursor:pointer}.page{max-width:1320px;padding:0 52px;margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:12px;align-items:center;font:800 28px/1 'Manrope',Arial,sans-serif;letter-spacing:-1px}.brand img{object-fit:contain}.brand-note{display:block;font:600 8px/1.5 'DM Sans';letter-spacing:1.8px;margin-top:6px;color:#71816c}nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600}nav a span{margin-left:8px}nav a:hover,footer a:hover{color:#7c963f}.nav-community{border:1px solid #bbc9b3;padding:13px 18px;border-radius:8px}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:65px;align-items:center;padding:65px 0 61px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;margin:0 0 27px;display:flex;gap:9px;align-items:center;color:#63795d}.status-dot{width:6px;height:6px;background:#83a34d;border-radius:50%;display:inline-block}h1{font:800 clamp(44px,4.7vw,67px)/1.08 'Manrope',Arial,sans-serif;letter-spacing:-3.2px;margin:0 0 26px}h1>span{color:#7a9355}.intro{font-size:19px;line-height:1.65;letter-spacing:-.2px;margin:0 0 15px}.description{font-size:14px;color:#62735f;line-height:1.85;max-width:390px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:flex;align-items:center;justify-content:center;gap:19px;padding:16px 19px;font-size:12px;font-weight:700;border-radius:8px;border:1px solid var(--ink);transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fffdf2;box-shadow:0 6px 12px #153d3010}.primary:hover{background:#2c513d}.secondary{border-color:#c6d0bc;background:transparent}.secondary:hover{background:#e9eedf}.small-note{font-size:10px;color:#62735f;margin:20px 0 0}.portrait{position:relative;min-width:0;isolation:isolate;aspect-ratio:1/1.08;background:radial-gradient(ellipse at 50% 45%,#315b3e,#173c2e);border-radius:24px;color:#e9efd9;padding:28px;overflow:hidden;box-shadow:0 24px 40px -32px #173b3070}.portrait:before{content:'';position:absolute;inset:0;background:url('assets/pond-world.png') center/cover;opacity:.11;z-index:-1}.portrait-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#c1d0ae;position:relative;z-index:2}.portrait-orbit{position:absolute;left:13%;right:13%;top:18%;aspect-ratio:1;border-radius:50%;border:1px solid #bdd69630;box-shadow:0 0 0 30px #a9cd7d05,0 0 0 60px #a9cd7d04;background:radial-gradient(circle,#a4c45a15,transparent 70%)}.mascot{position:absolute;width:87%;height:87%;object-fit:contain;left:6.5%;top:5%;filter:drop-shadow(0 16px 15px #071b1955)}.portrait-caption{position:absolute;bottom:29px;left:28px;right:28px;display:flex;align-items:end;justify-content:space-between}.portrait-caption>span:first-child{font:800 28px/1 'Manrope';letter-spacing:-1px}.portrait-caption>span:last-child{font-size:7px;letter-spacing:1.3px;line-height:1.7;text-align:right;color:#b7c5a7}.ticker-pill{position:absolute;right:25px;top:58px;background:var(--lime);color:#274731;border-radius:25px;font-size:9px;font-weight:700;letter-spacing:1px;padding:10px 14px;transform:rotate(7deg)}.contract{position:relative;border:1px solid var(--line);background:#fffef8;border-radius:12px;display:flex;align-items:center;gap:26px;padding:23px 26px;margin-bottom:38px}.contract-label{display:flex;align-items:center;gap:12px;flex-shrink:0}.chain-icon{font-size:28px;display:grid;place-items:center;border-radius:10px;width:40px;height:40px;background:#edf1e4;color:#769752}h2{font:700 12px 'DM Sans';margin:0 0 4px}.contract-label p{font-size:10px;color:#62735f;margin:0}.contract code{flex:1;font:11px/1.6 'Courier New',monospace;color:#62735f;overflow-wrap:anywhere;user-select:all}.contract button{border:0;border-radius:6px;padding:12px 15px;background:#eaf0df;color:#365638;font-weight:700;font-size:10px;white-space:nowrap}.contract button span{padding-left:10px;font-size:15px}.contract button:hover{background:#dce8c7}#copy-status{position:absolute;bottom:-23px;right:0;font-size:10px;color:#5d7d40;margin:0}footer{border-top:1px solid var(--line);padding:26px 0 31px;display:flex;align-items:center;gap:22px;font-size:9px;color:#62735f}footer>span{color:#687d60}footer p{flex:1;margin:0;text-align:center;font-size:9px}footer a{color:#687d60;white-space:nowrap}
@media(min-width:1400px){.hero{padding-top:80px;padding-bottom:75px}}
@media(max-width:1000px){.page{padding:0 32px}.hero{gap:32px}h1{font-size:48px;letter-spacing:-2px}.intro{font-size:17px}.button{font-size:11px;padding:14px}.portrait{aspect-ratio:1/1.18}.contract{gap:18px;padding:20px}.contract code{font-size:10px}}
@media(max-width:700px){.page{padding:0 22px}header{height:88px}.brand{font-size:25px;gap:8px}.brand img{height:38px;width:38px}.brand-note{font-size:6px;letter-spacing:1.3px}nav{gap:16px;font-size:10px}.nav-community{padding:10px 12px}nav>a:first-child{display:none}.hero{grid-template-columns:1fr;gap:36px;padding:40px 0 30px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:22px}h1{font-size:clamp(42px,9.8vw,64px);letter-spacing:-2px;margin-bottom:22px}.intro{font-size:17px;line-height:1.7}.description{font-size:13px;line-height:1.85;max-width:440px;margin-bottom:25px}.actions{gap:10px}.button{padding:15px 16px;gap:12px}.small-note{font-size:9px;margin-top:17px}.portrait{aspect-ratio:1/1;max-width:480px;width:100%;margin:auto;padding:24px;border-radius:18px}.mascot{height:89%;top:1%}.portrait-caption{left:24px;right:24px;bottom:25px}.portrait-top{font-size:7px;letter-spacing:1px}.ticker-pill{font-size:8px;top:48px;right:22px;padding:8px 11px}.contract{flex-wrap:wrap;gap:16px;padding:20px;margin-bottom:34px}.contract-label{flex:1}.contract code{flex:0 0 100%;order:3;font-size:11px}.contract button{padding:11px 12px}footer{flex-wrap:wrap;gap:16px;padding:24px 0}footer p{order:4;flex-basis:100%;text-align:left;font-size:8px}footer>span{flex:1;font-size:8px}footer a{font-size:9px}}
@media(max-width:350px){.page{padding:0 16px}.button{width:100%}.brand-note{display:none}h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}