:root {
  --paper: #f8f5ec; --paper-deep: #eeeadf; --ink: #24241f; --orange: #ff6b35; --orange-type: #ed5b27; --orange-deep: #b84016; --muted: #6a685f; --line: #dedbcf;
  --display: "Anton", Impact, sans-serif; --body: "DM Sans", sans-serif; --mono: "IBM Plex Mono", monospace; --radius: 1.25rem; --space-section: clamp(4.5rem,8vw,8rem);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
main { overflow-x: clip; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 1rem var(--body); -webkit-font-smoothing: antialiased; overflow-x: clip; }
::selection { color: var(--paper); background: var(--ink); }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; cursor: pointer; }
button, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--orange-deep); outline-offset: 5px; }
button:disabled { cursor: default; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-family: var(--display); font-weight: 400; }
[hidden] { display: none !important; }
.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; }
.icon-library { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 1.25rem; height: 1.25rem; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.icon--fill { fill: currentColor; stroke: none; }
.panel { width: min(calc(100% - 2.5rem),82rem); margin-inline: auto; }
.skip-link { position: fixed; top: .75rem; left: .75rem; z-index: 100; padding: 1rem; color: var(--paper); background: var(--ink); border-radius: .5rem; transform: translateY(-180%); }
.skip-link:focus { transform: translateY(0); }
.announcement { display: flex; justify-content: center; align-items: center; gap: 1rem; min-height: 2.25rem; background: var(--orange); font: 500 .625rem var(--mono); letter-spacing: .08em; }
.announcement__network { display: none; align-items: center; gap: .5rem; }
.announcement__network i { width: .375rem; height: .375rem; border-radius: 50%; background: var(--ink); }
.site-header { position: sticky; top: 0; z-index: 30; background: rgba(248,245,236,.94); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); }
.header-inner { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 5rem; }
.logo { display: inline-flex; align-items: center; gap: .65rem; flex-shrink: 0; }
.logo__mark { width: 2.75rem; height: 2.75rem; border-radius: 50%; transition: transform .3s ease; }
.logo:hover .logo__mark { transform: rotate(-10deg); }
.logo__type { font: 400 1.625rem/1 var(--display); letter-spacing: -.01em; }
.logo__type > span { margin-left: .1rem; color: var(--orange-deep); }
.logo__type small { display: block; margin-top: .3rem; font: 600 .5rem var(--mono); letter-spacing: .18em; }
.site-nav { position: absolute; top: 100%; right: -1.25rem; left: -1.25rem; display: none; padding: .75rem 1.25rem 1.25rem; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: 0 16px 20px #24241f08; }
.site-nav.is-open { display: grid; }
.site-nav a { display: flex; align-items: center; gap: .35rem; min-height: 3rem; padding: .65rem 1rem; font-size: .9375rem; font-weight: 600; border-radius: 3rem; transition: background .2s,color .2s; }
.site-nav a:hover, .site-nav a.is-current { background: var(--paper-deep); }
.site-nav .icon { width: .9375rem; height: .9375rem; }
.menu-button { display: grid; align-content: center; gap: .375rem; width: 2.75rem; height: 2.75rem; padding: .75rem; background: transparent; border: 1px solid var(--line); border-radius: 50%; }
.menu-button > span:not(.sr-only) { height: 2px; width: 100%; background: var(--ink); transition: transform .25s; }
.menu-button[aria-expanded="true"] > span:nth-child(1) { transform: translateY(4px) rotate(45deg); }
.menu-button[aria-expanded="true"] > span:nth-child(2) { transform: translateY(-4px) rotate(-45deg); }
.button { display: inline-flex; justify-content: center; align-items: center; gap: .875rem; min-height: 3.5rem; padding: .875rem 1.375rem; border: 1px solid transparent; border-radius: 4rem; font-size: .9375rem; font-weight: 700; line-height: 1.3; transition: background .25s,color .25s,transform .25s,box-shadow .25s; }
.button .icon:last-child { margin-left: .375rem; transition: transform .25s; }
.button:hover { transform: translateY(-3px); }
.button:hover .icon:last-child { transform: translate(2px,-2px); }
.button--orange { background: var(--orange); color: var(--ink); }
.button--orange:hover { background: #ff7e4f; box-shadow: 0 7px 20px #ff6b3525; }
.button--dark { background: var(--ink); color: var(--paper); }
.button--dark:hover { background: #3e3e35; }
.button--outline { border-color: #24241f40; }
.button--outline:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.button--paper { background: var(--paper); color: var(--ink); }
.button--paper:hover { background: var(--orange); }
.header-buy { display: none; }
.hero { position: relative; display: grid; grid-template-columns: minmax(0,1fr); padding-top: 2.5rem; }
.hero__copy { position: relative; z-index: 3; min-width: 0; }
.eyebrow { display: flex; align-items: center; gap: .625rem; margin-bottom: 1.75rem; font: 500 .6rem var(--mono); letter-spacing: .065em; }
.solana-mark { display: grid; gap: 3px; width: 1.125rem; transform: skew(-25deg); }
.solana-mark i { height: 3px; background: var(--orange); }
.solana-mark i:nth-child(2) { background: var(--ink); }
h1 { width: fit-content; font-size: clamp(5.75rem,25vw,9rem); line-height: .91; letter-spacing: -.025em; }
h1 > span:not(.sr-only) { display: block; }
h1 > span:nth-child(2) { padding-left: .09em; }
.hero__last { position: relative; color: var(--orange-type); }
.hero__star { position: absolute; top: .22em; right: -.55em; width: .35em; height: .35em; fill: var(--orange); transform: rotate(12deg); }
.hero__intro { margin-top: 1.75rem; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.hero__socials { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1rem; }
.sound-button { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: .25rem 0; background: transparent; border: 0; color: var(--muted); font-size: .875rem; font-weight: 500; transition: color .2s; }
.sound-button:hover { color: var(--orange-deep); }
.sound-button .icon { width: 1.125rem; height: 1.125rem; }
.sound-button.is-playing .icon { animation: wiggle .15s linear infinite alternate; }
.socials { display: flex; align-items: center; gap: .5rem; }
.social-link { display: flex; align-items: center; justify-content: center; width: 2.75rem; min-height: 2.75rem; border: 1px solid var(--line); border-radius: 50%; transition: border-color .2s,transform .2s; }
.social-link:hover { transform: translateY(-3px); border-color: var(--orange-deep); }
.social-link .icon { width: 1rem; height: 1rem; }
.social-link--dex { width: auto; padding-inline: .8rem; gap: .35rem; font: 500 .625rem var(--mono); border-radius: 3rem; }
.hero__visual { position: relative; min-width: 0; margin-top: 1rem; }
.character-stage { position: relative; height: clamp(21.5rem,100vw,35rem); isolation: isolate; }
.character-stage__circle { position: absolute; top: 8%; left: 2%; width: 96%; aspect-ratio: 1; overflow: hidden; border-radius: 50%; background: var(--orange); }
.character-stage__circle::before, .character-stage__circle::after { content: ""; position: absolute; inset: 5%; border: 1px solid #f8f5ec38; border-radius: 50%; }
.character-stage__circle::after { inset: 10%; }
.character-stage__circle > span { position: absolute; top: 35%; left: 0; font: 400 clamp(5rem,18vw,8rem) var(--display); letter-spacing: -.02em; color: #f8f5ec29; }
.character-stage__orbit { position: absolute; top: 7%; left: -1%; width: 102%; aspect-ratio: 1; border: 1px solid var(--orange); border-radius: 50%; transform: rotate(-15deg) scaleY(.9); }
.hero__character { position: absolute; z-index: 2; bottom: 0; left: -12.5%; width: 125%; max-width: none; height: 100%; object-fit: contain; filter: drop-shadow(0 15px 16px #63371320); transform-origin: center bottom; transition: transform .45s ease-out; }
.visual-note { position: absolute; z-index: 3; top: 7%; right: 0; color: var(--ink); font: 500 .5rem var(--mono); letter-spacing: .08em; transform: rotate(7deg); }
.good-dog-stamp { position: absolute; z-index: 4; top: 30%; right: -1%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .45rem; width: 6.25rem; aspect-ratio: 1; color: var(--paper); background: var(--ink); border-radius: 50%; outline: 1px dashed #f8f5ec80; outline-offset: -6px; transform: rotate(13deg); }
.good-dog-stamp .icon { width: .75rem; height: .75rem; color: var(--orange); }
.good-dog-stamp strong { font-size: .75rem; line-height: 1.2; text-align: center; }
.good-dog-stamp > span { font: 400 .35rem var(--mono); letter-spacing: .02em; }
.character-label { position: absolute; bottom: 9%; left: -1%; z-index: 4; display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem; border: 1px solid #24241f15; border-radius: .5rem; background: var(--paper); box-shadow: 0 4px 15px #24241f08; font-weight: 800; font-size: .875rem; transform: rotate(-6deg); }
.character-label i { width: .5rem; height: .5rem; background: var(--orange); border-radius: 50%; }
.character-label small { display: none; }
.hero-scribble { position: absolute; bottom: 1%; right: 0; z-index: 4; width: 4rem; fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; }
.hero__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.25rem; min-width: 0; margin-top: 1.5rem; margin-bottom: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.contract { position: relative; display: flex; align-items: center; gap: .625rem; min-width: 0; max-width: 100%; }
.contract-feedback { position: absolute; z-index: 5; bottom: calc(100% + .375rem); left: 0; width: max-content; max-width: 100%; padding: .625rem .875rem; border-radius: .5rem; color: var(--paper); background: var(--ink); font-size: .8125rem; box-shadow: 0 4px 15px #24241f15; }
.contract-feedback:empty { display: none; }
.contract__label { color: var(--muted); font: 500 .5625rem var(--mono); letter-spacing: .06em; }
.contract code { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 .75rem var(--mono); }
.copy-contract { display: grid; place-items: center; flex-shrink: 0; width: 2.75rem; height: 2.75rem; padding: .75rem; border: 0; border-radius: 50%; background: transparent; }
.copy-contract:hover:not(:disabled) { background: var(--paper-deep); }
.copy-contract:disabled { opacity: .3; }
.copy-contract .icon { width: 1rem; height: 1rem; }
.launch-status { display: inline-flex; align-items: center; gap: .5rem; font: 400 .6875rem var(--mono); color: var(--muted); }
.launch-status i { width: .4375rem; height: .4375rem; background: var(--orange); border-radius: 50%; }
.ticker { overflow: hidden; background: var(--orange); border-block: 1px solid #24241f18; }
.ticker__track { display: flex; width: max-content; animation: ticker 32s linear infinite; }
.ticker__group { display: flex; align-items: center; flex-shrink: 0; gap: 2rem; padding: 1.1rem 1rem; }
.ticker__group span { font: 400 1.65rem var(--display); letter-spacing: .01em; white-space: nowrap; }
.ticker__group svg { width: 1.35rem; height: 1.35rem; fill: var(--ink); }
.about { padding-block: var(--space-section); background: var(--ink); color: var(--paper); }
.about__inner { display: grid; gap: 2.5rem; align-items: center; }
.about__art { position: relative; max-width: 23rem; width: 85%; margin-inline: auto; }
.about__portrait { position: relative; width: 100%; aspect-ratio: 1.12; overflow: hidden; background: var(--orange); border-radius: 50% 50% 1rem 1rem; transform: rotate(-5deg); }
.about__portrait img { position: absolute; top: -6%; left: -30%; width: 160%; max-width: none; }
.about__sticker { position: absolute; bottom: -3%; right: -9%; padding: .85rem 1rem; color: var(--ink); background: var(--paper); font: 400 1.1rem/1.15 var(--display); transform: rotate(8deg); border-radius: .4rem; }
.about__star { position: absolute; top: -5%; right: -5%; width: 3rem; height: 3rem; fill: var(--orange); transform: rotate(10deg); }
.section-index { display: block; margin-bottom: 1.25rem; color: var(--orange-deep); font: 500 .625rem var(--mono); letter-spacing: .11em; }
h2 { font-size: clamp(2.75rem,9vw,4rem); line-height: 1.07; letter-spacing: -.015em; }
h2 em { font-style: normal; color: var(--orange-type); }
.about h2 em, .chart h2 em { color: var(--orange); }
.about .section-index { color: #ff9670; }
.about__copy h2 { font-size: clamp(2rem,7vw,3.5rem); }
.about__copy p { margin-top: 1.25rem; max-width: 35rem; color: #c3c1b8; line-height: 1.75; font-size: .9375rem; }
.about__copy h2 + p { color: var(--paper); font-size: 1.125rem; font-weight: 600; }
.about__tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.75rem; }
.about__tags span { padding: .625rem .75rem; border: 1px solid #f8f5ec30; border-radius: 3rem; color: #d8d5c9; font: 400 .5625rem var(--mono); letter-spacing: .035em; }
.roadmap { padding-block: var(--space-section); }
.section-head { display: grid; gap: 1.5rem; margin-bottom: 2.5rem; }
.section-head__aside { display: flex; align-items: center; gap: 1rem; }
.section-head__aside p, .chart__intro p { max-width: 23rem; color: var(--muted); font-size: 1rem; line-height: 1.7; }
.section-head__star { width: 2.5rem; height: 2.5rem; flex-shrink: 0; fill: var(--orange); transform: rotate(15deg); }
.roadmap__grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.roadmap-card { position: relative; display: flex; flex-direction: column; padding: 1.5rem; min-width: 0; background: #f1eee5; border: 1px solid var(--line); border-radius: var(--radius); transition: transform .3s,box-shadow .3s,border-color .3s; }
.roadmap-card:hover { transform: translateY(-6px); box-shadow: 0 14px 25px #24241f09; border-color: #24241f50; }
.roadmap-card--live { background: var(--orange); border-color: var(--orange); }
.roadmap-card__head { display: flex; justify-content: space-between; align-items: center; gap: .375rem; font: 500 .625rem var(--mono); letter-spacing: .025em; }
.roadmap-card__head b { display: inline-flex; align-items: center; gap: .25rem; white-space: nowrap; border: 1px solid #24241f30; padding: .4rem .5rem; border-radius: 2rem; font: inherit; }
.roadmap-card__head i { width: .25rem; height: .25rem; border-radius: 50%; background: var(--ink); }
.roadmap-card__number { display: flex; justify-content: space-between; align-items: center; margin-block: 2rem 1.5rem; font: 400 5rem/1 var(--display); letter-spacing: -.035em; }
.roadmap-card__number > span { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border: 1px solid #24241f35; border-radius: 50%; font: 400 1.1rem var(--body); }
.roadmap-card h3 { margin-bottom: .75rem; font-size: 1.75rem; line-height: 1.25; }
.roadmap-card p { color: var(--muted); font-size: 1rem; line-height: 1.65; margin-bottom: 1.5rem; }
.roadmap-card--live p { color: #4b281b; }
.roadmap-card ul { display: grid; gap: .6rem; margin: auto 0 0; padding: 1.25rem 0 0; border-top: 1px solid #24241f20; list-style: none; font-size: .8125rem; font-weight: 500; }
.roadmap-card ul li { display: flex; gap: .5rem; align-items: center; }
.roadmap-card ul li::before { content: "+"; color: var(--orange-deep); font: 400 1rem var(--mono); }
.roadmap-card--live ul li::before { color: var(--ink); }
.roadmap__note { margin-top: 2rem; color: var(--muted); font-size: .875rem; line-height: 1.8; text-align: center; }
.roadmap__note span { display: block; color: var(--ink); font: 500 .625rem var(--mono); letter-spacing: .05em; }
.chart { padding-block: var(--space-section); background: var(--ink); color: var(--paper); }
.chart .section-index { color: #ff9670; }
.chart__intro p { color: #c3c1b8; }
.inline-link { display: inline-flex; align-items: center; gap: .75rem; min-height: 2.75rem; margin-top: 1rem; border-bottom: 1px solid var(--orange); font-weight: 600; font-size: .875rem; }
.inline-link:hover { color: var(--orange); }
.terminal { overflow: hidden; background: #1b1b17; border: 1px solid #f8f5ec25; border-radius: var(--radius); }
.terminal__bar { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: 1rem; border-bottom: 1px solid #f8f5ec16; background: #2b2b25; }
.terminal__brand { display: flex; align-items: center; gap: .6rem; }
.terminal__coin { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--orange); color: var(--ink); font: 400 1.25rem var(--display); }
.terminal__brand strong { font-size: .875rem; }
.terminal__brand small { color: #aaa99b; font-weight: 400; font-size: .75rem; }
.chart-status { display: inline-flex; align-items: center; gap: .375rem; padding: .4rem .6rem; border: 1px solid #f8f5ec20; border-radius: 2rem; font-size: .625rem; color: #d3d0c3; }
.chart-status i { width: .3rem; height: .3rem; background: var(--orange); border-radius: 50%; }
.terminal__body { display: flex; min-height: 31rem; background-image: linear-gradient(#f8f5ec04 1px,transparent 1px),linear-gradient(90deg,#f8f5ec04 1px,transparent 1px); background-size: 3.5rem 3.5rem; }
.terminal__body iframe { flex: 1; width: 100%; min-height: inherit; border: 0; background: #1b1b17; }
.chart-placeholder { display: flex; flex: 1; align-items: center; justify-content: center; flex-direction: column; padding: 2.5rem 1.25rem; text-align: center; }
.chart-placeholder__art { position: relative; display: flex; align-items: center; justify-content: center; gap: .625rem; width: 9rem; height: 6rem; margin-bottom: 1.5rem; transform: rotate(-6deg); }
.chart-placeholder__art span { position: relative; width: .75rem; height: 1.75rem; border: 1px solid #78766a; border-radius: 2px; }
.chart-placeholder__art span::before { content: ""; position: absolute; top: -.6rem; bottom: -.6rem; left: 50%; width: 1px; background: #78766a; }
.chart-placeholder__art span:nth-child(2) { height: 2.75rem; transform: translateY(-.5rem); }
.chart-placeholder__art span:nth-child(3) { height: 2rem; transform: translateY(.5rem); }
.chart-placeholder__art span:nth-child(4) { height: 3.25rem; transform: translateY(-.7rem); border-color: var(--orange); background: #ff6b3520; }
.chart-placeholder__art span:nth-child(4)::before { background: var(--orange); }
.chart-placeholder__art span:nth-child(5) { height: 2rem; transform: translateY(-1.25rem); }
.chart-placeholder__art svg { position: absolute; right: -.625rem; top: -.5rem; width: 1.75rem; height: 1.75rem; fill: var(--orange); }
.chart-placeholder__eyebrow { color: #d3a28e; font: 400 .5625rem var(--mono); letter-spacing: .07em; }
.chart-placeholder h3 { margin-top: 1rem; font-size: clamp(2.25rem,6vw,3.75rem); line-height: 1.1; }
.chart-placeholder h3 em { font-style: normal; color: #a7a597; }
.chart-placeholder p { max-width: 25rem; margin-top: 1rem; color: #b8b6a8; font-size: .875rem; line-height: 1.7; }
.chart-placeholder .button { margin-top: 1.5rem; min-height: 3rem; font-size: .875rem; }
.terminal__foot { display: grid; gap: .75rem; padding: 1rem; border-top: 1px solid #f8f5ec16; font: 400 .5rem var(--mono); color: #a4a293; letter-spacing: .03em; }
.terminal__foot > span { display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.terminal__foot strong { color: #d7d4c8; font-weight: 400; }
.community { position: relative; overflow: hidden; padding-top: var(--space-section); background: var(--orange-type); }
.community__inner { position: relative; display: grid; }
.community .section-index { color: var(--ink); }
.community h2 { font-size: clamp(3.375rem,13vw,5rem); line-height: 1.04; }
.community h2 span { color: var(--paper); }
.community p { max-width: 27rem; margin-top: 1.25rem; color: var(--ink); font-size: 1rem; line-height: 1.7; }
.community__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.5rem; }
.community__back { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding-block: .5rem; font-size: .875rem; font-weight: 600; border-bottom: 1px solid #24241f50; }
.community__art { position: relative; margin-top: 1.5rem; height: 19rem; }
.community__art img { position: absolute; top: 0; left: -18%; width: 118%; max-width: none; }
.community__star { position: absolute; right: 4%; top: 5%; width: 65%; height: 80%; fill: var(--paper); opacity: .25; transform: rotate(18deg); }
.community__art > span { position: absolute; top: 42%; right: 3%; z-index: 2; width: 6rem; height: 6rem; display: grid; place-content: center; background: var(--ink); color: var(--paper); border-radius: 50%; font: 400 1.1rem/1.15 var(--display); text-align: center; transform: rotate(12deg); }
.site-footer { padding-top: 2.5rem; }
.footer-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem; }
.footer-motto { display: none; color: var(--muted); font: 400 .625rem var(--mono); letter-spacing: .04em; }
.footer-links { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.footer-links a { display: flex; align-items: center; gap: .3rem; min-height: 2.75rem; font-size: .8125rem; }
.footer-links a:hover { color: var(--orange-deep); }
.footer-links .icon { width: .75rem; height: .75rem; }
.footer-wordmark { display: flex; align-items: center; justify-content: space-between; margin-block: 2rem 1.5rem; font: 400 clamp(3rem,16vw,15rem)/1.2 var(--display); letter-spacing: -.02em; }
.footer-wordmark svg { width: .7em; height: .7em; fill: var(--orange); transform: rotate(12deg); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem 1.25rem; padding-block: 1.5rem; border-top: 1px solid var(--line); color: var(--muted); font: 400 .5625rem/1.7 var(--mono); }
.footer-bottom p { flex-basis: 100%; font: 400 .6875rem/1.6 var(--body); }
.footer-bottom a { display: flex; align-items: center; min-height: 2.75rem; }
.reveal { opacity: 1; }
html.motion-ready .reveal { opacity: 0; transform: translateY(1.5rem); transition: opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1); }
html.motion-ready .reveal.is-visible, html.motion-ready .hero .reveal { opacity: 1; transform: translateY(0); }
.reveal--late { transition-delay: .12s !important; }
.reveal--step-1 { transition-delay: .06s !important; }
.reveal--step-2 { transition-delay: .12s !important; }
.reveal--step-3 { transition-delay: .18s !important; }
@keyframes ticker { to { transform: translateX(-50%); } }
@keyframes wiggle { to { transform: rotate(10deg); } }
@media (min-width: 640px) {
  .panel { width: min(calc(100% - 4rem),82rem); }
  .announcement { justify-content: space-between; padding-inline: 2rem; }
  .announcement__network { display: inline-flex; }
  .hero { padding-top: 3.5rem; }
  h1 { font-size: 9rem; }
  .hero__visual { max-width: 36rem; width: 100%; margin-inline: auto; }
  .character-label small { display: inline; color: var(--muted); font-size: .6875rem; font-weight: 400; }
  .good-dog-stamp { width: 8rem; }
  .good-dog-stamp strong { font-size: .9375rem; }
  .good-dog-stamp > span { font-size: .4375rem; }
  .visual-note { font-size: .625rem; }
  .roadmap__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .terminal__bar { padding: 1rem 1.5rem; }
  .chart-status { font-size: .75rem; padding: .5rem .8rem; }
  .terminal__foot { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; padding: 1.25rem 1.5rem; }
  .terminal__foot > span { justify-content: flex-start; flex-wrap: wrap; }
  .community__art { height: 28rem; max-width: 37rem; width: 100%; margin-inline: auto; }
  .community__art img { top: -2%; }
  .footer-wordmark { font-size: clamp(3rem,16.5vw,15rem); }
}
@media (min-width: 768px) {
  .hero { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center; gap: 1rem; padding-top: 3rem; }
  h1 { font-size: clamp(6.5rem,12vw,9.5rem); }
  .hero__intro { font-size: 1.0625rem; }
  .hero__visual { margin-top: 0; }
  .character-stage { height: 34rem; }
  .character-stage__circle { top: 24%; }
  .character-stage__circle > span { font-size: 6rem; }
  .character-stage__orbit { top: 23%; }
  .hero__character { height: 100%; width: 135%; left: -17.5%; }
  .good-dog-stamp { top: 31%; right: -2%; width: 6.25rem; }
  .good-dog-stamp strong { font-size: .75rem; }
  .good-dog-stamp > span { font-size: .35rem; }
  .visual-note { top: 14%; font-size: .45rem; }
  .character-label { bottom: 11%; left: -3%; }
  .character-label small { display: none; }
  .hero__footer { grid-column: 1/-1; margin-top: 1rem; }
  .contract { max-width: 78%; }
  .about__inner { grid-template-columns: .75fr 1.25fr; gap: 3rem; }
  .about__art { width: 100%; }
  .about__copy h2 { font-size: clamp(2rem,4.25vw,3.5rem); }
  .section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; }
  h2 { font-size: clamp(3.5rem,6vw,5.5rem); }
  .section-head__aside { margin-bottom: .35rem; max-width: 45%; }
  .chart__intro { margin-bottom: .35rem; }
  .terminal__body { min-height: 33rem; }
  .community__inner { grid-template-columns: 1.2fr 1fr; align-items: center; }
  .community { padding-block: 0; }
  .community__copy { position: relative; z-index: 3; padding-block: 4rem; }
  .community h2 { font-size: clamp(3.5rem,6.8vw,6rem); }
  .community__art { height: 100%; min-height: 29rem; margin: 0; }
  .community__art img { top: 13%; left: -45%; width: 165%; }
  .community__art > span { top: 48%; right: -5%; }
  .community__star { top: 12%; right: -3%; width: 100%; }
  .footer-motto { display: block; }
  .footer-bottom p { flex-basis: auto; }
}
@media (min-width: 1024px) {
  .panel { width: min(calc(100% - 6rem),82rem); }
  .announcement { padding-inline: max(3rem,calc((100% - 82rem)/2)); min-height: 2rem; }
  .header-inner { min-height: 5.625rem; }
  .site-nav { position: static; display: flex; gap: .125rem; padding: 0; border: 0; box-shadow: none; background: transparent; }
  .site-nav a { min-height: 2.5rem; padding: .5rem 1rem; font-size: .875rem; }
  .menu-button { display: none; }
  .header-buy { display: inline-flex; min-height: 2.875rem; padding: .75rem 1.25rem; font-size: .8125rem; }
  .hero { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); padding-top: 3rem; column-gap: 2rem; }
  .eyebrow { font-size: .625rem; margin-bottom: 2rem; }
  h1 { font-size: clamp(7.5rem,10vw,9.25rem); }
  .hero__intro { font-size: 1.125rem; margin-top: 2rem; }
  .hero__actions { margin-top: 1.75rem; }
  .hero__socials { margin-top: 1.25rem; }
  .hero__visual { width: 100%; max-width: none; }
  .character-stage { height: 38rem; }
  .character-stage__circle { top: 6%; left: 50%; width: min(100%,35rem); transform: translateX(-50%); }
  .character-stage__circle > span { top: 32%; font-size: 8.5rem; }
  .character-stage__orbit { top: 5%; left: 50%; width: min(106%,37rem); transform: translateX(-50%) rotate(-15deg) scaleY(.94); }
  .hero__character { height: 104%; width: 135%; left: -17.5%; bottom: 0; }
  .good-dog-stamp { top: 21%; right: -2%; width: 8rem; }
  .good-dog-stamp strong { font-size: .9375rem; }
  .good-dog-stamp > span { font-size: .4375rem; }
  .visual-note { top: 3%; right: 2%; font-size: .5rem; }
  .character-label { bottom: 12%; left: 1%; padding: 1rem 1.25rem; }
  .character-label small { display: inline; }
  .hero-scribble { bottom: 6%; right: -2%; width: 6rem; }
  .hero__footer { margin-top: 1.5rem; margin-bottom: 1.5rem; }
  .contract__label { font-size: .625rem; }
  .contract code { font-size: .8125rem; }
  .ticker__group { gap: 3rem; padding: 1.4rem 1.5rem; }
  .ticker__group span { font-size: 2rem; }
  .ticker__group svg { width: 1.5rem; height: 1.5rem; }
  .about__inner { grid-template-columns: .8fr 1.2fr; gap: 6rem; }
  .about__art { max-width: 24rem; }
  .about__copy h2 { font-size: clamp(2.75rem,4.1vw,3.75rem); }
  .about__copy p { font-size: 1rem; }
  .about__tags span { font-size: .625rem; padding: .625rem 1rem; }
  .section-index { font-size: .6875rem; }
  .section-head { margin-bottom: 3rem; }
  .roadmap__grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }
  .roadmap-card { padding: 1.25rem; }
  .roadmap-card__head { align-items: flex-start; flex-direction: column; gap: .625rem; font-size: .625rem; }
  .roadmap-card__number { font-size: 5.5rem; margin-block: 2.5rem 2rem; }
  .roadmap-card h3 { font-size: 1.625rem; }
  .roadmap-card p { min-height: 7rem; }
  .roadmap-card ul { font-size: .75rem; }
  .roadmap__note span { display: inline; margin-right: .75rem; }
  .terminal__body { min-height: 35rem; }
  .terminal__foot { font-size: .625rem; }
  .community__copy { padding-block: 5rem; }
  .community__art { min-height: 33rem; }
  .community__art img { top: 5%; left: -40%; width: 155%; }
  .community__art > span { width: 8rem; height: 8rem; font-size: 1.5rem; right: 0; }
  .footer-top { margin-top: 1rem; }
  .footer-wordmark { margin-block: 2.5rem 2rem; }
  .footer-bottom { font-size: .625rem; }
}
@media (min-width: 1280px) {
  .hero { padding-top: 3rem; }
  .character-stage { height: 39rem; }
  .hero__character { height: 104%; }
  .good-dog-stamp { width: 9rem; right: -1%; }
  .good-dog-stamp strong { font-size: 1.0625rem; }
  .good-dog-stamp > span { font-size: .5rem; }
  .visual-note { font-size: .625rem; }
  .roadmap-card { padding: 1.5rem; }
  .roadmap-card__head { flex-direction: row; align-items: center; font-size: .5625rem; }
  .roadmap-card h3 { font-size: 1.875rem; }
  .roadmap-card ul { font-size: .8125rem; }
  .community__art img { top: -4%; }
}
@media (hover: none) { .button:hover, .roadmap-card:hover, .social-link:hover { transform: none; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html.motion-ready .reveal { opacity: 1; transform: none; }
}