@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#101310;--lime:#c9ff45;--green:#74d56a;--purple:#8c5af1;--cream:#f3f0dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.13;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}header{height:82px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:20;border-bottom:1px solid #ffffff26}.logo{font:24px 'Archivo Black',sans-serif;letter-spacing:-1px}.dot{color:var(--lime)}.tiny{font:10px 'DM Mono';vertical-align:top}nav{display:flex;gap:44px}nav a,.header-note,.eyebrow,.mini,.section-index,.scroll-hint,.side-tag,.portrait-label,.ca-foot,footer,.ticker,.ca-box span{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:1.5px}nav a:hover{color:var(--lime)}.header-note{color:#b8b7a7}.hero{min-height:900px;height:100vh;max-height:1180px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 54% 58%,#376c40 0%,#203c2d 30%,#121e19 57%,#101310 83%)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101310 0%,transparent 20%);pointer-events:none}.hero-glow{position:absolute;width:1000px;height:1000px;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%);background:radial-gradient(circle,#7bdf643b,transparent 64%);filter:blur(12px)}.hero-type{position:absolute;top:18%;left:5%;right:5%;z-index:2}.eyebrow{color:var(--lime);font-weight:500}.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime);margin-right:9px;animation:pulse 2s infinite}.slash{margin-left:20px;color:#8ea98b}.hero h1{font:clamp(110px,15vw,290px)/.88 'Archivo Black',Impact,sans-serif;letter-spacing:-.085em;margin:30px 0 0;color:var(--cream);white-space:nowrap;text-shadow:0 12px 70px #0006}.hero-sub{font:800 clamp(18px,1.8vw,31px)/1.15 'DM Sans';letter-spacing:-1px;margin:36px 0}.hero-sub em{color:var(--lime);font-style:normal}.halo{position:absolute;width:min(43vw,720px);height:min(43vw,720px);border:2px solid #b0ed8e33;border-radius:50%;left:51%;top:51%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px #a9ff7d08,0 0 0 160px #a9ff7d05}.hero-creature{position:absolute;z-index:4;bottom:5%;height:75%;max-height:810px;left:52%;transform:translateX(-50%);filter:drop-shadow(0 45px 36px #0009);animation:bob 5s ease-in-out infinite;transform-origin:center bottom}.side-tag{position:absolute;left:3%;top:54%;writing-mode:vertical-rl;transform:rotate(180deg);color:#afc2a9}.hero-bottom{position:absolute;bottom:9%;left:5%;right:5%;z-index:7;display:flex;justify-content:space-between;align-items:end}.id-card{display:flex;flex-direction:column;gap:8px;border-left:3px solid var(--lime);padding-left:18px}.id-card strong{font:30px 'Archivo Black';letter-spacing:-1px}.mini{color:#b2c4a8}.hero-actions,.community-links{display:flex;gap:12px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:19px 29px;font:700 13px 'DM Mono';letter-spacing:.4px;border:2px solid transparent;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:6px 8px 0 #0008}.btn:active{transform:translateY(1px) scale(.97)}.btn.purple{background:var(--purple);color:white}.btn.lime{background:var(--lime);color:#17200e}.btn[aria-disabled=true]{opacity:.6}.scroll-hint{position:absolute;bottom:2.7%;left:50%;transform:translateX(-50%);z-index:8;color:#d7e7c7}.ticker{height:66px;background:var(--lime);color:#142016;overflow:hidden;display:flex;align-items:center;font-weight:bold;font-size:18px;white-space:nowrap}.ticker-track{width:max-content;animation:marquee 25s linear infinite}.story{background:var(--cream);color:var(--ink);padding:110px 7% 125px;position:relative}.section-index{color:#7d8273;border-top:1px solid #7f847455;padding-top:16px}.story-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;margin-top:60px}.story .eyebrow{color:#638f23}.story h2,.habitat h2,.community h2,.contract h2{font:clamp(70px,7.5vw,145px)/.94 'Archivo Black';letter-spacing:-.07em;margin:20px 0 36px}.story h2 i{font-style:normal;color:#6aaf46}.story-copy{position:relative}.story-copy p{max-width:490px;font-size:20px;line-height:1.55;color:#41473d}.sticker{display:inline-block;background:var(--purple);color:white;font:20px/1.05 'Archivo Black';padding:20px 30px;transform:rotate(-8deg);margin:30px 0 0 70px;box-shadow:8px 8px 0 #1e1e1e}.sticker span{color:var(--lime)}.portrait-frame{height:670px;background:radial-gradient(circle at center,#b8eb94,#8dc46f 52%,#426d42);border-radius:47% 47% 12px 12px;position:relative;display:flex;justify-content:center;align-items:end;overflow:hidden;border:10px solid #171d17}.portrait-frame img{position:relative;z-index:2;height:95%;filter:drop-shadow(0 20px 20px #0006);transition:transform .4s}.portrait-frame:hover img{transform:scale(1.05) rotate(2deg)}.orbit{position:absolute;border:1px solid #ffffff55;border-radius:50%;width:85%;aspect-ratio:1;top:10%}.orbit2{width:110%;top:-5%}.portrait-label{position:absolute;bottom:15px;left:22px;color:#172b1a;z-index:3;background:var(--lime);padding:8px}.habitat{background:#181a20;padding:110px 7% 0;overflow:hidden}.habitat-head{margin-top:65px}.habitat h2 span{color:var(--purple)}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:80px 0 100px}.notes article{border-top:2px solid #62606d;padding:22px 10px 40px;position:relative}.notes b{font:14px 'DM Mono';color:var(--lime)}.symbol{display:block;font-size:100px;color:var(--purple);margin:32px 0 8px}.notes h3{font:35px 'Archivo Black';letter-spacing:-2px}.notes p{font-size:18px;color:#bcb9c6;max-width:280px;line-height:1.5}.reaction{background:var(--purple);height:280px;margin:0 -8.15%;padding:55px 8%;position:relative;display:flex;flex-direction:column;align-items:start;gap:25px;overflow:hidden}.reaction button{border:3px solid white;color:white;background:transparent;font:30px 'Archivo Black';padding:16px 30px;z-index:2;transition:transform .2s}.reaction button:hover{transform:rotate(-3deg) scale(1.04);background:white;color:var(--purple)}.reaction span{font:14px 'DM Mono';z-index:2}.reaction img{position:absolute;height:460px;right:16%;top:-35px;transform:rotate(13deg);filter:drop-shadow(10px 20px 20px #0005);transition:transform .3s}.reaction img.shake{animation:shake .4s}.community{min-height:840px;position:relative;overflow:hidden;padding:100px 7%;background:radial-gradient(circle at 80% 50%,#5b9d50 0%,#254a35 35%,#13261f 70%,#101a17 100%)}.community-inner{position:relative;z-index:2;margin-top:130px}.community h2{font-size:clamp(95px,10vw,190px);margin-bottom:25px}.community h2 em{font-style:normal;color:var(--lime)}.community h2 span{color:var(--purple)}.community p{font-size:22px;margin-bottom:35px}.community-creature{position:absolute;right:-6%;bottom:-24%;height:105%;transform:rotate(-12deg);filter:drop-shadow(0 25px 30px #0008);animation:bob2 5s ease-in-out infinite}.contract{padding:120px 7% 140px;background:var(--lime);color:#142014;text-align:center}.contract .eyebrow{color:#3b6735}.contract h2{font-size:clamp(65px,7vw,125px);margin:25px 0 65px}.ca-box{display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;background:#15221a;color:white;padding:22px 24px 22px 35px;text-align:left;gap:20px}.ca-box div{min-width:0}.ca-box span{display:block;color:#aac2aa;margin-bottom:10px}.ca-box strong{font:17px 'DM Mono';word-break:break-all}.ca-box button{border:0;flex-shrink:0;background:var(--purple);color:white;font:700 16px 'DM Mono';padding:24px 32px;transition:transform .2s}.ca-box button:hover{transform:scale(1.05);background:#a17bff}.ca-box button span{display:inline;color:white;margin:0}.ca-foot{margin-top:35px;color:#416038}footer{background:#101310;min-height:125px;padding:40px 7%;display:flex;align-items:center;justify-content:space-between;color:#a9afa4}footer .logo{color:var(--cream)}#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,90px);z-index:200;background:var(--lime);color:#142014;font:20px 'Archivo Black';padding:17px 34px;transition:transform .3s}#toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-15px)}}@keyframes bob2{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-18px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{50%{opacity:.35}}@keyframes shake{0%,100%{transform:rotate(13deg)}25%{transform:rotate(5deg)}75%{transform:rotate(20deg)}}@media(max-width:1200px){.hero h1{font-size:14vw}.hero-creature{height:69%}.story h2{font-size:6.8vw}.portrait-frame{height:560px}.community-creature{right:-19%}.header-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}