html,body{margin:0;padding:0;background:#070a06}body{font-family:Space Grotesk,sans-serif;color:#d9e6d2}a{color:#62e514;text-decoration:none}a:hover{color:#8dff45}::selection{background:#62e514;color:#070a06}*{box-sizing:border-box}html{scroll-behavior:smooth}@keyframes glitchA{0%,83%,to{transform:translate(0) rotate(-1.5deg);opacity:0;clip-path:inset(0 0 0 0)}84%{transform:translate(-7px,3px) rotate(-1.5deg) skew(-3deg);opacity:.85;clip-path:inset(8% 0 58% 0)}86%{transform:translate(5px,-2px) rotate(-1.5deg);opacity:.55;clip-path:inset(62% 0 6% 0)}88%{transform:translate(-4px,1px) rotate(-1.5deg) skew(2deg);opacity:.9;clip-path:inset(28% 0 44% 0)}90%{transform:translate(6px,2px) rotate(-1.5deg);opacity:.5;clip-path:inset(74% 0 3% 0)}92%{transform:translate(-3px,-1px) rotate(-1.5deg);opacity:.8;clip-path:inset(4% 0 78% 0)}94%{transform:translate(0) rotate(-1.5deg);opacity:0;clip-path:inset(0 0 0 0)}}@keyframes glitchB{0%,82%,to{transform:translate(0) rotate(-1.5deg);opacity:0;clip-path:inset(0 0 0 0)}83%{transform:translate(6px,-3px) rotate(-1.5deg) skew(2.5deg);opacity:.7;clip-path:inset(52% 0 14% 0)}85%{transform:translate(-5px,2px) rotate(-1.5deg);opacity:.45;clip-path:inset(10% 0 70% 0)}88%{transform:translate(4px,1px) rotate(-1.5deg) skew(-2deg);opacity:.75;clip-path:inset(38% 0 34% 0)}91%{transform:translate(-6px,-2px) rotate(-1.5deg);opacity:.5;clip-path:inset(80% 0 2% 0)}93%{transform:translate(2px) rotate(-1.5deg);opacity:.7;clip-path:inset(18% 0 62% 0)}95%{transform:translate(0) rotate(-1.5deg);opacity:0;clip-path:inset(0 0 0 0)}}@keyframes glitchFlicker{0%,83%,to{opacity:1}85%{opacity:.8}86%{opacity:1}89%{opacity:.86}90%{opacity:1}92%{opacity:.92}93%{opacity:1}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.nav-link,.nav-x,.nav-opensea{color:#d9e6d2;transition:color .16s ease}.nav-link:hover,.nav-x:hover,.nav-opensea:hover{color:#62e514}.nav-x{font-size:16px;font-weight:700}.nav-opensea{font-size:12px;letter-spacing:.14em}.btn-connect{font-family:Space Grotesk,sans-serif;font-size:13px;letter-spacing:.14em;font-weight:700;color:#62e514;background:transparent;border:1px solid #62e514;border-radius:8px;padding:11px 22px;cursor:pointer;box-shadow:0 0 14px #62e51440 inset,0 0 14px #62e51426;transition:all .2s}.btn-connect:hover{background:#62e514;color:#070a06;box-shadow:0 0 28px #62e51499}.btn-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;min-height:56px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;letter-spacing:.12em;color:#070a06;background:#62e514;border:none;border-radius:10px;padding:17px 24px;cursor:pointer;box-shadow:0 0 30px #62e51473;transition:transform .2s,box-shadow .2s,background-color .2s,color .2s,opacity .2s;overflow:hidden}.btn-cta-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-cta>svg{flex:0 0 auto}.btn-cta:hover:not(:disabled){transform:translateY(-2px) rotate(-1deg);box-shadow:0 0 46px #62e514b3;background:#8dff45;color:#070a06}.btn-cta:disabled{opacity:.55;cursor:not-allowed}.btn-outline{font-size:14px;font-weight:500;letter-spacing:.1em;color:#d9e6d2;border:1px solid rgba(217,230,210,.3);border-radius:10px;padding:16px 26px;transition:all .2s;display:inline-block}.btn-outline:hover{border-color:#62e514;color:#62e514}button.btn-outline,button.btn-vault{font-family:Space Grotesk,sans-serif;background:transparent;cursor:pointer}button.btn-outline:disabled,button.btn-vault:disabled{opacity:.45;cursor:not-allowed}.btn-inline{font-size:12px;font-weight:700;letter-spacing:.14em;padding:9px 16px;border-radius:8px;white-space:nowrap}.qty-btn{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:#62e514;background:transparent;border:1px solid rgba(98,229,20,.4);border-radius:8px;width:38px;height:38px;cursor:pointer;transition:all .2s}.qty-btn:hover:not(:disabled){border-color:#62e514;background:#62e5141a}.qty-btn:disabled{opacity:.35;cursor:not-allowed}.fan-float{will-change:transform}.fan-float:has(>.fan-card:hover){z-index:20;animation-play-state:paused}.fan-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(98,229,20,.35);background:#0c110a;box-shadow:0 24px 60px #0009;transition:transform .35s ease,box-shadow .35s ease;cursor:pointer}.fan-card:hover{transform:rotate(0) scale(1.05)!important;box-shadow:0 24px 70px #62e51459!important}.bro-card{border:1px solid rgba(98,229,20,.22);border-radius:18px;overflow:hidden;background:#0c110a;transition:all .3s;cursor:pointer}.bro-card:hover{border-color:#62e514;transform:translateY(-6px) rotate(-.5deg);box-shadow:0 20px 50px #62e51438}.bro-card img{width:100%;display:block;transition:transform .4s}.bro-card:hover img{transform:scale(1.07) rotate(-1.5deg)}.bro-quip{font-family:Permanent Marker,cursive;font-size:14px;margin-top:9px;min-height:22px;transition:all .3s;color:#5f7256}.bro-card:hover .bro-quip{color:#62e514}.btn-vault{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.12em;color:#62e514;border:1px solid #62e514;border-radius:10px;padding:15px 26px;transition:all .2s}.btn-vault:hover{background:#62e514;color:#070a06;box-shadow:0 0 26px #62e51480}.vault-nft{transition:transform .3s}.vault-nft:hover{transform:rotate(0) scale(1.04)!important}.faq-item{border:1px solid rgba(98,229,20,.22);border-radius:14px;background:#0c110a;overflow:hidden;transition:border-color .2s}.faq-item:hover{border-color:#62e51480}.faq-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:transparent;border:none;cursor:pointer;padding:20px 24px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;color:#d9e6d2;text-align:left}.footer-link{color:#d9e6d2}.footer-link:hover{color:#62e514}a:focus-visible,button:focus-visible{outline:2px solid #62e514;outline-offset:3px}.page{background:#070a06;overflow:hidden;position:relative}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:36px;padding:18px 48px;background:#070a06d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(98,229,20,.18)}.nav-center{flex:1;display:flex;gap:28px;justify-content:center;font-size:13px;letter-spacing:.18em;font-weight:500}.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:72px 64px 56px;max-width:1440px;margin:0 auto}.hood-h1{font-family:Permanent Marker,cursive;font-size:110px;line-height:.95;margin:0}.cta-row{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:stretch;gap:14px;width:100%;max-width:680px;margin-top:30px}.cta-row>.btn-outline{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.fan-stage{position:relative;height:600px;z-index:1;min-width:0}.fan-canvas{position:relative;width:690px;height:600px;flex-shrink:0}.stats-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.stat-cell{padding:30px 40px;border-right:1px solid rgba(98,229,20,.14)}.stats-grid .stat-cell:last-child{border-right:none}.bros-section{position:relative;max-width:1440px;margin:0 auto;padding:90px 64px 40px}.bros-head{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.bros-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:40px}.vault-section{position:relative;max-width:1440px;margin:40px auto 0;padding:70px 64px}.vault-box{border:1px solid rgba(98,229,20,.3);border-radius:24px;background:linear-gradient(160deg,#62e51412,#0c110a99);padding:56px 60px;position:relative;overflow:hidden}.vault-grid{display:grid;grid-template-columns:minmax(420px,1fr) minmax(0,1fr);gap:48px;align-items:center}.faq-section{position:relative;max-width:960px;margin:0 auto;padding:70px 64px 90px}.faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-body.open{max-height:260px}.footer{position:relative;border-top:1px solid rgba(98,229,20,.18);padding:56px 64px 40px;background:#0c110a80}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}.footer-giant{text-align:center;font-family:Permanent Marker,cursive;font-size:120px;color:#62e51412;line-height:1;margin:30px 0 10px;-webkit-user-select:none;user-select:none;white-space:nowrap}@media (max-width: 1099px){.nav{flex-wrap:wrap!important;gap:14px 24px!important;padding:14px 22px!important}.nav-center{order:3!important;flex-basis:100%!important;flex:0 0 100%!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:2px!important}.nav-actions{margin-left:auto!important}.hero{grid-template-columns:1fr!important;padding:52px 28px 40px!important;gap:24px!important}.hood-h1{font-size:clamp(64px,13vw,110px)!important}.fan-stage{height:auto!important;display:flex!important;justify-content:center!important;overflow:visible!important}.fan-canvas{transform:scale(.85);transform-origin:top center;height:540px}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.stat-cell{padding:24px 28px!important;border-right:1px solid rgba(98,229,20,.14)!important;border-bottom:1px solid rgba(98,229,20,.14)!important}.stats-grid .stat-cell:nth-child(2n){border-right:none!important}.stats-grid .stat-cell:nth-child(n+3){border-bottom:none!important}.bros-section{padding:60px 28px 30px!important}.bros-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.vault-section{padding:44px 24px!important}.vault-box{padding:38px 28px!important}.vault-grid{grid-template-columns:1fr!important;gap:36px!important}.faq-section{padding:56px 28px 70px!important}.footer{padding:44px 28px 32px!important}.footer-giant{font-size:clamp(48px,13vw,120px)!important}}@media (max-width: 760px){.nav{justify-content:space-between!important;gap:12px 16px!important;padding:12px 16px!important}.nav-center{gap:20px!important;font-size:12px!important}.nav-actions{gap:12px!important}.hero{padding:36px 16px 30px!important}.cta-row{grid-template-columns:minmax(0,1fr)!important;max-width:560px}.cta-row>.btn-outline{justify-self:start}.btn-cta{font-size:clamp(12px,3.5vw,15px);padding-inline:18px}.hood-h1{font-size:clamp(52px,16vw,96px)!important}.fan-note{display:none!important}.fan-canvas{transform:scale(.66);transform-origin:top center;height:380px}.stats-grid{grid-template-columns:1fr!important}.stat-cell{padding:20px 22px!important;border-right:none!important;border-bottom:1px solid rgba(98,229,20,.14)!important}.stats-grid .stat-cell:nth-child(n+3){border-bottom:1px solid rgba(98,229,20,.14)!important}.stats-grid .stat-cell:last-child{border-bottom:none!important}.bros-section{padding:48px 16px 24px!important}.bros-grid{grid-template-columns:1fr!important;gap:18px!important}.vault-section{padding:34px 14px!important}.vault-box{padding:30px 18px!important}.vault-grid{gap:30px!important}.faq-section{padding:44px 16px 56px!important}.faq-body.open{max-height:620px}.footer{padding:36px 16px 28px!important}.footer-top{flex-direction:column!important;align-items:flex-start!important;gap:28px!important}.footer-cols{gap:32px!important}.footer-giant{font-size:clamp(38px,15vw,90px)!important}}@media (max-width: 500px){.fan-canvas{transform:scale(.5);transform-origin:top center;height:290px}}@media (max-width: 400px){.nav-center{gap:16px!important}.hood-h1{font-size:clamp(44px,17vw,72px)!important}.fan-canvas{transform:scale(.44);transform-origin:top center;height:260px}.footer-cols{flex-direction:column!important;gap:24px!important}}@keyframes bgDrift{0%,to{transform:translateZ(0) scale(1);opacity:.8}50%{transform:translate3d(0,-28px,0) scale(1.06);opacity:1}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes glitchSoft{0%,to{filter:none;opacity:1}12%{filter:none;opacity:1}13%{filter:drop-shadow(2px 0 rgba(255,59,107,.9)) drop-shadow(-2px 0 rgba(59,214,255,.9));opacity:.8}14.5%{filter:none;opacity:1}60%{filter:none;opacity:1}61%{filter:drop-shadow(-3px 0 rgba(255,59,107,.95)) drop-shadow(3px 0 rgba(59,214,255,.95)) brightness(1.5);opacity:.6}63%{filter:drop-shadow(4px 0 rgba(255,59,107,.95)) drop-shadow(-4px 0 rgba(59,214,255,.95));opacity:1}64%{filter:none;opacity:.75}65.5%{filter:drop-shadow(-2px 0 rgba(255,59,107,.9)) drop-shadow(2px 0 rgba(59,214,255,.9));opacity:1}67%{filter:none;opacity:1}}.bg-glow{animation:bgDrift 16s ease-in-out infinite;will-change:transform,opacity}.bro-float{animation:floatCard 7s ease-in-out infinite;will-change:transform}.bro-float:nth-child(2){animation-duration:8.2s;animation-delay:-1.2s}.bro-float:nth-child(3){animation-duration:6.4s;animation-delay:-2.6s}.bro-float:nth-child(4){animation-duration:7.6s;animation-delay:-.8s}.bro-float:nth-child(5){animation-duration:8.8s;animation-delay:-3.1s}.bro-float:nth-child(6){animation-duration:6.9s;animation-delay:-1.9s}.bro-float:has(>.bro-card:hover){animation-play-state:paused}.glitch-soft{animation:glitchSoft 4.5s linear infinite}@keyframes drift{0%{background-position:0 0}to{background-position:120px 120px}}.grain{animation:drift 24s linear infinite}@keyframes ctaBreath{0%,to{filter:brightness(1)}50%{filter:brightness(1.14)}}.btn-cta:not(:disabled){animation:ctaBreath 3.2s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.55;text-shadow:0 0 6px rgba(98,229,20,.3)}50%{opacity:1;text-shadow:0 0 16px rgba(98,229,20,.9)}}.swap-arrow{animation:arrowPulse 2.6s ease-in-out infinite}@keyframes giantBreath{0%,to{opacity:1}50%{opacity:.45}}.footer-giant{animation:giantBreath 9s ease-in-out infinite}[data-reveal]{opacity:0;transition:opacity .8s ease var(--reveal-delay, 0s),transform .8s cubic-bezier(.22,.9,.3,1) var(--reveal-delay, 0s)}[data-reveal=up]{transform:translateY(26px)}[data-reveal].revealed{opacity:1;transform:none}.faq-item[data-reveal]{transition:opacity .8s ease var(--reveal-delay, 0s),transform .8s cubic-bezier(.22,.9,.3,1) var(--reveal-delay, 0s),border-color .2s}.nav{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.nav-scrolled{background:#070a06f5;border-bottom-color:#62e51466;box-shadow:0 10px 30px #00000047}.nav-actions,.nav-external-actions{display:flex;align-items:center;gap:18px}.nav-link{position:relative;display:inline-flex;align-items:center;padding:6px 0}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:999px;background:#62e514;box-shadow:0 0 10px #62e514b3;transform:scaleX(0);transition:transform .2s ease}.nav-link.active{color:#62e514;text-shadow:0 0 12px rgba(98,229,20,.45)}.nav-link.active:after{transform:scaleX(1)}.nav-menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid rgba(98,229,20,.35);border-radius:8px;background:#62e5140d;color:#d9e6d2;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;cursor:pointer;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.nav-menu-toggle:hover{color:#62e514;border-color:#62e514;background:#62e5141a}.nav-menu-icon{display:grid;gap:3px;width:17px}.nav-menu-icon span{display:block;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.nav-menu-toggle[aria-expanded=true] .nav-menu-icon span:nth-child(1){transform:translateY(5px) rotate(45deg)}.nav-menu-toggle[aria-expanded=true] .nav-menu-icon span:nth-child(2){opacity:0}.nav-menu-toggle[aria-expanded=true] .nav-menu-icon span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.nav-mobile-menu{display:none}#mint,#bros,#vault,#send,#faq{scroll-margin-top:96px}@media (max-width: 760px){.nav{flex-wrap:nowrap!important}.nav-brand{flex-shrink:0;min-width:0}.nav-brand>span:first-child{font-size:22px!important;white-space:nowrap}.nav-brand>span:last-child{display:none!important}.nav-actions{flex-shrink:0;gap:8px!important}.nav-external-actions,.nav-center{display:none!important}.nav-menu-toggle{display:inline-flex!important}.nav-mobile-menu{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:14px;padding:14px 16px 18px;background:#070a06fa;border-bottom:1px solid rgba(98,229,20,.3);box-shadow:0 18px 34px #00000059}.nav-mobile-menu.open{display:flex}.nav-mobile-section-links{display:grid;gap:4px}.nav-mobile-link{width:100%;justify-content:flex-start;padding:12px 14px;border:1px solid transparent;border-radius:8px;font-size:14px;letter-spacing:.16em}.nav-mobile-link.active{border-color:#62e51447;background:#62e51414}.nav-mobile-link:after{left:14px;right:auto;bottom:7px;width:24px}.nav-mobile-external{display:flex;align-items:center;gap:18px;padding-top:14px;border-top:1px solid rgba(98,229,20,.16)}.nav-mobile-external .nav-x{font-size:18px}.nav-mobile-external .nav-opensea{font-size:11px}.btn-connect{max-width:145px;padding:9px 12px!important;font-size:11px!important;letter-spacing:.1em!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 400px){.btn-connect{max-width:126px}}@media (prefers-reduced-motion: reduce){.nav,.nav-link:after,.nav-menu-toggle,.nav-menu-icon span{transition:none}}.nav-my-bros{color:#9fe57a}.nav-my-bros:before{content:"↳";margin-right:6px;color:#62e514;font-size:.9em}#your-bros{scroll-margin-top:96px}.connect-wallet-label-mobile{display:none}@media (max-width: 760px){.connect-wallet-label-full{display:none}.connect-wallet-label-mobile{display:inline}}.hero-head,.hero-controls{display:contents}@media (max-width: 760px){.hero-copy{display:flex!important;flex-direction:column}.hero-head{display:flex;flex-direction:column;order:1}.hero-controls{display:flex;flex-direction:column;order:2}.hero-description{order:3;max-width:none!important;margin-top:22px!important}}
