@font-face{font-family:Anton;src:url('/assets/anton.ttf') format('truetype');font-display:swap}@font-face{font-family:Sans;src:url('/assets/sans.ttf') format('truetype');font-display:swap}
:root{--paper:#f3eedf;--ink:#202820;--red:#f2552b;--lime:#d9ed74;--line:2px solid var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Sans,Arial,sans-serif;font-size:15px;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,p,figure{margin:0}h1,h2,.brand,.machine-top,.gauge strong,.forecourt-strip,.tagline,footer>span{font-family:Anton,Impact,sans-serif;font-weight:400}button,nav a,.pill{min-height:44px;min-width:44px}button{border-radius:0}button:hover:not(:disabled){filter:brightness(.95)}[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.masthead{min-height:112px;padding:22px 4.15%;display:flex;align-items:center;gap:32px;border-bottom:var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:19px;line-height:1.03;letter-spacing:-.25px}.brand-mark{border:var(--line);border-radius:50%;width:54px;height:54px;display:grid;place-items:center;position:relative;font-size:35px}.brand-mark>span{position:absolute;font-family:Sans;font-size:21px;right:3px;top:-8px;background:var(--paper);line-height:1}.masthead nav{display:flex;gap:25px;align-items:center;margin-left:auto}nav a{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:bold}nav a:hover{text-decoration:underline;text-underline-offset:5px}.social svg{width:18px;height:18px;fill:currentColor}.motion-controls{display:flex;align-items:center;gap:0;border:1px solid var(--ink);border-radius:30px;padding:4px 5px 4px 13px;flex:none}.motion-controls>span{font-size:9px;letter-spacing:1px;margin-right:8px}.motion-controls button{font-size:11px;border:0;padding:0 12px;border-radius:24px;background:transparent}.motion-controls button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:4.5%;padding:42px 4.15% 48px;max-width:1800px;margin:auto}.hero-copy{display:flex;flex-direction:column}.eyebrow{font-size:10px;line-height:1.6;font-weight:bold;letter-spacing:1.25px;display:flex;align-items:center;gap:12px}.tiny-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex:none}.edition{margin-left:auto}.hero h1{font-size:clamp(90px,11vw,176px);letter-spacing:-.022em;line-height:.98;margin:28px 0 30px}.hero h1>span{display:block;color:var(--red)}.title-stop{color:var(--ink)}.hero-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:auto;align-items:flex-end}.tagline{font-size:clamp(30px,3.5vw,54px);line-height:1.12}.hero-invite{font-size:12px;padding-bottom:2px}.pill{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--ink);border:var(--line);border-radius:40px;color:var(--paper);padding:13px 22px;margin-top:18px;font-size:13px}.pill:hover{background:var(--red);color:var(--ink)}.mascot{align-self:center;border:var(--line);background:var(--lime);transform:rotate(1.5deg);box-shadow:7px 7px 0 var(--ink)}.mascot img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.mascot figcaption{font-size:9px;font-weight:bold;letter-spacing:.75px;border-top:var(--line);padding:11px 15px;display:flex;gap:8px;justify-content:space-between;background:var(--lime)}
.forecourt-strip{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:19px 4.15%;font-size:clamp(18px,2.45vw,35px);letter-spacing:.03em;line-height:1.2}.forecourt-strip>span:nth-child(3){color:var(--lime)}.strip-rule{height:1px;flex:1;background:#727d66;max-width:150px}
.pump-section{max-width:1800px;margin:auto;padding:84px 7%;display:grid;grid-template-columns:1fr 1.07fr;gap:9%}.pump-intro .eyebrow{justify-content:space-between}.pump-intro h2{font-size:clamp(40px,5.4vw,80px);line-height:1.07;letter-spacing:-.01em;margin:22px 0 25px}.pump-intro h2 span{color:var(--red)}.intro-text{font-size:14px;line-height:1.8}.topic-control{margin-top:33px}.topic-control>p{font-size:10px;letter-spacing:1.2px;font-weight:bold;margin-bottom:10px}.topic-buttons{display:flex;border:var(--line);max-width:365px}.topic-buttons button{background:transparent;border:0;flex:1;min-height:49px;font-size:13px;padding:8px 14px}.topic-buttons button+button{border-left:var(--line)}.topic-buttons button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.fuel-label{font-size:11px;margin-top:9px}.margin-note{font-size:9px;letter-spacing:.6px;line-height:1.8;transform:rotate(-3deg);margin-top:40px;padding:8px 0 8px 14px;border-left:3px solid var(--red);display:inline-block}
.pump-machine{border:var(--line);border-radius:25px 25px 3px 3px;padding:0 24px 17px;box-shadow:6px 6px 0 var(--ink);background:#e7e4d6;position:relative}.machine-top{font-size:19px;letter-spacing:1.5px;display:flex;justify-content:space-between;align-items:center;padding:16px 0 14px;border-bottom:var(--line)}.bay-label{font-family:Sans;font-size:11px;letter-spacing:0;border:1px solid;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.gauges{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:18px 0}.gauge{position:relative;text-align:center;background:var(--paper);border:1px solid var(--ink);border-radius:50% 50% 9px 9px;padding:12px 8px 5px;overflow:hidden}.gauge>span{font-size:10px;letter-spacing:1.5px;font-weight:bold}.gauge svg{display:block;width:100%;max-height:106px;overflow:visible}.gauge-arc{fill:none;stroke:var(--ink);stroke-width:3}.gauge-ticks{fill:none;stroke:var(--ink);stroke-width:4}.gauge text{font:14px Sans;fill:var(--ink)}.gauge-pointer{stroke:var(--red);stroke-width:8;stroke-linecap:round}.gauge circle{fill:var(--ink)}.gauge strong{font-size:16px;letter-spacing:1px}.gauge:last-child strong{color:#be3518}#mouth-needle{transform-origin:100px 90px;animation:idle 1.5s steps(1,end) infinite}@keyframes idle{0%{transform:rotate(-8deg)}33%{transform:rotate(1deg)}66%{transform:rotate(6deg)}100%{transform:rotate(-8deg)}}.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.take-display{background:var(--ink);color:var(--paper);padding:18px 19px 15px;min-height:206px;border:2px solid var(--ink);box-shadow:inset 0 0 0 1px #71805e}.display-meta{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.8px;color:var(--lime)}#take-text{font-family:Anton,Impact,sans-serif;font-size:clamp(23px,2.7vw,37px);line-height:1.21;margin:18px 0 15px;min-height:90px}#take-note{font-size:10px;color:#bec6b6}.pump-actions{display:flex;gap:9px;margin-top:18px}.pump-actions button{border:var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:53px;padding:10px 14px}.dispense{flex:1;background:var(--red);font-size:13px;font-weight:bold;box-shadow:0 3px 0 var(--ink)}.dispense:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.reset{background:var(--paper);font-size:11px}#pump-status{font-size:10px;text-align:center;margin-top:14px;line-height:1.6;min-height:16px}
.token-section{background:var(--red);border-top:var(--line);border-bottom:var(--line);padding:42px 7%;display:grid;grid-template-columns:1fr 1.07fr;gap:9%;align-items:center}.token-heading h2{font-size:43px;line-height:1.12;margin-top:15px}.contract{border-left:1px solid var(--ink);padding-left:30px;min-width:0}.contract-label{font-size:10px;font-weight:bold;letter-spacing:1px}#contract-address{font-family:monospace;font-size:17px;line-height:1.6;overflow-wrap:anywhere;user-select:text;margin:10px 0 17px;min-height:28px}.contract-actions{display:flex;gap:10px}.contract-actions>button,.contract-actions>a{display:flex;align-items:center;justify-content:space-between;gap:13px;border:1px solid var(--ink);background:var(--paper);font-size:11px;padding:10px 15px;min-height:46px;min-width:44px}.contract-actions [aria-disabled="true"],.contract-actions :disabled{background:transparent;color:#273026;opacity:.7;cursor:not-allowed}#contract-status{font-size:10px;line-height:1.6;margin-top:12px;min-height:32px}footer{padding:30px 4.15%;display:flex;justify-content:space-between;gap:24px;align-items:center}footer>span{font-size:25px;letter-spacing:.2px}.footer-dot{font-family:Sans;font-size:10px;vertical-align:top}footer small{display:block;font:8px Sans;letter-spacing:.4px;margin-top:8px}.footer-end{font-family:Sans;font-size:9px;line-height:1.6;letter-spacing:1px;text-align:right}.noscript{margin:0;padding:16px 4.15%;font-size:13px;border-top:var(--line)}
@media(min-width:1600px){.hero h1{font-size:180px}}
@media(max-width:1100px){.masthead{gap:20px;padding:18px 4.15%;flex-wrap:wrap}.masthead nav{gap:16px}.social span:not(:last-child){display:none}.motion-controls{padding-left:10px}.motion-controls>span{display:none}.hero{gap:4%;padding-top:35px}.hero h1{font-size:11vw}.hero-bottom{gap:15px}.hero-invite{font-size:11px}.pill{padding:10px 16px;gap:12px}.hero .eyebrow{font-size:8px;letter-spacing:.8px;gap:6px}.pump-section{gap:6%;padding:60px 5%}.token-section{padding:36px 5%;gap:6%}.pump-machine{padding-right:18px;padding-left:18px}.pump-actions{flex-wrap:wrap}.dispense{flex-basis:100%}.reset{flex:1}.gauge{padding:8px 4px 4px}.gauges{gap:12px}.take-display{padding:14px}.display-meta{font-size:8px;letter-spacing:.4px}.contract{padding-left:22px}.contract-actions{flex-wrap:wrap}.contract-actions>button,.contract-actions>a{flex:1;white-space:nowrap}.token-heading h2{font-size:36px}}
@media(max-width:760px){.masthead{padding:14px 5%;gap:15px;justify-content:space-between}.brand{font-size:17px}.brand-mark{width:46px;height:46px;font-size:29px}.masthead nav{order:3;width:100%;margin:0;justify-content:space-between;gap:10px;border-top:1px solid var(--ink);padding-top:8px}.masthead nav a{font-size:10px;gap:6px}.social span:not(:last-child){display:inline}.motion-controls{margin-left:auto;padding:3px}.motion-controls button{padding:0 12px;font-size:10px}.hero{grid-template-columns:1fr;padding:27px 6% 34px;gap:30px}.hero .eyebrow{font-size:8px;letter-spacing:.65px}.hero h1{font-size:clamp(83px,22.1vw,157px);line-height:.98;margin:22px 0}.hero-bottom{align-items:center;gap:15px}.tagline{font-size:35px}.hero-invite{font-size:11px}.pill{font-size:11px;margin-top:12px}.mascot{width:96%;justify-self:center;transform:rotate(1.3deg);box-shadow:5px 5px 0 var(--ink)}.mascot figcaption{font-size:8px;padding:10px}.forecourt-strip{font-size:18px;padding:17px 5%;gap:12px}.strip-rule{display:none}.pump-section{grid-template-columns:1fr;padding:43px 6% 48px;gap:30px}.pump-intro .eyebrow{font-size:9px}.pump-intro h2{font-size:clamp(45px,12vw,73px);margin:19px 0}.intro-text{font-size:12px}.topic-control{margin-top:23px}.topic-buttons{max-width:none}.margin-note{display:none}.pump-machine{padding:0 17px 16px;box-shadow:5px 5px 0 var(--ink);border-radius:22px 22px 3px 3px}.machine-top{font-size:18px;padding:15px 0 12px}.gauges{gap:15px;padding:16px 0}.gauge{padding-top:8px}.gauge>span{font-size:9px}.gauge svg{max-height:94px}.gauge strong{font-size:14px}.take-display{min-height:190px;padding:16px}#take-text{font-size:29px;min-height:94px;line-height:1.18;margin-top:18px}.display-meta{font-size:8px}.pump-actions{flex-wrap:nowrap}.dispense{flex-basis:auto;font-size:12px}.reset{flex:none;font-size:10px}.pump-actions button{padding:10px;gap:9px;min-height:52px}#pump-status{font-size:9px}.token-section{grid-template-columns:1fr;padding:34px 6%;gap:26px}.token-heading h2{font-size:39px}.contract{border-left:0;border-top:1px solid var(--ink);padding:20px 0 0}#contract-address{font-size:16px}.contract-actions{gap:8px}.contract-actions>button,.contract-actions>a{font-size:10px;padding:10px;gap:7px}footer{padding:25px 6%;align-items:flex-start}footer>span{font-size:22px}footer small{font-size:7px;max-width:200px;line-height:1.8}footer .footer-end{font-size:8px;max-width:85px}#contract-status{font-size:10px}}
@media(max-width:350px){.brand{font-size:15px;gap:7px}.brand-mark{width:40px;height:40px;font-size:27px}.motion-controls button{padding:0 9px}.masthead nav{gap:5px}.masthead nav a{font-size:9px}.social svg{width:15px;height:15px}.social{gap:4px!important}.hero-bottom{gap:10px}.tagline{font-size:30px}.hero-invite{font-size:10px}.pill{padding:9px 12px}.forecourt-strip{font-size:15px}.pump-machine{padding-left:12px;padding-right:12px}.pump-actions button{padding:8px;font-size:10px}.pump-actions{gap:7px}.take-display{padding:13px}#take-text{font-size:26px}.display-meta{font-size:7px}.mascot figcaption{font-size:7px}.token-heading h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.dispense:active{transform:none}}

/* Small labels remain readable without competing with the forecourt lettering. */
.eyebrow{font-size:11px}.mascot figcaption{font-size:10px}.topic-control>p{font-size:11px}.fuel-label{font-size:12px}.margin-note{font-size:11px}.display-meta{font-size:10px}#take-note{font-size:11px}#pump-status{font-size:11px}.contract-label{font-size:11px}.contract-actions>button,.contract-actions>a{font-size:12px}#contract-status{font-size:12px}footer small{font-size:10px}.footer-end{font-size:10px}.gauge>span{font-size:11px}
@media(max-width:1100px){.hero .eyebrow{font-size:10px}.display-meta{font-size:9px}.margin-note{font-size:10px}}
@media(max-width:760px){.masthead nav a{font-size:11px}.hero .eyebrow,.pump-intro .eyebrow{font-size:10px;letter-spacing:.5px}.hero-invite{font-size:12px}.pill{font-size:12px}.mascot figcaption{font-size:10px;letter-spacing:.2px}.intro-text{font-size:14px}.display-meta{font-size:9px;letter-spacing:.2px}.pump-actions button{font-size:12px}.contract-actions>button,.contract-actions>a{font-size:11px}.footer-end,footer .footer-end{font-size:10px}footer small{font-size:10px;max-width:205px}}
@media(max-width:350px){.social span:not(:last-child){display:none}.masthead nav a{font-size:11px}.hero .eyebrow{font-size:9px}.hero-invite{font-size:11px}.pill{font-size:11px}.mascot figcaption{font-size:9px}.pump-actions button{font-size:11px}.display-meta{font-size:8px}footer{flex-direction:column;gap:18px}footer .footer-end{text-align:left;max-width:none}footer small{max-width:265px}}

.copy-icon{flex:none;display:block}