:root{--black:#080808;--bone:#f1ede4;--lime:#cbff24;--red:#ff5537;--muted:#aaa79f;--line:rgba(241,237,228,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--bone);font-family:"DM Mono",monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
.masthead{height:78px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(18px,4vw,68px);position:sticky;top:0;z-index:10;background:rgba(8,8,8,.91);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font:700 12px/1 Syne,sans-serif;letter-spacing:-.06em}.brand small{display:block;color:var(--lime);font:500 9px "DM Mono",monospace;letter-spacing:.04em;margin-top:3px}.brand-mark{display:block;width:32px;height:32px;border-radius:50%;overflow:hidden;border:1px solid var(--lime)}.brand-mark img{width:100%;height:100%;object-fit:cover;object-position:center 14%}nav{display:flex;gap:33px;font-size:10px;letter-spacing:.07em}nav a{padding:7px 0;border-bottom:1px solid transparent;transition:.2s}nav a:hover{color:var(--lime);border-color:var(--lime)}.pump-link{justify-self:end;background:var(--lime);color:var(--black);padding:12px 14px;font-size:10px;font-weight:bold;letter-spacing:.05em;transition:.2s}.pump-link:hover{background:var(--red);transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--bone)}.pump-link b{font-size:15px;margin-left:7px}
.hero{min-height:calc(100svh - 78px);padding:clamp(38px,6vw,90px) clamp(18px,4vw,68px) 34px;display:grid;grid-template-columns:58px minmax(320px,1fr) minmax(360px,.93fr);grid-template-rows:1fr auto;gap:20px clamp(28px,5vw,90px);position:relative}.hero::before{content:"$ELONFONE";position:absolute;right:-.08em;top:5%;font:800 clamp(80px,12vw,190px)/1 Syne,sans-serif;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(241,237,228,.11);pointer-events:none}.side-actions{z-index:1;display:flex;flex-direction:column;justify-content:center;gap:8px}.side-actions a,.side-actions button{width:58px;height:58px;background:transparent;border:1px solid var(--line);color:var(--bone);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;cursor:pointer;transition:.25s}.side-actions i{font:400 19px/1 Syne,sans-serif;font-style:normal}.side-actions .x-mark{font-size:16px}.side-actions a:hover,.side-actions button:hover{background:var(--lime);color:var(--black);border-color:var(--lime);transform:translateX(6px)}.hero-copy{align-self:center;position:relative;z-index:1}.kicker{margin:0 0 20px;font-size:10px;letter-spacing:.11em;color:var(--muted)}.kicker span{display:inline-block;width:27px;border-top:2px solid var(--lime);margin:0 8px 3px 0}.hero h1,.roadmap h2,.chart-title h2{font:800 clamp(62px,9.2vw,150px)/.79 Syne,sans-serif;letter-spacing:-.11em;margin:0}.hero h1 em,.roadmap h2 em,.chart-title h2 em{color:var(--lime);font-style:normal}.hero h1 em{color:var(--red);margin-right:.12em}.contract-box{margin-top:clamp(44px,7vw,88px);max-width:380px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:10px}.contract-box span{color:var(--muted)}.contract-box code{font:500 12px "DM Mono",monospace;color:var(--lime);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract-box button{border:0;background:none;color:var(--bone);padding:0;cursor:pointer;font-size:10px}.contract-box button:hover{color:var(--red)}.hero-photo{z-index:1;margin:0;align-self:center;border:1px solid var(--bone);background:var(--bone);padding:9px 9px 0;position:relative}.hero-photo img{display:block;width:100%;height:min(68vh,700px);object-fit:cover;object-position:center 18%;filter:contrast(1.04)}.hero-photo figcaption{height:40px;color:var(--black);display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:bold;letter-spacing:.08em}.hero-photo figcaption span{color:var(--red)}.hero-footer{grid-column:2/-1;border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.06em}
.roadmap{background:var(--bone);color:var(--black);padding:clamp(78px,10vw,160px) clamp(18px,4vw,68px);display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(48px,10vw,160px);position:relative}.roadmap::before{content:"02";position:absolute;right:4vw;top:3vw;font:800 18vw/.7 Syne,sans-serif;letter-spacing:-.15em;color:rgba(8,8,8,.06);pointer-events:none}.roadmap-intro{z-index:1}.roadmap h2{font-size:clamp(50px,6vw,100px);line-height:.85}.roadmap h2 em{color:var(--red)}.stages{z-index:1;border-top:2px solid var(--black)}.stage{min-height:167px;padding:19px 0;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:13px;border-bottom:1px solid rgba(8,8,8,.3);transition:.25s}.stage:hover{padding-left:15px;background:var(--lime)}.stage p{margin:0;font-size:9px;font-weight:bold}.stage h3{margin:0;font:800 clamp(27px,3vw,48px)/.9 Syne,sans-serif;letter-spacing:-.08em}.stage-arrow{font:800 30px/1 Syne,sans-serif;color:var(--red)}.stage div{grid-column:1/-1;max-width:330px;font-size:12px;line-height:1.55}.stage-active{background:var(--black);color:var(--bone);padding:19px 14px}.stage-active .stage-arrow{color:var(--lime)}
.chart-section{padding:clamp(78px,10vw,160px) clamp(18px,4vw,68px);display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(45px,8vw,130px);align-items:start;background:var(--black)}.chart-title h2{font-size:clamp(50px,6.5vw,105px);line-height:.84}.chart-title h2 em{color:var(--red)}.chart-title>a{display:inline-block;margin-top:34px;padding:12px 14px;border:1px solid var(--lime);color:var(--lime);font-size:10px;transition:.2s}.chart-title>a:hover{background:var(--lime);color:var(--black);box-shadow:5px 5px 0 var(--red)}.terminal{border:1px solid var(--line);background:#101010;position:relative;box-shadow:10px 10px 0 var(--lime)}.terminal-bar{height:42px;padding:0 13px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);font-size:9px}.terminal-bar span{width:7px;height:7px;border-radius:50%;background:var(--red)}.terminal-bar span:nth-child(2){background:var(--lime)}.terminal-bar span:nth-child(3){background:var(--bone)}.terminal-bar b{font-weight:400;margin-left:7px}.terminal-bar i{margin-left:auto;font-style:normal;color:var(--lime)}.terminal iframe{display:block;width:100%;height:448px;border:0;background:#101010}.chart-empty{position:absolute;inset:42px 0 0;display:grid;place-items:center;background:#101010}.chart-empty>div{text-align:center;border:1px solid var(--line);padding:20px 26px}.chart-empty p{margin:0 0 7px;color:var(--red);font-size:9px;font-weight:bold}.chart-empty strong{font:600 13px/1.45 Syne,sans-serif;letter-spacing:-.04em}.chart-empty code{color:var(--lime);font:500 12px "DM Mono",monospace}
footer{border-top:1px solid var(--line);padding:20px clamp(18px,4vw,68px);display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.05em}footer span:nth-child(2){color:var(--lime)}
@media (prefers-reduced-motion:no-preference){.hero-copy{animation:rise .7s .1s both}.hero-photo{animation:rise .8s .22s both}.side-actions{animation:rise .6s both}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}@media (max-width:820px){.masthead{height:67px;grid-template-columns:1fr auto}.masthead nav{display:none}.hero{min-height:auto;grid-template-columns:48px 1fr;grid-template-rows:auto auto auto;padding-top:48px;gap:25px 18px}.hero::before{font-size:25vw;top:1em}.side-actions{grid-row:1/3}.side-actions a,.side-actions button{width:48px;height:48px}.hero-copy{align-self:end}.hero h1{font-size:clamp(55px,16vw,110px)}.hero-photo{grid-column:1/-1;grid-row:2}.hero-photo img{height:min(65svh,640px)}.hero-footer{grid-column:1/-1;font-size:8px}.roadmap,.chart-section{grid-template-columns:1fr;gap:46px}.roadmap h2,.chart-title h2{font-size:clamp(50px,13vw,88px)}.stage{min-height:145px}.terminal{box-shadow:7px 7px 0 var(--lime)}.terminal iframe{height:390px}footer{flex-wrap:wrap;gap:10px}}
.chart-body{min-height:448px}.chart-empty{position:static;inset:auto;min-height:448px}.chart-empty[hidden]{display:none!important}.terminal iframe[hidden]{display:none!important}[hidden]{display:none!important}
