@font-face{font-family:Fredoka;src:url('assets/fonts/Fredoka.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:Space;src:url('assets/fonts/SpaceGrotesk.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
:root{--paper:#fff8e9;--green:#b9df33;--ink:#382b0d;--muted:#536026;--cyan:#56dbed;--line:2px solid var(--ink);font-family:Space,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:300px;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:3px solid #0089ab;outline-offset:5px}
::selection{background:#56dbed;color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:20px;top:12px;padding:12px 20px;background:var(--paper);border:var(--line);border-radius:12px;z-index:10;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.header,.footer{width:calc(100% - 88px);max-width:1296px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.header{padding:23px 0 22px;min-height:91px}
.brand{display:inline-flex;align-items:center;gap:12px;font-family:Fredoka,Arial,sans-serif;font-weight:600;font-size:25px;letter-spacing:-.02em;min-width:0}
.brand img{display:block;flex-shrink:0;border-radius:50%;border:2px solid var(--ink)}
.header-meta{display:flex;align-items:center;gap:20px;flex-shrink:0}
.network{font-size:13px;font-weight:500;color:#5e6244}
.header-ticker{font-size:14px;font-weight:700;letter-spacing:.015em;padding:10px 17px;border:var(--line);border-radius:100px;background:var(--cyan);box-shadow:0 3px 0 var(--ink)}
.hero-board{width:calc(100% - 40px);max-width:1380px;margin:0 auto;background:var(--green);border:var(--line);border-radius:42px;padding:58px 54px 64px;box-shadow:0 7px 0 #e5e7cf;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:46px;row-gap:30px;align-items:center}
.intro{grid-area:1 / 1;align-self:end;min-width:0}
.eyebrow{display:inline-flex;align-items:center;margin:0 0 27px;padding:9px 15px;border:1.5px solid #627829;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;background:#d3eb7b}
.wordmark{font-family:Fredoka,Arial,sans-serif;font-weight:650;text-transform:uppercase;letter-spacing:-.047em;line-height:.89;font-size:clamp(76px,8.45vw,120px);margin-left:-4px}
.wordmark span{display:block;overflow-wrap:anywhere}
#word-last{font-size:1.36em;color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);margin-top:4px;letter-spacing:-.03em}
.description{font-size:17px;font-weight:500;line-height:1.65;margin:28px 0 0;max-width:480px;color:#3f491e}
.portrait{grid-area:1 / 2 / 3 / 3;margin:0;position:relative;width:100%;max-width:570px;justify-self:end;padding:12px 5px 19px 0;animation:arrive .85s cubic-bezier(.2,.7,.3,1) both}
.portrait-frame{padding:9px;background:var(--paper);border:var(--line);border-radius:49px;box-shadow:7px 9px 0 #688431;transform:rotate(2.5deg);transition:transform .65s cubic-bezier(.2,.7,.3,1),box-shadow .65s ease}
.portrait img{display:block;width:100%;height:auto;border-radius:37px;border:1px solid #637b24;background:#aed803}
.portrait-tag{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotate(-3deg);display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;font-family:Fredoka,Arial,sans-serif;font-size:23px;font-weight:600;letter-spacing:.02em;background:var(--paper);border:var(--line);border-radius:14px;box-shadow:3px 4px 0 var(--ink);white-space:nowrap}
.tag-dot{width:13px;height:13px;display:block;border:1.5px solid var(--ink);background:var(--cyan);border-radius:50%}
.link-panel{grid-area:2 / 1;align-self:start;max-width:510px;width:100%;min-width:0}
.platforms{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 62px;gap:12px}
.platform{min-height:60px;display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 20px;border:var(--line);border-radius:16px;font-family:Fredoka,Arial,sans-serif;font-size:21px;font-weight:500;box-shadow:0 4px 0 var(--ink);transition:transform .24s ease,box-shadow .24s ease,background .24s ease}
.platform svg{flex-shrink:0}
.pump{background:var(--ink);color:var(--paper);box-shadow:0 4px 0 #6a761c}
.dex{background:var(--paper)}
.social{padding:12px;background:var(--cyan)}
.platform[aria-disabled=true]{cursor:default}
.contract{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:58px;margin-top:18px;padding:7px 10px 7px 16px;background:#cdec70;border:1.5px solid #7b9236;border-radius:15px}
.contract-label{font-size:11px;font-weight:700;letter-spacing:.07em;color:#4e5927;flex-shrink:0}
.contract-value{font-size:12px;line-height:1.5;font-weight:500;min-width:0;flex:1;overflow-wrap:anywhere;user-select:all}
.copy{display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;min-width:76px;border:0;border-radius:9px;padding:7px 9px;background:transparent;font-size:10px;font-weight:700;letter-spacing:.025em;color:var(--ink);cursor:pointer;transition:background .22s ease}
.copy:disabled{cursor:default;color:#5d6a34}
.copy:not(:disabled):hover{background:#e3f2b8}
.footer{padding:24px 0 26px;font-size:12px;font-weight:500;color:#667044}
.status{position:fixed;left:50%;bottom:24px;z-index:5;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);background:var(--ink);color:var(--paper);border-radius:13px;padding:13px 20px;text-align:center;font-size:13px;line-height:1.5;box-shadow:0 6px 24px #382b0d25;transition:opacity .2s ease}
.status:empty{opacity:0;pointer-events:none;padding:0}
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.portrait:hover .portrait-frame{transform:rotate(.4deg) translateY(-3px);box-shadow:9px 12px 0 #688431}.platform:not([aria-disabled=true]):hover{transform:translateY(-3px);box-shadow:0 7px 0 var(--ink)}.pump:not([aria-disabled=true]):hover{box-shadow:0 7px 0 #6a761c;background:#4a3913}.platform:not([aria-disabled=true]):active{transform:translateY(2px);box-shadow:0 2px 0 var(--ink)}}
@media(min-width:1600px){.hero-board{margin-top:14px;padding-block:74px 82px}.header{padding-top:34px;padding-bottom:28px}.hero-grid{column-gap:64px}}
@media(max-width:1100px){.hero-board{padding:46px 36px 52px}.hero-grid{column-gap:32px;row-gap:25px}.wordmark{font-size:clamp(69px,8.4vw,95px)}.description{font-size:15px}.platforms{gap:10px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 55px}.platform{font-size:19px;gap:12px;padding-inline:14px;min-height:56px}.portrait-frame{border-radius:38px;padding:7px}.portrait img{border-radius:29px}.portrait-tag{font-size:21px;padding:10px 19px}}
@media(max-width:760px){.header,.footer{width:calc(100% - 44px)}.header{padding-block:17px;min-height:78px}.brand{font-size:22px;gap:10px}.brand img{width:40px;height:40px}.header-meta{gap:10px}.network{display:none}.header-ticker{font-size:12px;padding:8px 12px}.hero-board{width:calc(100% - 24px);padding:32px 24px 33px;border-radius:29px}.hero-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:26px}.intro{grid-area:1 / 1;text-align:center}.eyebrow{font-size:10px;margin-bottom:22px;padding:8px 12px}.wordmark{font-size:clamp(72px,14.5vw,108px);line-height:.9;margin-left:0}.wordmark span{display:inline}#word-last{font-size:1em;margin-left:.1em;text-shadow:0 4px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink)}.description{font-size:15px;margin:22px auto 0;line-height:1.6}.portrait{grid-area:2 / 1;max-width:410px;justify-self:center;padding:7px 8px 20px;}.portrait-frame{transform:rotate(1.4deg);box-shadow:5px 6px 0 #688431;border-radius:35px}.portrait img{border-radius:25px}.portrait-tag{font-size:19px;padding:9px 18px}.link-panel{grid-area:3 / 1;justify-self:center;max-width:470px}.platforms{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) 58px;gap:10px}.platform{font-size:21px;min-height:57px}.contract{margin-top:18px;min-height:58px}.contract-value{font-size:11px}.footer{padding-block:21px 24px}}
@media(max-width:520px){.wordmark span{display:block}.wordmark{font-size:clamp(76px,21vw,105px)}#word-last{font-size:1.13em;letter-spacing:-.02em;margin:3px 0 0}.hero-grid{gap:24px}.description{font-size:14px;max-width:300px}.portrait{max-width:345px}.eyebrow{margin-bottom:19px}.contract{gap:8px;padding-left:11px}.copy{min-width:65px;gap:5px;padding-inline:6px}}
@media(max-width:370px){.hero-board{padding-inline:16px}.header,.footer{width:calc(100% - 36px)}.brand{font-size:20px;gap:8px}.brand img{width:36px;height:36px}.header-ticker{padding-inline:10px;font-size:11px}.platforms{gap:8px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 48px}.platform{font-size:18px;gap:8px;padding-inline:10px}.wordmark{font-size:clamp(62px,21vw,76px)}.contract-value{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
