@font-face{font-family:Anton;src:url('assets/fonts/anton.ttf') format('truetype');font-display:swap}
@font-face{font-family:DMSans;src:url('assets/fonts/dm-sans-regular.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:DMSans;src:url('assets/fonts/dm-sans.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--cream:#f4eddf;--ink:#191916;--orange:#ff632d;--line:rgba(25,25,22,.18);--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:DMSans,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
.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:absolute;left:1rem;top:-4rem;background:var(--orange);padding:.7rem 1rem;z-index:20}
.skip-link:focus{top:1rem}
.site-header{height:86px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand,.footer-brand{display:flex;align-items:center;gap:.65rem;font-family:Anton,Impact,sans-serif;font-size:1.45rem;letter-spacing:.03em}
.brand-mark{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);border-radius:50%;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.brand i,.footer-brand i{font-style:normal;color:var(--orange)}
.main-nav{display:flex;gap:2rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nav-link{opacity:.5;transition:opacity .2s}
.nav-link:hover,.nav-link.is-active{opacity:1}
.header-buy{justify-self:end;display:flex;gap:.8rem;align-items:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.arrow{font-size:1.2rem;line-height:.6}
.menu-toggle,.menu-close{display:none}
.hero{min-height:calc(100vh - 86px);padding:7vw 8vw 98px;position:relative;display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px, .82fr);gap:6vw;align-items:center;overflow:hidden}
.eyebrow,.section-kicker{font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.17em;margin:0 0 1.2rem}
.eyebrow-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:.45rem}
.hero h1{font-family:Anton,Impact,sans-serif;font-size:clamp(6.8rem,15vw,13rem);font-weight:400;line-height:.76;letter-spacing:-.035em;margin:0 0 2rem}
.hero h1 span{display:block}
.hero h1 span:last-child{color:var(--orange);margin-left:2.7vw}
.hero-copy{font-size:1rem;line-height:1.55;max-width:370px;margin:0 0 2.2rem}
.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(145px,190px));gap:.7rem}
.action-button{display:flex;align-items:center;gap:.6rem;padding:1rem .9rem;border:1.5px solid var(--ink);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:transform .2s var(--ease),box-shadow .2s}
.action-button img{width:18px;height:18px;object-fit:contain}
.action-button span{margin-left:auto;font-size:1.1rem}
.action-button:hover,.header-buy:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--ink)}
.action-primary{background:var(--orange);border-color:var(--orange)}
.action-dark{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.action-light{background:transparent}
.hero-art{position:relative;max-width:500px;justify-self:end;width:100%;transform:rotate(3deg);padding:1rem 1rem 2.4rem;background:var(--ink);box-shadow:14px 16px 0 var(--orange)}
.art-frame{aspect-ratio:1/1;overflow:hidden;background:#cfc6b7}
.art-frame img{display:block;width:100%;height:100%;object-fit:cover}
.dope-sticker{position:absolute;top:-2rem;right:-2rem;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--orange);font-family:Anton,Impact,sans-serif;font-size:.82rem;line-height:.85;transform:rotate(12deg);box-shadow:4px 5px 0 var(--ink)}
.dope-sticker strong{font-size:1.75rem}
.dope-sticker span{font-size:1rem}
.ticker-stamp{position:absolute;bottom:-1rem;left:-2rem;border:2px solid var(--cream);background:var(--ink);color:var(--cream);width:78px;height:78px;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:Anton;font-size:1.2rem;line-height:.8;transform:rotate(-12deg)}
.art-caption{position:absolute;bottom:.5rem;left:6.5rem;color:var(--cream);font-size:.57rem;line-height:1.3;text-transform:uppercase;letter-spacing:.1em}
.hero-marquee{position:absolute;bottom:0;left:0;width:100%;height:49px;background:var(--orange);display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-family:Anton,Impact,sans-serif;font-size:1.25rem;letter-spacing:.04em}
.marquee-track{animation:marquee 28s linear infinite}
.marquee-track b{margin:0 2rem;font-family:DMSans;font-size:.85rem}
@keyframes marquee{to{transform:translateX(-50%)}
}
.section-wrap{padding:9rem 8vw}
.roadmap{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr .75fr;gap:3rem}
.section-intro h2,.chart-heading h2{font-family:Anton,Impact,sans-serif;font-size:clamp(4rem,9vw,8rem);font-weight:400;line-height:.82;margin:0;letter-spacing:-.02em}
.section-intro h2 em,.chart-heading h2 em{font-style:normal;color:var(--orange)}
.section-lead{font-size:1.08rem;line-height:1.45;max-width:330px;margin:2.4rem 0 0}
.roadmap-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:3rem}
.phase-card{padding:2.2rem 1.8rem 1.8rem 0;border-right:1px solid var(--line);display:flex;gap:1.2rem}
.phase-card+.phase-card{padding-left:1.8rem}
.phase-card:last-child{border:0}
.phase-no{font-family:Anton;font-size:3rem;color:var(--orange);line-height:1}
.phase-tag{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin:0 0 .8rem}
.phase-card h3{font-family:Anton;font-weight:400;font-size:2.1rem;margin:0 0 .7rem}
.phase-card p:not(.phase-tag){font-size:.85rem;line-height:1.5;margin:.2rem 0 1.2rem}
.phase-card ul{padding:0;margin:0;list-style:none;font-size:.76rem;line-height:1.9}
.phase-card li:before{content:'↗';color:var(--orange);margin-right:.5rem}
.phase-card-orange{background:var(--orange);margin-top:-1.4rem;margin-bottom:-1.4rem;padding-top:3.6rem!important;padding-bottom:3.2rem!important}
.phase-card-orange .phase-no{color:var(--ink)}
.chart-section{background:var(--ink);color:var(--cream);padding:9rem 8vw;display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;align-items:center}
.chart-heading .section-kicker{color:var(--orange)}
.chart-heading>p:last-child{font-size:.9rem;line-height:1.5;max-width:260px;margin-top:2rem}
.chart-window{height:430px;min-height:430px;border:1px solid rgba(244,237,223,.25);background:#201f1b;display:flex;flex-direction:column;align-items:stretch}
.chart-placeholder{text-align:center;padding:2rem;margin:auto}
.chart-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--orange);color:var(--orange);font-size:1.6rem;margin:0 auto 1.4rem}
.chart-status{font-family:Anton;font-size:2.6rem;margin:0;color:var(--orange)}
.chart-note{font-size:.76rem;color:rgba(244,237,223,.65);margin:0 auto 1.5rem;text-align:center;padding:0 2rem}
.chart-external{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--orange);padding-bottom:.25rem;margin:0 auto 1.5rem}
.dex-iframe{width:100%;height:100%;min-height:0;border:0;flex:1}
.site-footer{padding:2rem 8vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:2rem;align-items:center;border-top:1px solid var(--line);font-size:.7rem}
.footer-brand img{width:30px;height:30px;object-fit:cover;border-radius:50%;background:var(--ink)}
.site-footer p{line-height:1.5;margin:0}
.footer-links{display:flex;justify-content:center;gap:1rem}
.footer-links a{display:flex;align-items:center;gap:.3rem;font-weight:700}
.footer-links img{width:15px;height:15px;object-fit:contain}
.copyright{text-align:right;color:#777}
.toast{opacity:0;visibility:hidden;pointer-events:none;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%,150%);background:var(--ink);color:var(--cream);padding:.9rem 1.1rem;font-size:.76rem;z-index:30;transition:transform .25s var(--ease);box-shadow:4px 4px 0 var(--orange)}
.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:800px){.site-header{height:70px;padding:0 5vw;grid-template-columns:1fr auto auto;gap:.8rem}
.menu-toggle{display:flex;border:0;background:none;padding:.5rem;flex-direction:column;gap:4px}
.menu-toggle span{width:22px;height:2px;background:var(--ink)}
.main-nav{position:fixed;inset:0;background:var(--ink);color:var(--cream);z-index:15;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:10vw;gap:1.5rem;transform:translateX(100%);transition:transform .3s var(--ease)}
.main-nav.is-open{transform:translateX(0)}
.main-nav .nav-link{font-family:Anton;font-size:2.5rem;opacity:.65}
.main-nav .nav-link.is-active{opacity:1;color:var(--orange)}
.menu-close{display:block;position:absolute;top:1.2rem;right:5vw;background:none;color:var(--cream);border:0;font-size:2rem}
.header-buy{display:flex;font-size:.65rem;padding:.65rem;gap:.35rem}
.header-buy img{width:20px;height:20px}
.header-ticker{display:none}
.hero{padding:5rem 7vw 95px;display:flex;flex-direction:column;align-items:flex-start;gap:4rem}
.hero-content{width:100%}
.hero-art{align-self:center;width:86%;max-width:450px}
.roadmap,.chart-section{display:block;padding:6rem 7vw}
.section-lead{margin:2rem 0 0}
.roadmap-grid{display:block;margin-top:3rem}
.phase-card,.phase-card+.phase-card{border-right:0;border-bottom:1px solid var(--line);padding:2rem 0!important;margin:0}
.phase-card-orange{margin:0 -7vw!important;padding-left:7vw!important;padding-right:7vw!important}
.chart-section .chart-heading{margin-bottom:3rem}
.chart-window{min-height:350px}
.site-footer{grid-template-columns:1fr 1fr;padding:2rem 7vw}
.footer-links{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}
.copyright{text-align:left}
}
@media(max-width:430px){.hero h1{font-size:5.9rem}
.hero-actions{grid-template-columns:1fr 1fr}
.action-button{font-size:.62rem;padding:.85rem .65rem}
.dope-sticker{right:-1rem}
.ticker-stamp{left:-1rem}
.site-footer{display:block}
.site-footer>*{margin-bottom:1.2rem}
.copyright{margin:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.marquee-track{animation:none}
.main-nav,.action-button,.toast{transition:none}
}


.header-buy{padding:.8rem 1rem;border:1.5px solid var(--ink);background:var(--orange);transition:transform .2s var(--ease),box-shadow .2s}
.header-buy img{width:24px;height:24px;object-fit:contain}
.action-dark img{filter:invert(1)}
.chart-icon img{width:40px;height:40px;object-fit:contain}
.chart-external{display:inline-flex;align-items:center;gap:.5rem}
.chart-external img{width:22px;height:22px;object-fit:contain}
.brand-mark{width:48px;height:48px;background:transparent;border-radius:0}
.brand-mark img{object-fit:contain}
.menu-open{overflow:hidden}

@media(max-width:800px){.header-buy{padding:.65rem}
.header-buy img{width:20px;height:20px}
.brand-mark{width:36px;height:36px}
.brand{font-size:1.2rem}
.menu-toggle{grid-column:2;grid-row:1}
.header-buy{grid-column:3;grid-row:1}
.hero h1{font-size:clamp(7rem,23vw,11rem)}
}

@media(max-width:360px){.site-header{gap:.45rem}
.header-buy .arrow{display:none}
.hero-actions{grid-template-columns:1fr}
.hero h1{font-size:6rem}
.section-intro h2,.chart-heading h2{font-size:3.8rem}
.site-footer .footer-links{gap:.8rem}
}


/* Final spacing follows the actual Anton font metrics. */
.hero h1{line-height:.85}
.section-intro h2,.chart-heading h2{line-height:.99}
@media(max-width:800px){.roadmap-grid .phase-card.phase-card-orange{padding:2.6rem 7vw!important}.site-footer>p{margin:1rem 0}.site-footer .footer-links{margin:1rem 0}}

[hidden]{display:none!important}