:root{--lime: #c3dc63;--lime-rgb: 195, 220, 99;--olive: #9cb44e;--bg: #060706;--panel: #000;--text: #f2f4ec;--muted: #8a8f80;--orb: min(42vmin, 400px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:Inter Tight,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.frame{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(ellipse 60% 45% at 50% 42%,rgba(var(--lime-rgb),.05),transparent 70%),var(--panel);overflow:hidden;isolation:isolate}#particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.grain{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:5;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%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)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-2%,6%)}80%{transform:translate(5%,2%)}to{transform:translate(0)}}header{display:flex;justify-content:space-between;align-items:center;padding:clamp(20px,4vw,44px) clamp(16px,5vw,64px);position:relative;z-index:3}.logo{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:0;color:inherit}.logo svg{width:40px;height:40px;overflow:visible}.logo .ring{fill:none;stroke:var(--lime);stroke-width:30;stroke-linecap:round;stroke-dasharray:230;stroke-dashoffset:230}.logo .core{fill:var(--olive);transform-origin:70px 70px;transform:scale(0)}.logo .seed{fill:var(--lime);transform:translate(-60px,20px);opacity:0}.wordmark{display:inline-flex;font-size:26px;letter-spacing:.06em;color:var(--lime);line-height:1}.wordmark span{display:inline-block;opacity:0;transform:translateY(14px)}.wordmark .b{font-weight:800}.wordmark .l{font-weight:300}.play .logo .ring{animation:draw 1.3s var(--ease-out) .2s forwards}.play .logo .core{animation:pop .7s var(--ease-back) 1.1s forwards}.play .logo .seed{animation:roll .9s var(--ease-back) 1.3s forwards}.play .wordmark span{animation:rise .7s var(--ease-out) forwards;animation-delay:calc(1.3s + var(--i) * 60ms)}@keyframes draw{to{stroke-dashoffset:0}}@keyframes pop{to{transform:scale(1)}}@keyframes roll{to{transform:translate(0);opacity:1}}@keyframes rise{to{opacity:1;transform:translateY(0)}}.idle .logo .core{animation:pop .7s var(--ease-back) 1.1s forwards,beat 3.2s ease-in-out 2.4s infinite}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(.82)}}.logo:hover .seed{animation:hop .6s var(--ease-back)}@keyframes hop{40%{transform:translate(-4px,-8px)}}.tag{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity 1s 2.6s}.play .tag{opacity:1}main{position:relative;display:grid;place-items:center;align-content:center;gap:clamp(8px,2vh,28px);padding:0 16px;z-index:2}.stage{position:relative;width:100%;display:grid;place-items:center;height:calc(var(--orb) * 1.3)}.eclipse{position:relative;width:var(--orb);aspect-ratio:1;transition:transform .6s var(--ease-out)}.corona,.halo,.disc,.trace,.orbit{position:absolute;border-radius:50%}.halo{top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 50% 38%,rgba(var(--lime-rgb),.22),rgba(var(--lime-rgb),.05) 35%,transparent 62%);opacity:0;transform:scale(.6)}.corona{top:-9%;right:-9%;bottom:-9%;left:-9%;background:conic-gradient(from 0deg,rgba(var(--lime-rgb),0),rgba(var(--lime-rgb),.9) 40deg,rgba(var(--lime-rgb),.15),rgba(var(--lime-rgb),0) 150deg,rgba(var(--lime-rgb),.55) 230deg,rgba(var(--lime-rgb),.1) 290deg,rgba(var(--lime-rgb),0) 360deg);filter:blur(26px);opacity:0;-webkit-mask:radial-gradient(closest-side,transparent 80%,#000 86%);mask:radial-gradient(closest-side,transparent 80%,#000 86%)}.disc{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 22%,#1a1d14,#0b0c09 45%,#030303 75%);box-shadow:inset 0 2px 1px rgba(var(--lime-rgb),.35),inset 0 18px 40px -10px rgba(var(--lime-rgb),.18),0 0 0 1px #ffffff05;transform:translateY(18%) scale(.92);opacity:0}.trace{top:-18%;right:-18%;bottom:-18%;left:-18%;width:136%;height:136%;overflow:visible}.trace path{fill:none;stroke:rgba(var(--lime-rgb),.35);stroke-width:.5;stroke-linecap:round;stroke-dasharray:230;stroke-dashoffset:230}.trace .dash{stroke:rgba(var(--lime-rgb),.12);stroke-dasharray:1 3;stroke-dashoffset:0;opacity:0}.orbit{top:-18%;right:-18%;bottom:-18%;left:-18%}.orbit i{position:absolute;left:50%;top:0;width:12px;height:12px;margin:-6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px 3px rgba(var(--lime-rgb),.7),0 0 40px 8px rgba(var(--lime-rgb),.25);opacity:0}.orbit.two{top:-30%;right:-30%;bottom:-30%;left:-30%}.orbit.two i{width:5px;height:5px;margin:-2.5px;background:#fff;box-shadow:0 0 10px 2px rgba(var(--lime-rgb),.6)}.play .halo{animation:halo 2.4s var(--ease-out) .5s forwards,breathe 6s ease-in-out 3s infinite}.play .disc{animation:rise-disc 2s var(--ease-out) .4s forwards}.play .corona{animation:ignite 2.2s ease-out .9s forwards,spin 14s linear .9s infinite}.play .trace path{animation:draw 2.4s var(--ease-out) 1.2s forwards}.play .trace .dash{animation:fade-in 2s ease 2s forwards,spin 60s linear infinite reverse;transform-origin:70px 70px}.play .orbit{animation:spin 11s linear infinite}.play .orbit.two{animation:spin 23s linear infinite reverse}.play .orbit i{animation:fade-in 1s ease 2.2s forwards}@keyframes halo{to{opacity:1;transform:scale(1)}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.65}}@keyframes rise-disc{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ignite{0%{opacity:0}40%{opacity:1}to{opacity:.85}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{to{opacity:1}}.headline{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:clamp(1.6em,5vw,3.2em);white-space:nowrap;font-weight:400;font-size:clamp(18px,3.3vw,40px);pointer-events:none}.headline .word{display:flex;gap:clamp(.55em,2.2vw,1.25em)}.headline .word span{display:inline-block;opacity:0;filter:blur(12px);transform:translateY(.4em) scale(1.3)}.play .headline .word span{animation:letter 1.1s var(--ease-out) forwards;animation-delay:calc(1.6s + var(--i) * 75ms)}@keyframes letter{to{opacity:1;filter:blur(0);transform:none}}.headline .word span.glint{animation:letter 1.1s var(--ease-out) forwards,glint .9s ease}@keyframes glint{50%{color:var(--lime);text-shadow:0 0 18px rgba(var(--lime-rgb),.9)}}.below{display:grid;justify-items:center;gap:18px;text-align:center}.reveal{opacity:0;transform:translateY(16px)}.play .reveal{animation:rise 1s var(--ease-out) forwards;animation-delay:var(--d)}.eyebrow{font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.lede{max-width:440px;color:var(--muted);font-size:15px;line-height:1.6;font-weight:300}.lede em{font-style:normal;color:var(--text)}form{position:relative;display:flex;width:min(380px,100%);padding:5px;border-radius:999px;background:#121410;border:1px solid rgba(255,255,255,.06);transition:border-color .3s,box-shadow .3s}form:focus-within{border-color:rgba(var(--lime-rgb),.45);box-shadow:0 0 0 6px rgba(var(--lime-rgb),.06)}form.error{animation:shake .45s;border-color:#e46b6b}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--text);font:inherit;font-size:13px;letter-spacing:.08em;padding:0 16px}input::placeholder{color:#5d6256;text-transform:uppercase}button.cta{position:relative;overflow:hidden;border:0;border-radius:999px;cursor:pointer;padding:11px 20px;font:inherit;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#10120b;background:var(--lime);transition:transform .25s var(--ease-back),box-shadow .3s}button.cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px -6px rgba(var(--lime-rgb),.7)}button.cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55),transparent 70%);animation:sheen 4s ease-in-out 4s infinite}@keyframes sheen{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}form.done input,form.done button{opacity:0;pointer-events:none;transition:opacity .3s}.thanks{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime);opacity:0;pointer-events:none;transition:opacity .4s .25s}.thanks svg{width:20px;height:20px}.thanks path{fill:none;stroke:var(--lime);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24}form.done .thanks{opacity:1}form.done .thanks path{animation:draw .6s ease .5s forwards}.hint{min-height:1em;font-size:12px;color:#e46b6b;letter-spacing:.04em}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:clamp(20px,3vw,36px) clamp(16px,5vw,64px);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#565a50;position:relative;z-index:3}footer nav{display:flex;gap:22px}footer a{color:inherit;text-decoration:none;transition:color .2s}footer a:hover{color:var(--lime)}.coin{position:fixed;width:10px;height:10px;border-radius:50%;pointer-events:none;z-index:10;border:2px solid var(--lime);box-shadow:0 0 8px rgba(var(--lime-rgb),.6)}@media(max-width:560px){:root{--orb: 66vw}.headline{gap:1.4em}.tag{display:none}.headline{font-size:5.2vw}.wordmark{font-size:21px}.logo svg{width:32px;height:32px}footer{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}.grain{display:none}}
