:root{--lime:#c6ef00;--ink:#0b160e;--moss:#1b3b22;--paper:#d8a65b;--cream:#f5eccd;--line:#142116}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}
.grain{position:fixed;inset:0;pointer-events:none;opacity:.17;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.loader{position:fixed;z-index:20;inset:0;background:#071008;display:grid;place-content:center;gap:18px;text-align:center;transition:opacity .65s,visibility .65s}
.loader img{width:min(250px,55vw);border-radius:50%;border:4px solid var(--lime);filter:drop-shadow(0 0 35px #c6ef0088)}
.loader span{font:12px 'DM Mono';letter-spacing:.18em;color:var(--lime)}
.loader.off{opacity:0;visibility:hidden}
header{height:84px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;width:100%;border-bottom:1px solid #e9e1c329}
.brand{color:var(--cream);font-weight:700;font-size:21px;line-height:.8;text-decoration:none}
.brand span{display:block;color:var(--lime);font:9px 'DM Mono';letter-spacing:.12em;margin:7px 0 0 1px}
nav{display:flex;gap:28px}
nav a,.social a{color:var(--cream);text-decoration:none;font:11px 'DM Mono';letter-spacing:.09em}
.social{display:flex;gap:10px}
.social a{border:1px solid #e9e1c366;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}
.hero{height:max(760px,100vh);position:relative;overflow:hidden;display:flex;align-items:center;padding:120px clamp(20px,8vw,130px) 80px;background:radial-gradient(circle at 63% 42%,#829e1d 0,#536d1f 14%,#213721 37%,#09120c 72%)}
.halo{position:absolute;width:65vw;aspect-ratio:1;right:-6vw;top:12%;background:radial-gradient(circle,#d4ff005c 0 8%,#bed80020 36%,transparent 66%);filter:blur(15px);animation:breathe 5s infinite alternate}
@keyframes breathe{to{transform:scale(1.08);opacity:.75}
}
.hero-copy{z-index:2;max-width:620px}
.eyebrow,.section-title>span{font:11px 'DM Mono';letter-spacing:.17em;color:var(--lime)}
h1,h2{font-size:clamp(55px,9.5vw,150px);letter-spacing:-.085em;line-height:.75;margin:18px 0 30px;text-transform:uppercase}
h1 i,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.1em;text-transform:lowercase}
.ticker{font:13px 'DM Mono';letter-spacing:.15em;margin-bottom:30px}
.ticker b{color:var(--lime)}
.hero-actions{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.btn{border:1px solid var(--line);padding:16px 20px;display:inline-flex;gap:14px;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;font:700 12px 'Space Grotesk';letter-spacing:.06em;transition:transform .25s,filter .25s;color:var(--ink)}
.btn:hover{transform:translate(-3px,-3px);filter:drop-shadow(5px 5px 0 #0b160e)}
.btn-lime{background:var(--lime)}
.btn-paper{background:var(--paper);max-width:315px;overflow:hidden}
.btn-paper small{font:10px 'DM Mono'}
.btn-paper strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.hero-art{z-index:1;position:absolute;width:min(58vw,900px);right:1vw;bottom:-8%;transform-style:preserve-3d;transition:transform .12s ease-out}
.hero-art img{width:100%;display:block;filter:drop-shadow(0 30px 25px #041007aa)}
.orbit{position:absolute;background:var(--lime);color:var(--ink);font:12px 'DM Mono';padding:9px 12px;border:1px solid var(--ink)}
.o1{top:20%;right:3%;transform:rotate(11deg) translateZ(60px)}
.o2{bottom:26%;left:-5%;transform:rotate(-15deg) translateZ(40px);background:var(--paper)}
.scroll{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font:10px 'DM Mono';letter-spacing:.15em;color:#d8e7a5;white-space:nowrap}
.manifesto,.steps,.dex{padding:clamp(90px,13vw,190px) clamp(20px,8vw,130px)}
.manifesto{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(35px,8vw,150px);align-items:end;background:#122517}
.wide-image{border:1px solid #73813d;transform:rotate(-2deg)}
.wide-image img{width:100%;display:block}
.section-title h2{font-size:clamp(50px,7vw,104px);margin-bottom:17px}
.section-title p{font:16px/1.4 'DM Mono';max-width:310px;color:#cbd19e}
.steps{background:var(--lime);color:var(--ink);position:relative}
.steps:after{content:'$ANROBIN';font:bold 28vw 'Space Grotesk';letter-spacing:-.12em;position:absolute;right:-2vw;bottom:-9vw;color:#9fca001e;pointer-events:none}
.step-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:45px 0 35px;border-top:1px solid #193312}
.step-list article{padding:24px 20px 20px;border-bottom:1px solid #193312;border-right:1px solid #193312;z-index:1}
.step-list article:first-child{border-left:1px solid #193312}
.step-list b{font:11px 'DM Mono'}
.step-list h3{font-size:28px;margin:35px 0 10px;letter-spacing:-.06em}
.step-list p{font:13px 'DM Mono';margin:0}
.dex{background:#152c1a}
.chart-wrap{height:min(68vw,590px);background:#08130c;border:1px solid #768a53;position:relative}
.chart-wrap iframe{width:100%;height:100%;border:0}
.chart-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:12px;color:#c6ef00;font:12px 'DM Mono';line-height:2}
.chart-placeholder code{background:#273c18;padding:4px}
.dex>.btn{margin-top:20px}
.roadmap{height:900px;position:relative;overflow:hidden;display:grid;align-items:center}
.road-bg{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 35%;opacity:.54;filter:saturate(.8) contrast(1.1)}
.roadmap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071008 0%,#071008dd 35%,#07100822 100%)}
.road-content{position:relative;z-index:1;padding:clamp(90px,13vw,180px) clamp(20px,8vw,130px);width:min(800px,100%)}
ol{margin:50px 0 0;padding:0;list-style:none;border-top:1px solid #dbe6ad7d}
ol li{display:flex;justify-content:space-between;padding:21px 0;border-bottom:1px solid #dbe6ad7d;font-size:clamp(20px,3vw,37px);letter-spacing:-.06em}
ol b{font:11px 'DM Mono';letter-spacing:.1em;color:var(--lime);padding-top:8px}
footer{background:var(--paper);color:var(--ink);padding:60px clamp(20px,8vw,130px) 28px}
footer>p{font-size:clamp(30px,5vw,76px);font-weight:700;letter-spacing:-.08em;margin:0 0 54px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:75px}
.footer-links a{padding:12px 15px;text-decoration:none;color:var(--ink);border:1px solid var(--ink);font:11px 'DM Mono';transition:.2s}
.footer-links a:hover{background:var(--ink);color:var(--lime)}
footer small{font:10px 'DM Mono'}
.toast{position:fixed;bottom:25px;left:50%;z-index:30;transform:translate(-50%,100px);padding:12px 17px;background:var(--lime);color:var(--ink);font:11px 'DM Mono';transition:.35s}
.toast.show{transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}
.reveal.in{opacity:1;transform:none}
@media(max-width:760px){header{height:70px}
nav{display:none}
.hero{min-height:820px;align-items:flex-start;padding-top:140px}
.hero-art{width:100vw;right:-5vw;bottom:-4%}
.hero-copy{max-width:100%}
.hero-actions{max-width:330px}
.hero-actions .btn{width:100%}
.manifesto{grid-template-columns:1fr}
.wide-image{order:2}
.steps,.dex{padding-top:90px;padding-bottom:90px}
.step-list{grid-template-columns:1fr}
.step-list article{border-left:1px solid #193312}
.roadmap{height:700px}
.road-bg{object-position:60% center}
.scroll{display:none}
}