@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--bg:#130b0a;--panel:#211310;--line:#664035;--muted:#bea89e;--white:#fff4e6;--mint:#ffb346;--mono:'IBM Plex Mono',monospace}
html{scroll-behavior:smooth}
body{background:#130b0a;color:var(--white);font-family:'DM Sans',Arial,sans-serif}
body:before{height:1800px;background:radial-gradient(ellipse at 50% 26%,#c54b223b,transparent 62%),radial-gradient(circle at 17% 31%,#ffb14a55 0 .7px,transparent 1px),radial-gradient(circle at 80% 23%,#ffcf8c35 0 .7px,transparent 1px);background-size:auto,151px 181px,197px 229px}
body:after{content:'';position:fixed;right:-70px;top:27vh;width:245px;height:300px;background:url('fuel-flame.svg') center/contain no-repeat;opacity:.11;filter:blur(2px);pointer-events:none;z-index:0;animation:pilot-flame 8s ease-in-out infinite alternate}
header,main{position:relative;z-index:1}
@keyframes pilot-flame{to{transform:translateY(65px) rotate(9deg);opacity:.17}}
.nav{background:#211411eb;border-color:#79462f;box-shadow:0 12px 45px #08030288}
.nav nav{color:#e2c2ad}.wallet-link{border-color:#986249;color:#fff0dc}.wallet-link:hover{border-color:#ffbd6f}
.fuel-wordmark{display:inline-flex;align-items:center;gap:5px;font:400 31px/1 'Archivo Black',Impact,sans-serif;letter-spacing:-1.5px;color:#fff2dc}.fuel-wordmark img{width:35px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 8px #ff743455)}
.contract-address{border-color:#a26040;color:#ffd273;background:#4a2718}.contract-address span{color:#fff0d7}
.hero{padding-top:62px}.hero>.eyebrow{color:#e7ae78}.orbit-star{color:#ffc252}
.hero h1{font:400 clamp(59px,7.2vw,98px)/.99 'Archivo Black',Impact,sans-serif;letter-spacing:-5px;text-transform:uppercase;margin:25px 0 22px}.hero h1 span{color:#ffb546;text-shadow:0 4px 30px #ff6e2755}
.intro{color:#e2c9b7;font-size:18px}.primary{background:#ffc15b;color:#3a150a;box-shadow:0 5px 35px #f66a2450}.primary:hover{background:#ffe09c}.secondary{background:#271713;border-color:#81513c;color:#fff2e4}
.fuel-stage{height:665px;max-width:1100px;margin:15px auto 0;padding:80px 28px 45px;display:grid;grid-template-columns:270px 270px;grid-template-rows:1fr 1fr;align-items:center;justify-content:space-between;gap:45px 470px;isolation:isolate}
.fuel-stage:before{content:'';position:absolute;inset:9% 18%;border-radius:50%;background:radial-gradient(ellipse,#ff711d44,transparent 68%);filter:blur(30px);z-index:-1}
.fuel-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.fuel-route path{fill:none;stroke:#ff9c50;stroke-width:1.3;stroke-dasharray:5 9;opacity:.55}.fuel-route circle{fill:#ffba5b;filter:drop-shadow(0 0 9px #ff8d2e)}
.hero-flame-wrap{position:absolute;left:50%;top:4%;width:425px;height:595px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}
.hero-flame{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 45px #ff4a2344);animation:hero-breathe 6s ease-in-out infinite alternate}
.flame-base{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;font:11px var(--mono);letter-spacing:3px;color:#ffd59b;text-shadow:0 2px 15px #db5f2a}.flame-base span{color:#ff9f57}
@keyframes hero-breathe{to{transform:translateY(-15px) scale(1.025);filter:drop-shadow(0 34px 60px #ff6a2b88)}}
.fuel-stage .float-card{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;animation:none;z-index:3;width:270px;min-height:177px;padding:19px 21px;border-radius:18px;background:linear-gradient(145deg,#3a2119ed,#1d110fea);color:#fff2df;border:1px solid #ae633f;box-shadow:0 18px 45px #090303aa,inset 0 1px #ffc27633}
.fuel-stage .float-card:nth-of-type(4){justify-self:end}
.fuel-stage .float-card strong,.fuel-stage .burn-float strong{font:400 23px/1.14 'Archivo Black',Impact,sans-serif;letter-spacing:-.8px;color:#fff1dc}
.fuel-stage .float-card p{font:13px/1.45 'DM Sans',Arial,sans-serif;color:#d7b4a1;margin:10px 0 0}
.fuel-stage .float-top{font:10px var(--mono);letter-spacing:1.4px;color:#ffc27b;margin:0 0 15px}
.flow-dot{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#ffae4f;color:#401909;font:10px var(--mono);letter-spacing:0}
.fuel-stage .card-stamp{color:#dca77e;font:9px var(--mono);letter-spacing:1px;margin-top:14px}
.fuel-stage .trade-float{grid-column:2;grid-row:1;background:linear-gradient(145deg,#833820ef,#3c1b14eb);border-color:#e38b55}
.fuel-stage .trade-float a{display:inline-block;margin-top:11px;color:#ffdaaa;border-color:#e8ae77}
.fuel-stage .burn-float{grid-column:1;grid-row:2;display:block}
.fuel-stage .rewards-float{grid-column:2;grid-row:2;background:linear-gradient(145deg,#594021ed,#291910ed);border-color:#d99d4f}
.terminal-intro{padding-top:80px}.terminal-intro p{color:#cbb1a0}.section-heading h2,.terminal-intro h2,.docs .section-heading h2{font-family:'Archivo Black',Impact,sans-serif;font-weight:400;letter-spacing:-2px}
.terminal{background:#1d1210;border-color:#784833;box-shadow:0 22px 80px #05020188}.terminal-top{background:#321c16}.feed{background:#251611}.stats,.feed,.terminal-footer,.docs-nav{border-color:#69402f}.chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent 55px,#8e553044 56px,#8e553044 57px)}.terminal .chart svg path[stroke]{stroke:#ffc361}.chart-empty{background:#211411c9}.periods{background:#160d0d;border-color:#77422d}.periods button.active{background:#a65429;color:#fff1da}.demo-tag{color:#ffdcad;border-color:#85532f;background:#8d4f2522}.label,.feed-cols,.chart-labels,.chart-dates{color:#caa78e}.token-icon{background:#5e2f1d;border-color:#b56d3e;color:#ffd283}.trade{border-color:#69412e}.trade-amount small{color:#ffc179}.feed-bottom,.terminal-footer,.sample-caption,.trade-name small{color:#c6a892}.profit.gain{color:#fff1dc}.profit.loss{color:#ffa4a4}
.flow-card{background:#291712;border-color:#865039}.flow-card.bot{background:#ffb856;border-color:#ffd188;color:#37180c}.flow-card.burn{background:#382019;border-color:#a8613d}.flow-card p,.card-note,.split-label{color:#d3ae98}.bot p,.bot .card-note,.bot .card-top{color:#704025}.bot .big-number{color:#4d1b0e}.burn .big-number{color:#ffd18a}.allocation-bar{background:#8e6a4f}.allocation-bar span{background:#ffb95a}.rewards{border-bottom-color:#754733}.rewards p{color:#d5b4a1}
.payoff p,.doc-content p{color:#d2b1a0}.payoff a{color:#ffca84}.payoff li{border-color:#6d4131}.docs-layout{background:#231410;border-color:#73432d}.docs-nav{background:#1d100e}.docs-nav button{color:#cdb0a0}.docs-nav button.selected{background:#6b2f1c;color:#ffdeaa}.doc-content .doc-callout{background:#4d2518;color:#ffe2bb;border-color:#ea8850}.footer-bottom{border-color:#6a3c2a}.footer-bottom,.footer-row>span,.footer-row>a:last-child{color:#bda18d}
@media(max-width:1050px){.fuel-stage{gap:25px;grid-template-columns:240px 240px}.fuel-stage .float-card{width:240px}.hero-flame-wrap{width:385px}.fuel-wordmark{font-size:27px}.fuel-wordmark img{width:30px;height:37px}}
@media(max-width:760px){.nav{flex-wrap:wrap;gap:10px}.nav nav{order:4;width:100%;justify-content:space-between}.contract-address{margin-left:auto}.hero h1{font-size:clamp(44px,9.5vw,70px);letter-spacing:-3px}.fuel-stage{height:auto;min-height:0;display:flex;flex-direction:column;gap:14px;padding:315px 8px 30px;overflow:visible}.hero-flame-wrap{top:-10px;width:280px;height:320px}.flame-base{bottom:-5px;font-size:9px}.fuel-route{display:none}.fuel-stage .float-card{width:min(100%,460px);min-height:auto}.fuel-stage .float-card:nth-of-type(4){justify-self:auto}.fuel-stage .float-card p{font-size:13px}.terminal-intro{padding-top:55px}body:after{width:130px;right:-50px;opacity:.1}}
@media(max-width:480px){.nav{padding:12px 13px}.fuel-wordmark{font-size:23px}.fuel-wordmark img{width:25px;height:31px}.contract-address{font-size:10px;padding:7px 8px}.wallet-link{font-size:10px;padding:6px 8px}.hero{padding-top:42px}.hero h1{font-size:clamp(42px,11vw,57px)}.hero .intro{font-size:15px}.fuel-stage{padding-top:290px}.hero-flame-wrap{width:255px;height:295px}}
@media(prefers-reduced-motion:reduce){body:after,.hero-flame{animation:none}}

@media(max-width:760px){.contract-address{white-space:normal;overflow-wrap:anywhere;max-width:100%}}
